@cauca-911/material 20.2.11 → 21.0.0
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.
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, EventEmitter, Output, Input, signal, inject, HostListener, Injector, ElementRef, forwardRef,
|
|
2
|
+
import { Injectable, Component, input, output, ChangeDetectionStrategy, EventEmitter, Output, Input, signal, inject, HostListener, Injector, ElementRef, forwardRef, computed, Directive, Inject, HostBinding, model, TemplateRef, Optional, Self, ContentChild, ViewChild, resource, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@ngx-translate/core';
|
|
4
4
|
import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
|
|
5
5
|
import * as i1$6 from '@angular/material/dialog';
|
|
6
6
|
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
|
|
7
|
-
import * as i1$
|
|
7
|
+
import * as i1$2 from '@angular/material/icon';
|
|
8
8
|
import { MatIconModule, MatIcon } from '@angular/material/icon';
|
|
9
|
-
import * as i3 from '@angular/material/input';
|
|
9
|
+
import * as i3$1 from '@angular/material/input';
|
|
10
10
|
import { MatInputModule, MatInput } from '@angular/material/input';
|
|
11
11
|
import { provideNativeDateAdapter } from '@angular/material/core';
|
|
12
|
-
import * as i2
|
|
12
|
+
import * as i2 from '@angular/material/datepicker';
|
|
13
13
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
14
|
-
import * as i1$
|
|
14
|
+
import * as i1$3 from '@angular/material/list';
|
|
15
15
|
import { MatListModule } from '@angular/material/list';
|
|
16
16
|
import { CaucaCoreForChildModule, toLowerCaseAndWithoutDiacritics, TranslateService as TranslateService$1, CaucaCoreService } from '@cauca-911/core';
|
|
17
|
-
import * as
|
|
17
|
+
import * as i1$1 from '@angular/material/button';
|
|
18
18
|
import { MatButtonModule, MatButton, MatIconButton } from '@angular/material/button';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i3 from '@angular/common';
|
|
20
20
|
import { CommonModule, DatePipe, NgClass } from '@angular/common';
|
|
21
21
|
import * as i1$4 from '@angular/material/form-field';
|
|
22
22
|
import { MatFormFieldModule, MatFormFieldControl, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
|
|
@@ -26,25 +26,23 @@ import * as i1$5 from '@angular/cdk/clipboard';
|
|
|
26
26
|
import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
|
|
27
27
|
import { firstValueFrom, of, tap, mergeMap, catchError, finalize, throwError, filter, Subject, startWith, map, ReplaySubject, switchMap, EMPTY, combineLatest, distinctUntilChanged } from 'rxjs';
|
|
28
28
|
import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
|
|
29
|
-
import * as i2$
|
|
29
|
+
import * as i2$1 from '@angular/cdk/layout';
|
|
30
30
|
import * as i5 from '@angular/cdk/text-field';
|
|
31
31
|
import { MatProgressSpinner } from '@angular/material/progress-spinner';
|
|
32
32
|
import * as i1$8 from '@angular/material/chips';
|
|
33
33
|
import { MatChipsModule, MatChipGrid, MatChip, MatChipRemove, MatChipInput } from '@angular/material/chips';
|
|
34
34
|
import * as i1$9 from '@fortawesome/angular-fontawesome';
|
|
35
|
-
import { FontAwesomeModule
|
|
35
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
36
36
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
37
|
-
import * as i2$
|
|
37
|
+
import * as i2$2 from '@angular/material/autocomplete';
|
|
38
38
|
import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
39
39
|
import { ColorPickerDirective } from 'ngx-color-picker';
|
|
40
|
-
import * as i2$
|
|
40
|
+
import * as i2$3 from '@angular/material/select';
|
|
41
41
|
import { MatSelectModule } from '@angular/material/select';
|
|
42
42
|
import * as i5$1 from 'ngx-mat-select-search';
|
|
43
43
|
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
|
44
44
|
import * as i1$a from '@angular/router';
|
|
45
|
-
import { RouterModule, Router
|
|
46
|
-
import { trigger, state, transition, style, AUTO_STYLE, animate } from '@angular/animations';
|
|
47
|
-
import { provideAnimations } from '@angular/platform-browser/animations';
|
|
45
|
+
import { RouterModule, Router } from '@angular/router';
|
|
48
46
|
import { MatTabGroup, MatTab } from '@angular/material/tabs';
|
|
49
47
|
|
|
50
48
|
class CaucaMaterialService {
|
|
@@ -78,32 +76,34 @@ class CaucaMaterialComponent {
|
|
|
78
76
|
|
|
79
77
|
class MobileTimePickerComponent {
|
|
80
78
|
constructor() {
|
|
81
|
-
this.
|
|
79
|
+
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
80
|
+
this.options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
81
|
+
this.valueChange = output();
|
|
82
82
|
}
|
|
83
83
|
valueUp() {
|
|
84
|
-
const currentIndex = this.options.indexOf(this.value);
|
|
84
|
+
const currentIndex = this.options().indexOf(this.value());
|
|
85
85
|
let newValue = 0;
|
|
86
|
-
if (currentIndex === this.options.length - 1) {
|
|
87
|
-
newValue = this.options[0];
|
|
86
|
+
if (currentIndex === this.options().length - 1) {
|
|
87
|
+
newValue = this.options()[0];
|
|
88
88
|
}
|
|
89
89
|
else {
|
|
90
|
-
newValue = this.options[currentIndex + 1];
|
|
90
|
+
newValue = this.options()[currentIndex + 1];
|
|
91
91
|
}
|
|
92
92
|
this.valueChange.emit(newValue);
|
|
93
93
|
}
|
|
94
94
|
valueDown() {
|
|
95
|
-
const currentIndex = this.options.indexOf(this.value);
|
|
95
|
+
const currentIndex = this.options().indexOf(this.value());
|
|
96
96
|
let newValue = 0;
|
|
97
97
|
if (currentIndex === 0) {
|
|
98
|
-
newValue = this.options[this.options.length - 1];
|
|
98
|
+
newValue = this.options()[this.options().length - 1];
|
|
99
99
|
}
|
|
100
100
|
else {
|
|
101
|
-
newValue = this.options[currentIndex - 1];
|
|
101
|
+
newValue = this.options()[currentIndex - 1];
|
|
102
102
|
}
|
|
103
103
|
this.valueChange.emit(newValue);
|
|
104
104
|
}
|
|
105
105
|
static { this.ɵfac = function MobileTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileTimePickerComponent)(); }; }
|
|
106
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileTimePickerComponent, selectors: [["cauca-mobile-time-picker"]], inputs: { value: "value", options: "options" }, outputs: { valueChange: "valueChange" }, decls: 8, vars: 1, consts: [["mat-icon-button", "", 3, "click"]], template: function MobileTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
106
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileTimePickerComponent, selectors: [["cauca-mobile-time-picker"]], inputs: { value: [1, "value"], options: [1, "options"] }, outputs: { valueChange: "valueChange" }, decls: 8, vars: 1, consts: [["mat-icon-button", "", 3, "click"]], template: function MobileTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
107
107
|
i0.ɵɵelementStart(0, "button", 0);
|
|
108
108
|
i0.ɵɵlistener("click", function MobileTimePickerComponent_Template_button_click_0_listener() { return ctx.valueUp(); });
|
|
109
109
|
i0.ɵɵelementStart(1, "mat-icon");
|
|
@@ -119,9 +119,9 @@ class MobileTimePickerComponent {
|
|
|
119
119
|
i0.ɵɵelementEnd()();
|
|
120
120
|
} if (rf & 2) {
|
|
121
121
|
i0.ɵɵadvance(4);
|
|
122
|
-
i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
|
|
123
|
-
} }, dependencies: [MatButtonModule,
|
|
124
|
-
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}"] }); }
|
|
122
|
+
i0.ɵɵtextInterpolate1("\n", (ctx.value() < 10 ? "0" : "") + ctx.value(), "\n");
|
|
123
|
+
} }, dependencies: [MatButtonModule, i1$1.MatIconButton, MatIconModule, i1$2.MatIcon, MatFormFieldModule,
|
|
124
|
+
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}"], changeDetection: 0 }); }
|
|
125
125
|
}
|
|
126
126
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
|
|
127
127
|
type: Component,
|
|
@@ -130,17 +130,9 @@ class MobileTimePickerComponent {
|
|
|
130
130
|
MatIconModule,
|
|
131
131
|
MatFormFieldModule,
|
|
132
132
|
MatInputModule
|
|
133
|
-
], template: "<button mat-icon-button (click)=\"valueUp()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n</button>\n<div>\n{{(value < 10 ? '0' : '' ) + value}}\n</div>\n<button mat-icon-button (click)=\"valueDown()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n</button>\n", styles: [":host{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{height:24px;width:24px;line-height:24px;padding:0}\n"] }]
|
|
134
|
-
}], null, { value: [{
|
|
135
|
-
|
|
136
|
-
args: [{ required: true }]
|
|
137
|
-
}], options: [{
|
|
138
|
-
type: Input,
|
|
139
|
-
args: [{ required: true }]
|
|
140
|
-
}], valueChange: [{
|
|
141
|
-
type: Output
|
|
142
|
-
}] }); })();
|
|
143
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.ts", lineNumber: 18 }); })();
|
|
133
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button (click)=\"valueUp()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n</button>\n<div>\n{{(value() < 10 ? '0' : '' ) + value()}}\n</div>\n<button mat-icon-button (click)=\"valueDown()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n</button>\n", styles: [":host{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{height:24px;width:24px;line-height:24px;padding:0}\n"] }]
|
|
134
|
+
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
|
|
135
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.ts", lineNumber: 19 }); })();
|
|
144
136
|
|
|
145
137
|
function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
146
138
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -169,7 +161,7 @@ class DesktopTimePickerComponent {
|
|
|
169
161
|
i0.ɵɵproperty("disabled", ctx.disabled == null ? null : ctx.disabled.all);
|
|
170
162
|
i0.ɵɵadvance();
|
|
171
163
|
i0.ɵɵrepeater(ctx.options);
|
|
172
|
-
} }, dependencies: [MatListModule, i1$
|
|
164
|
+
} }, dependencies: [MatListModule, i1$3.MatList, i1$3.MatListItem], styles: ["mat-list[_ngcontent-%COMP%]{width:50px;padding:0}mat-list[_ngcontent-%COMP%] .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer} > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none} .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)} .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)} .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
|
|
173
165
|
}
|
|
174
166
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
|
|
175
167
|
type: Component,
|
|
@@ -187,71 +179,71 @@ class DesktopTimePickerComponent {
|
|
|
187
179
|
}] }); })();
|
|
188
180
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 12 }); })();
|
|
189
181
|
|
|
190
|
-
const _c0$
|
|
191
|
-
function
|
|
182
|
+
const _c0$c = (a0, a1) => ({ all: a0, someOptions: a1 });
|
|
183
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
192
184
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
193
|
-
i0.ɵɵelementStart(0, "div",
|
|
194
|
-
i0.ɵɵlistener("valueChange", function
|
|
185
|
+
i0.ɵɵelementStart(0, "div", 8)(1, "cauca-desktop-time-picker", 13);
|
|
186
|
+
i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
|
|
195
187
|
i0.ɵɵelementEnd()();
|
|
196
188
|
} if (rf & 2) {
|
|
197
189
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
198
190
|
i0.ɵɵadvance();
|
|
199
|
-
i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$
|
|
191
|
+
i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$c, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
|
|
200
192
|
} }
|
|
201
|
-
function
|
|
193
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
202
194
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
203
|
-
i0.ɵɵelementStart(0, "div",
|
|
204
|
-
i0.ɵɵlistener("valueChange", function
|
|
195
|
+
i0.ɵɵelementStart(0, "div", 8)(1, "cauca-mobile-time-picker", 14);
|
|
196
|
+
i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
|
|
205
197
|
i0.ɵɵelementEnd()();
|
|
206
198
|
} if (rf & 2) {
|
|
207
199
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
208
200
|
i0.ɵɵadvance();
|
|
209
201
|
i0.ɵɵproperty("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
|
|
210
202
|
} }
|
|
211
|
-
function
|
|
212
|
-
i0.ɵɵelementStart(0, "div",
|
|
203
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
204
|
+
i0.ɵɵelementStart(0, "div", 9);
|
|
213
205
|
i0.ɵɵtext(1, ":");
|
|
214
206
|
i0.ɵɵelementEnd();
|
|
215
207
|
} }
|
|
216
|
-
function
|
|
208
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
217
209
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
218
|
-
i0.ɵɵelementStart(0, "div",
|
|
219
|
-
i0.ɵɵlistener("valueChange", function
|
|
210
|
+
i0.ɵɵelementStart(0, "div", 10)(1, "cauca-desktop-time-picker", 13);
|
|
211
|
+
i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
|
|
220
212
|
i0.ɵɵelementEnd()();
|
|
221
213
|
} if (rf & 2) {
|
|
222
214
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
223
215
|
i0.ɵɵadvance();
|
|
224
|
-
i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$
|
|
216
|
+
i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$c, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
|
|
225
217
|
} }
|
|
226
|
-
function
|
|
218
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
227
219
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
228
|
-
i0.ɵɵelementStart(0, "div",
|
|
229
|
-
i0.ɵɵlistener("valueChange", function
|
|
220
|
+
i0.ɵɵelementStart(0, "div", 10)(1, "cauca-mobile-time-picker", 14);
|
|
221
|
+
i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
|
|
230
222
|
i0.ɵɵelementEnd()();
|
|
231
223
|
} if (rf & 2) {
|
|
232
224
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
233
225
|
i0.ɵɵadvance();
|
|
234
226
|
i0.ɵɵproperty("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
|
|
235
227
|
} }
|
|
236
|
-
function
|
|
237
|
-
i0.ɵɵelementStart(0, "div",
|
|
228
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
229
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
238
230
|
i0.ɵɵtext(1, ":");
|
|
239
231
|
i0.ɵɵelementEnd();
|
|
240
232
|
} }
|
|
241
|
-
function
|
|
233
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
242
234
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
243
|
-
i0.ɵɵelementStart(0, "div",
|
|
244
|
-
i0.ɵɵlistener("valueChange", function
|
|
235
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "cauca-desktop-time-picker", 13);
|
|
236
|
+
i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
|
|
245
237
|
i0.ɵɵelementEnd()();
|
|
246
238
|
} if (rf & 2) {
|
|
247
239
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
248
240
|
i0.ɵɵadvance();
|
|
249
|
-
i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$
|
|
241
|
+
i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$c, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
|
|
250
242
|
} }
|
|
251
|
-
function
|
|
243
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
252
244
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
253
|
-
i0.ɵɵelementStart(0, "div",
|
|
254
|
-
i0.ɵɵlistener("valueChange", function
|
|
245
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "cauca-mobile-time-picker", 14);
|
|
246
|
+
i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
|
|
255
247
|
i0.ɵɵelementEnd()();
|
|
256
248
|
} if (rf & 2) {
|
|
257
249
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -259,51 +251,58 @@ function DialogDateTimePickerComponent_Conditional_4_div_7_Template(rf, ctx) { i
|
|
|
259
251
|
i0.ɵɵproperty("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
|
|
260
252
|
} }
|
|
261
253
|
function DialogDateTimePickerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
262
|
-
i0.ɵɵ
|
|
254
|
+
i0.ɵɵconditionalCreate(0, DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template, 2, 6, "div", 8);
|
|
255
|
+
i0.ɵɵconditionalCreate(1, DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template, 2, 2, "div", 8);
|
|
256
|
+
i0.ɵɵconditionalCreate(2, DialogDateTimePickerComponent_Conditional_4_Conditional_2_Template, 2, 0, "div", 9);
|
|
257
|
+
i0.ɵɵconditionalCreate(3, DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template, 2, 6, "div", 10);
|
|
258
|
+
i0.ɵɵconditionalCreate(4, DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template, 2, 2, "div", 10);
|
|
259
|
+
i0.ɵɵconditionalCreate(5, DialogDateTimePickerComponent_Conditional_4_Conditional_5_Template, 2, 0, "div", 11);
|
|
260
|
+
i0.ɵɵconditionalCreate(6, DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template, 2, 6, "div", 12);
|
|
261
|
+
i0.ɵɵconditionalCreate(7, DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template, 2, 2, "div", 12);
|
|
263
262
|
} if (rf & 2) {
|
|
264
263
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
265
|
-
i0.ɵɵ
|
|
264
|
+
i0.ɵɵconditional(!ctx_r1.showMobileUi ? 0 : -1);
|
|
266
265
|
i0.ɵɵadvance();
|
|
267
|
-
i0.ɵɵ
|
|
266
|
+
i0.ɵɵconditional(ctx_r1.showMobileUi ? 1 : -1);
|
|
268
267
|
i0.ɵɵadvance();
|
|
269
|
-
i0.ɵɵ
|
|
268
|
+
i0.ɵɵconditional(ctx_r1.showMobileUi ? 2 : -1);
|
|
270
269
|
i0.ɵɵadvance();
|
|
271
|
-
i0.ɵɵ
|
|
270
|
+
i0.ɵɵconditional(!ctx_r1.showMobileUi ? 3 : -1);
|
|
272
271
|
i0.ɵɵadvance();
|
|
273
|
-
i0.ɵɵ
|
|
272
|
+
i0.ɵɵconditional(ctx_r1.showMobileUi ? 4 : -1);
|
|
274
273
|
i0.ɵɵadvance();
|
|
275
|
-
i0.ɵɵ
|
|
274
|
+
i0.ɵɵconditional(ctx_r1.showSeconds() && ctx_r1.showMobileUi ? 5 : -1);
|
|
276
275
|
i0.ɵɵadvance();
|
|
277
|
-
i0.ɵɵ
|
|
276
|
+
i0.ɵɵconditional(ctx_r1.showSeconds() && !ctx_r1.showMobileUi ? 6 : -1);
|
|
278
277
|
i0.ɵɵadvance();
|
|
279
|
-
i0.ɵɵ
|
|
278
|
+
i0.ɵɵconditional(ctx_r1.showSeconds() && ctx_r1.showMobileUi ? 7 : -1);
|
|
280
279
|
} }
|
|
281
|
-
function
|
|
280
|
+
function DialogDateTimePickerComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
282
281
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
283
282
|
i0.ɵɵtext(1, "clear");
|
|
284
283
|
i0.ɵɵelementEnd();
|
|
285
284
|
} }
|
|
286
|
-
function
|
|
285
|
+
function DialogDateTimePickerComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
287
286
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
288
|
-
i0.ɵɵelementStart(0, "button",
|
|
289
|
-
i0.ɵɵlistener("click", function
|
|
290
|
-
i0.ɵɵ
|
|
287
|
+
i0.ɵɵelementStart(0, "button", 15);
|
|
288
|
+
i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clear()); });
|
|
289
|
+
i0.ɵɵconditionalCreate(1, DialogDateTimePickerComponent_Conditional_6_Conditional_1_Template, 2, 0, "mat-icon");
|
|
291
290
|
i0.ɵɵtext(2);
|
|
292
291
|
i0.ɵɵpipe(3, "translate");
|
|
293
292
|
i0.ɵɵelementEnd();
|
|
294
293
|
} if (rf & 2) {
|
|
295
294
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
296
295
|
i0.ɵɵadvance();
|
|
297
|
-
i0.ɵɵ
|
|
296
|
+
i0.ɵɵconditional(ctx_r1.showButtonIcons ? 1 : -1);
|
|
298
297
|
i0.ɵɵadvance();
|
|
299
298
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "material.clear"), " ");
|
|
300
299
|
} }
|
|
301
|
-
function
|
|
300
|
+
function DialogDateTimePickerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
302
301
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
303
302
|
i0.ɵɵtext(1, "cancel");
|
|
304
303
|
i0.ɵɵelementEnd();
|
|
305
304
|
} }
|
|
306
|
-
function
|
|
305
|
+
function DialogDateTimePickerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
307
306
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
308
307
|
i0.ɵɵtext(1, "check");
|
|
309
308
|
i0.ɵɵelementEnd();
|
|
@@ -317,7 +316,7 @@ class DialogDateTimePickerComponent {
|
|
|
317
316
|
this.selectedDate = null;
|
|
318
317
|
this.minimumDate = new Date();
|
|
319
318
|
this.maximumDate = new Date();
|
|
320
|
-
this.showSeconds = false;
|
|
319
|
+
this.showSeconds = signal(false, ...(ngDevMode ? [{ debugName: "showSeconds" }] : []));
|
|
321
320
|
this.showClearButton = true;
|
|
322
321
|
this.showButtonIcons = true;
|
|
323
322
|
this.hours = [...Array(24).keys()];
|
|
@@ -342,7 +341,7 @@ class DialogDateTimePickerComponent {
|
|
|
342
341
|
this.options = inject(MAT_DIALOG_DATA);
|
|
343
342
|
const options = this.options;
|
|
344
343
|
this.step = options.step || this.step;
|
|
345
|
-
this.showSeconds
|
|
344
|
+
this.showSeconds.set(options.showSeconds);
|
|
346
345
|
this.showButtonIcons = options.showButtonIcons ?? this.showButtonIcons;
|
|
347
346
|
this.showClearButton = options.showClearButton ?? this.showClearButton;
|
|
348
347
|
this.showTime.set(options.showTime ?? true);
|
|
@@ -471,47 +470,47 @@ class DialogDateTimePickerComponent {
|
|
|
471
470
|
static { this.ɵfac = function DialogDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogDateTimePickerComponent)(); }; }
|
|
472
471
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], hostBindings: function DialogDateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
473
472
|
i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, i0.ɵɵresolveWindow);
|
|
474
|
-
} }, 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", ""
|
|
473
|
+
} }, 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", ""], ["color", "primary", "mat-stroked-button", "", 3, "click"], ["color", "primary", "mat-raised-button", "", "cdkFocusInitial", "", 3, "click"], [1, "hours"], [1, "hour-and-minute-separator"], [1, "minutes"], [1, "minute-and-second-separator"], [1, "seconds"], [3, "valueChange", "disabled", "options", "value"], [3, "valueChange", "options", "value"], ["mat-stroked-button", "", 3, "click"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
475
474
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "mat-calendar", 3);
|
|
476
475
|
i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
|
|
477
476
|
i0.ɵɵelementEnd()();
|
|
478
477
|
i0.ɵɵconditionalCreate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
|
|
479
478
|
i0.ɵɵelementEnd()();
|
|
480
479
|
i0.ɵɵelementStart(5, "div", 4);
|
|
481
|
-
i0.ɵɵ
|
|
480
|
+
i0.ɵɵconditionalCreate(6, DialogDateTimePickerComponent_Conditional_6_Template, 4, 4, "button", 5);
|
|
482
481
|
i0.ɵɵelementStart(7, "button", 6);
|
|
483
482
|
i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_7_listener() { return ctx.cancel(); });
|
|
484
|
-
i0.ɵɵ
|
|
483
|
+
i0.ɵɵconditionalCreate(8, DialogDateTimePickerComponent_Conditional_8_Template, 2, 0, "mat-icon");
|
|
485
484
|
i0.ɵɵtext(9);
|
|
486
485
|
i0.ɵɵpipe(10, "translate");
|
|
487
486
|
i0.ɵɵelementEnd();
|
|
488
|
-
i0.ɵɵelementStart(11, "button",
|
|
487
|
+
i0.ɵɵelementStart(11, "button", 7);
|
|
489
488
|
i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_11_listener() { return ctx.confirm(); });
|
|
490
|
-
i0.ɵɵ
|
|
489
|
+
i0.ɵɵconditionalCreate(12, DialogDateTimePickerComponent_Conditional_12_Template, 2, 0, "mat-icon");
|
|
491
490
|
i0.ɵɵtext(13);
|
|
492
491
|
i0.ɵɵpipe(14, "translate");
|
|
493
492
|
i0.ɵɵelementEnd()();
|
|
494
493
|
} if (rf & 2) {
|
|
495
494
|
i0.ɵɵadvance();
|
|
496
|
-
i0.ɵɵproperty("ngClass", ctx.showSeconds ? "show-seconds" : "hide-seconds");
|
|
495
|
+
i0.ɵɵproperty("ngClass", ctx.showSeconds() ? "show-seconds" : "hide-seconds");
|
|
497
496
|
i0.ɵɵadvance(2);
|
|
498
497
|
i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
|
|
499
498
|
i0.ɵɵadvance();
|
|
500
499
|
i0.ɵɵconditional(ctx.showTime() ? 4 : -1);
|
|
501
500
|
i0.ɵɵadvance(2);
|
|
502
|
-
i0.ɵɵ
|
|
501
|
+
i0.ɵɵconditional(ctx.showClearButton ? 6 : -1);
|
|
503
502
|
i0.ɵɵadvance(2);
|
|
504
|
-
i0.ɵɵ
|
|
503
|
+
i0.ɵɵconditional(ctx.showButtonIcons ? 8 : -1);
|
|
505
504
|
i0.ɵɵadvance();
|
|
506
505
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "material.cancel"), " ");
|
|
507
506
|
i0.ɵɵadvance(3);
|
|
508
|
-
i0.ɵɵ
|
|
507
|
+
i0.ɵɵconditional(ctx.showButtonIcons ? 12 : -1);
|
|
509
508
|
i0.ɵɵadvance();
|
|
510
509
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 12, "material.ok"), " ");
|
|
511
|
-
} }, dependencies: [CommonModule,
|
|
512
|
-
MatButtonModule,
|
|
510
|
+
} }, dependencies: [CommonModule, i3.NgClass, CaucaCoreForChildModule,
|
|
511
|
+
MatButtonModule, i1$1.MatButton, MatDatepickerModule, i2.MatCalendar, MatIconModule, i1$2.MatIcon, MatListModule,
|
|
513
512
|
MobileTimePickerComponent,
|
|
514
|
-
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:
|
|
513
|
+
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}}"], changeDetection: 0 }); }
|
|
515
514
|
}
|
|
516
515
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
|
|
517
516
|
type: Component,
|
|
@@ -524,12 +523,12 @@ class DialogDateTimePickerComponent {
|
|
|
524
523
|
MatListModule,
|
|
525
524
|
MobileTimePickerComponent,
|
|
526
525
|
DesktopTimePickerComponent
|
|
527
|
-
], providers: [provideNativeDateAdapter()], template: "<div mat-dialog-content>\n
|
|
526
|
+
], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, 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 @if (!showMobileUi) {\n <div class=\"hours\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n </div>\n }\n @if (showMobileUi) {\n <div class=\"hours\">\n <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n </div>\n }\n\n @if (showMobileUi) {\n <div class=\"hour-and-minute-separator\">:</div>\n }\n\n @if (!showMobileUi) {\n <div class=\"minutes\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n </div>\n }\n @if (showMobileUi) {\n <div class=\"minutes\">\n <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n </div>\n }\n\n @if (showSeconds() && showMobileUi) {\n <div class=\"minute-and-second-separator\">:</div>\n }\n @if (showSeconds() && !showMobileUi) {\n <div class=\"seconds\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n </div>\n }\n @if (showSeconds() && showMobileUi) {\n <div class=\"seconds\">\n <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n </div>\n }\n }\n </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n @if (showClearButton) {\n <button mat-stroked-button (click)=\"clear()\">\n @if (showButtonIcons) {\n <mat-icon>clear</mat-icon>\n }\n {{'material.clear' | translate}}\n </button>\n }\n <button color=\"primary\" mat-stroked-button (click)=\"cancel()\">\n @if (showButtonIcons) {\n <mat-icon>cancel</mat-icon>\n }\n {{'material.cancel' | translate}}\n </button>\n <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n @if (showButtonIcons) {\n <mat-icon>check</mat-icon>\n }\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"] }]
|
|
528
527
|
}], () => [], { onResize: [{
|
|
529
528
|
type: HostListener,
|
|
530
529
|
args: ['window:resize', ['$event']]
|
|
531
530
|
}] }); })();
|
|
532
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber:
|
|
531
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber: 31 }); })();
|
|
533
532
|
|
|
534
533
|
function CaucaDateTimePickerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
535
534
|
i0.ɵɵelementStart(0, "mat-label");
|
|
@@ -673,7 +672,7 @@ class CaucaDateTimePickerComponent {
|
|
|
673
672
|
i0.ɵɵadvance();
|
|
674
673
|
i0.ɵɵproperty("value", ctx.stringDate);
|
|
675
674
|
} }, dependencies: [TranslateModule,
|
|
676
|
-
MatButtonModule,
|
|
675
|
+
MatButtonModule, i1$1.MatIconButton, MatIconModule, i1$2.MatIcon, MatInputModule, i3$1.MatInput, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatSuffix, MatFormFieldModule, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
|
|
677
676
|
}
|
|
678
677
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
|
|
679
678
|
type: Component,
|
|
@@ -750,7 +749,7 @@ class BaseButton {
|
|
|
750
749
|
}
|
|
751
750
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
|
|
752
751
|
type: Directive
|
|
753
|
-
}], null,
|
|
752
|
+
}], null, { colorOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorOnHover", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAlignment", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], isInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInProgress", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
|
|
754
753
|
class BaseButtonWithLabel extends BaseButton {
|
|
755
754
|
constructor() {
|
|
756
755
|
super(...arguments);
|
|
@@ -763,7 +762,7 @@ class BaseButtonWithLabel extends BaseButton {
|
|
|
763
762
|
}
|
|
764
763
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
|
|
765
764
|
type: Directive
|
|
766
|
-
}], null,
|
|
765
|
+
}], null, { translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }] }); })();
|
|
767
766
|
|
|
768
767
|
function BasicButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
769
768
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -849,7 +848,7 @@ class FabButtonComponent extends BaseButtonWithLabel {
|
|
|
849
848
|
i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
|
|
850
849
|
i0.ɵɵadvance();
|
|
851
850
|
i0.ɵɵconditional(ctx.showIcon() ? 1 : -1);
|
|
852
|
-
} }, dependencies: [MatButtonModule,
|
|
851
|
+
} }, dependencies: [MatButtonModule, i1$1.MatFabButton, MatIconModule, i1$2.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 }); }
|
|
853
852
|
}
|
|
854
853
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FabButtonComponent, [{
|
|
855
854
|
type: Component,
|
|
@@ -944,9 +943,9 @@ function ButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
944
943
|
i0.ɵɵelementEnd();
|
|
945
944
|
} if (rf & 2) {
|
|
946
945
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
947
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
946
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
948
947
|
i0.ɵɵadvance();
|
|
949
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
948
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
950
949
|
} }
|
|
951
950
|
function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
952
951
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -958,11 +957,11 @@ function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
958
957
|
i0.ɵɵelementEnd()();
|
|
959
958
|
} if (rf & 2) {
|
|
960
959
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
961
|
-
i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
|
|
960
|
+
i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
|
|
962
961
|
i0.ɵɵadvance();
|
|
963
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
962
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
964
963
|
i0.ɵɵadvance(2);
|
|
965
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
964
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
966
965
|
} }
|
|
967
966
|
function ButtonComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
968
967
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -970,9 +969,9 @@ function ButtonComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
970
969
|
i0.ɵɵelementEnd();
|
|
971
970
|
} if (rf & 2) {
|
|
972
971
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
973
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
972
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
974
973
|
i0.ɵɵadvance();
|
|
975
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
974
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
976
975
|
} }
|
|
977
976
|
function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
978
977
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
@@ -984,11 +983,11 @@ function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
984
983
|
i0.ɵɵelementEnd()();
|
|
985
984
|
} if (rf & 2) {
|
|
986
985
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
987
|
-
i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
|
|
986
|
+
i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
|
|
988
987
|
i0.ɵɵadvance();
|
|
989
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
988
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
990
989
|
i0.ɵɵadvance(2);
|
|
991
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
990
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
992
991
|
} }
|
|
993
992
|
function ButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
994
993
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -996,9 +995,9 @@ function ButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
996
995
|
i0.ɵɵelementEnd();
|
|
997
996
|
} if (rf & 2) {
|
|
998
997
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
999
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
998
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1000
999
|
i0.ɵɵadvance();
|
|
1001
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1000
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1002
1001
|
} }
|
|
1003
1002
|
function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
1004
1003
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
@@ -1010,11 +1009,11 @@ function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
1010
1009
|
i0.ɵɵelementEnd()();
|
|
1011
1010
|
} if (rf & 2) {
|
|
1012
1011
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1013
|
-
i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
|
|
1012
|
+
i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
|
|
1014
1013
|
i0.ɵɵadvance();
|
|
1015
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1014
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1016
1015
|
i0.ɵɵadvance(2);
|
|
1017
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
1016
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
1018
1017
|
} }
|
|
1019
1018
|
function ButtonComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1020
1019
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1022,9 +1021,9 @@ function ButtonComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
1022
1021
|
i0.ɵɵelementEnd();
|
|
1023
1022
|
} if (rf & 2) {
|
|
1024
1023
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1025
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
1024
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1026
1025
|
i0.ɵɵadvance();
|
|
1027
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1026
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1028
1027
|
} }
|
|
1029
1028
|
function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
1030
1029
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
@@ -1036,11 +1035,11 @@ function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
1036
1035
|
i0.ɵɵelementEnd()();
|
|
1037
1036
|
} if (rf & 2) {
|
|
1038
1037
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1039
|
-
i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
|
|
1038
|
+
i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
|
|
1040
1039
|
i0.ɵɵadvance();
|
|
1041
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1040
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1042
1041
|
i0.ɵɵadvance(2);
|
|
1043
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
1042
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
1044
1043
|
} }
|
|
1045
1044
|
function ButtonComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1046
1045
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1048,9 +1047,9 @@ function ButtonComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
1048
1047
|
i0.ɵɵelementEnd();
|
|
1049
1048
|
} if (rf & 2) {
|
|
1050
1049
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1051
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
1050
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1052
1051
|
i0.ɵɵadvance();
|
|
1053
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1052
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1054
1053
|
} }
|
|
1055
1054
|
function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
1056
1055
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
@@ -1060,9 +1059,9 @@ function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
1060
1059
|
i0.ɵɵelementEnd();
|
|
1061
1060
|
} if (rf & 2) {
|
|
1062
1061
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1063
|
-
i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
|
|
1062
|
+
i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
|
|
1064
1063
|
i0.ɵɵadvance();
|
|
1065
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1064
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1066
1065
|
} }
|
|
1067
1066
|
function ButtonComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1068
1067
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1070,9 +1069,9 @@ function ButtonComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
1070
1069
|
i0.ɵɵelementEnd();
|
|
1071
1070
|
} if (rf & 2) {
|
|
1072
1071
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1073
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
1072
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1074
1073
|
i0.ɵɵadvance();
|
|
1075
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1074
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1076
1075
|
} }
|
|
1077
1076
|
function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
1078
1077
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
@@ -1084,25 +1083,25 @@ function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
1084
1083
|
i0.ɵɵelementEnd()();
|
|
1085
1084
|
} if (rf & 2) {
|
|
1086
1085
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1087
|
-
i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
|
|
1086
|
+
i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
|
|
1088
1087
|
i0.ɵɵadvance();
|
|
1089
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1088
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1090
1089
|
i0.ɵɵadvance(2);
|
|
1091
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
1090
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
1092
1091
|
} }
|
|
1093
1092
|
class ButtonComponent {
|
|
1094
1093
|
constructor() {
|
|
1095
|
-
this.class = null;
|
|
1096
|
-
this.inProgress = false;
|
|
1097
|
-
this.disable = false;
|
|
1098
|
-
this.label = '';
|
|
1099
|
-
this.icon = null;
|
|
1100
|
-
this.color = '';
|
|
1101
|
-
this.type = 'basic';
|
|
1102
|
-
this.buttonClick =
|
|
1094
|
+
this.class = input(null, ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
1095
|
+
this.inProgress = input(false, ...(ngDevMode ? [{ debugName: "inProgress" }] : []));
|
|
1096
|
+
this.disable = input(false, ...(ngDevMode ? [{ debugName: "disable" }] : []));
|
|
1097
|
+
this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
1098
|
+
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
1099
|
+
this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
1100
|
+
this.type = input('basic', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
1101
|
+
this.buttonClick = output();
|
|
1103
1102
|
}
|
|
1104
1103
|
static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
|
|
1105
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["cauca-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) {
|
|
1104
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["cauca-button"]], inputs: { class: [1, "class"], inProgress: [1, "inProgress"], disable: [1, "disable"], label: [1, "label"], icon: [1, "icon"], color: [1, "color"], type: [1, "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) {
|
|
1106
1105
|
i0.ɵɵconditionalCreate(0, ButtonComponent_Conditional_0_Template, 4, 5, "button", 0);
|
|
1107
1106
|
i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_1_Template, 4, 5, "button", 1);
|
|
1108
1107
|
i0.ɵɵconditionalCreate(2, ButtonComponent_Conditional_2_Template, 4, 5, "button", 2);
|
|
@@ -1110,40 +1109,24 @@ class ButtonComponent {
|
|
|
1110
1109
|
i0.ɵɵconditionalCreate(4, ButtonComponent_Conditional_4_Template, 2, 4, "button", 4);
|
|
1111
1110
|
i0.ɵɵconditionalCreate(5, ButtonComponent_Conditional_5_Template, 4, 5, "button", 5);
|
|
1112
1111
|
} if (rf & 2) {
|
|
1113
|
-
i0.ɵɵconditional(ctx.type === "basic" ? 0 : -1);
|
|
1112
|
+
i0.ɵɵconditional(ctx.type() === "basic" ? 0 : -1);
|
|
1114
1113
|
i0.ɵɵadvance();
|
|
1115
|
-
i0.ɵɵconditional(ctx.type === "raised" ? 1 : -1);
|
|
1114
|
+
i0.ɵɵconditional(ctx.type() === "raised" ? 1 : -1);
|
|
1116
1115
|
i0.ɵɵadvance();
|
|
1117
|
-
i0.ɵɵconditional(ctx.type === "stroked" ? 2 : -1);
|
|
1116
|
+
i0.ɵɵconditional(ctx.type() === "stroked" ? 2 : -1);
|
|
1118
1117
|
i0.ɵɵadvance();
|
|
1119
|
-
i0.ɵɵconditional(ctx.type === "flat" ? 3 : -1);
|
|
1118
|
+
i0.ɵɵconditional(ctx.type() === "flat" ? 3 : -1);
|
|
1120
1119
|
i0.ɵɵadvance();
|
|
1121
|
-
i0.ɵɵconditional(ctx.type === "icon" ? 4 : -1);
|
|
1120
|
+
i0.ɵɵconditional(ctx.type() === "icon" ? 4 : -1);
|
|
1122
1121
|
i0.ɵɵadvance();
|
|
1123
|
-
i0.ɵɵconditional(ctx.type === "fab" ? 5 : -1);
|
|
1124
|
-
} }, dependencies: [MatIconModule, i1$
|
|
1122
|
+
i0.ɵɵconditional(ctx.type() === "fab" ? 5 : -1);
|
|
1123
|
+
} }, dependencies: [MatIconModule, i1$2.MatIcon, MatButtonModule, i1$1.MatButton, i1$1.MatIconButton, i1$1.MatFabButton, NgClass], styles: ["@keyframes _ngcontent-%COMP%_spinner{to{transform:rotate(360deg)}}.button-spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinner 1s linear infinite}"], changeDetection: 0 }); }
|
|
1125
1124
|
}
|
|
1126
1125
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
1127
1126
|
type: Component,
|
|
1128
|
-
args: [{ selector: 'cauca-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"] }]
|
|
1129
|
-
}], null, { class: [{
|
|
1130
|
-
|
|
1131
|
-
}], inProgress: [{
|
|
1132
|
-
type: Input
|
|
1133
|
-
}], disable: [{
|
|
1134
|
-
type: Input
|
|
1135
|
-
}], label: [{
|
|
1136
|
-
type: Input
|
|
1137
|
-
}], icon: [{
|
|
1138
|
-
type: Input
|
|
1139
|
-
}], color: [{
|
|
1140
|
-
type: Input
|
|
1141
|
-
}], type: [{
|
|
1142
|
-
type: Input
|
|
1143
|
-
}], buttonClick: [{
|
|
1144
|
-
type: Output
|
|
1145
|
-
}] }); })();
|
|
1146
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/button/button.component.ts", lineNumber: 12 }); })();
|
|
1127
|
+
args: [{ selector: 'cauca-button', imports: [MatIconModule, MatButtonModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
1128
|
+
}], null, { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], disable: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
|
|
1129
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/button/button.component.ts", lineNumber: 13 }); })();
|
|
1147
1130
|
|
|
1148
1131
|
class LinkButtonComponent {
|
|
1149
1132
|
constructor(clipboard) {
|
|
@@ -1167,7 +1150,7 @@ class LinkButtonComponent {
|
|
|
1167
1150
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkButtonComponent, [{
|
|
1168
1151
|
type: Component,
|
|
1169
1152
|
args: [{ selector: 'cauca-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<cauca-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
|
|
1170
|
-
}], () => [{ type: i1$5.Clipboard }],
|
|
1153
|
+
}], () => [{ type: i1$5.Clipboard }], { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }] }); })();
|
|
1171
1154
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/components/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
|
|
1172
1155
|
|
|
1173
1156
|
function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1232,7 +1215,7 @@ class MenuItemComponent extends BaseButtonWithLabel {
|
|
|
1232
1215
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
|
|
1233
1216
|
type: Component,
|
|
1234
1217
|
args: [{ selector: 'cauca-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"] }]
|
|
1235
|
-
}], null,
|
|
1218
|
+
}], null, { translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }] }); })();
|
|
1236
1219
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/components/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
|
|
1237
1220
|
|
|
1238
1221
|
function RaisedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1285,7 +1268,7 @@ class RaisedButtonComponent extends BaseButtonWithLabel {
|
|
|
1285
1268
|
i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
|
|
1286
1269
|
i0.ɵɵadvance(2);
|
|
1287
1270
|
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
|
|
1288
|
-
} }, dependencies: [MatButton, MatIconModule, i1$
|
|
1271
|
+
} }, dependencies: [MatButton, MatIconModule, i1$2.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 }); }
|
|
1289
1272
|
}
|
|
1290
1273
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
|
|
1291
1274
|
type: Component,
|
|
@@ -1410,7 +1393,7 @@ class StrokedButtonComponent extends BaseButtonWithLabel {
|
|
|
1410
1393
|
i0.ɵɵconditional(ctx.label() ? 2 : -1);
|
|
1411
1394
|
i0.ɵɵadvance();
|
|
1412
1395
|
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 3 : -1);
|
|
1413
|
-
} }, dependencies: [MatButton, MatIconModule, i1$
|
|
1396
|
+
} }, dependencies: [MatButton, MatIconModule, i1$2.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 }); }
|
|
1414
1397
|
}
|
|
1415
1398
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrokedButtonComponent, [{
|
|
1416
1399
|
type: Component,
|
|
@@ -1432,7 +1415,7 @@ class AlertDialogComponent {
|
|
|
1432
1415
|
closeClick() {
|
|
1433
1416
|
this.dialogRef.close();
|
|
1434
1417
|
}
|
|
1435
|
-
static { this.ɵfac = function AlertDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$
|
|
1418
|
+
static { this.ɵfac = function AlertDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$1.BreakpointObserver)); }; }
|
|
1436
1419
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertDialogComponent, selectors: [["cauca-alert-dialog"]], decls: 11, vars: 6, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", "", 1, "alert-dialog-content"], ["align", "end"], ["id", "okButton", "label", "ok", "color", "primary", 3, "buttonClick"]], template: function AlertDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1437
1420
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
1438
1421
|
i0.ɵɵtext(2);
|
|
@@ -1453,15 +1436,15 @@ class AlertDialogComponent {
|
|
|
1453
1436
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title));
|
|
1454
1437
|
i0.ɵɵadvance(5);
|
|
1455
1438
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.message));
|
|
1456
|
-
} }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, i1.TranslatePipe], styles: ["@media
|
|
1439
|
+
} }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.alert-dialog-content[_ngcontent-%COMP%]{white-space:pre-wrap}"] }); }
|
|
1457
1440
|
}
|
|
1458
1441
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
|
|
1459
1442
|
type: Component,
|
|
1460
|
-
args: [{ selector: 'cauca-alert-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\n <div class=\"h6\">{{ title | translate }}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media
|
|
1443
|
+
args: [{ selector: 'cauca-alert-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\n <div class=\"h6\">{{ title | translate }}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.alert-dialog-content{white-space:pre-wrap}\n"] }]
|
|
1461
1444
|
}], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1462
1445
|
type: Inject,
|
|
1463
1446
|
args: [MAT_DIALOG_DATA]
|
|
1464
|
-
}] }, { type: i2$
|
|
1447
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1465
1448
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/components/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 17 }); })();
|
|
1466
1449
|
|
|
1467
1450
|
class ConfirmDialogComponent {
|
|
@@ -1485,7 +1468,7 @@ class ConfirmDialogComponent {
|
|
|
1485
1468
|
cancelClick() {
|
|
1486
1469
|
this.dialogRef.close(ConfirmationResult.Cancel);
|
|
1487
1470
|
}
|
|
1488
|
-
static { this.ɵfac = function ConfirmDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$
|
|
1471
|
+
static { this.ɵfac = function ConfirmDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$1.BreakpointObserver)); }; }
|
|
1489
1472
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["cauca-confirm-dialog"]], decls: 12, vars: 12, consts: [["mat-dialog-title", ""], [1, "h6", "title"], ["id", "close-button", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], [1, "message"], ["align", "end", 1, "action-buttons"], [1, "no-button", 3, "buttonClick", "label", "color"], [1, "yes-button", 3, "buttonClick", "label", "color"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1490
1473
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
1491
1474
|
i0.ɵɵtext(2);
|
|
@@ -1513,15 +1496,15 @@ class ConfirmDialogComponent {
|
|
|
1513
1496
|
i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
|
|
1514
1497
|
i0.ɵɵadvance();
|
|
1515
1498
|
i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
|
|
1516
|
-
} }, dependencies: [TranslateModule, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media
|
|
1499
|
+
} }, dependencies: [TranslateModule, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.yes-button[_ngcontent-%COMP%]{padding-left:8px}.message[_ngcontent-%COMP%]{white-space:pre-wrap}.title[_ngcontent-%COMP%]{padding-top:8px}.action-buttons[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:row;gap:8px}"] }); }
|
|
1517
1500
|
}
|
|
1518
1501
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
|
|
1519
1502
|
type: Component,
|
|
1520
|
-
args: [{ selector: 'cauca-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n </div>\n <div mat-dialog-content>\n <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n </div>\n <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n </mat-dialog-actions>", styles: ["@media
|
|
1503
|
+
args: [{ selector: 'cauca-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n </div>\n <div mat-dialog-content>\n <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n </div>\n <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n </mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}.title{padding-top:8px}.action-buttons{display:flex;align-items:center;flex-direction:row;gap:8px}\n"] }]
|
|
1521
1504
|
}], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1522
1505
|
type: Inject,
|
|
1523
1506
|
args: [MAT_DIALOG_DATA]
|
|
1524
|
-
}] }, { type: i2$
|
|
1507
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1525
1508
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 19 }); })();
|
|
1526
1509
|
|
|
1527
1510
|
function TextInputDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1640,7 +1623,7 @@ class TextInputDialogComponent {
|
|
|
1640
1623
|
i0.ɵɵproperty("label", ctx.cancelButtonLabel);
|
|
1641
1624
|
i0.ɵɵadvance();
|
|
1642
1625
|
i0.ɵɵproperty("isDisabled", !ctx.form.valid)("label", ctx.validateButtonLabel);
|
|
1643
|
-
} }, dependencies: [TranslateModule, RaisedButtonComponent, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, StrokedButtonComponent, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatError, i1$4.MatSuffix, MatInputModule, i3.MatInput, i5.CdkTextareaAutosize, ReactiveFormsModule, i1$7.ɵNgNoValidate, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.NgControlStatusGroup, i1$7.FormGroupDirective, i1$7.FormControlName, IconButtonComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center;padding:8px 24px 0}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}mat-form-field[_ngcontent-%COMP%]{width:100%}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end[_ngcontent-%COMP%], .mat-mdc-dialog-actions[align=end][_ngcontent-%COMP%]{column-gap:8px}.mat-mdc-dialog-content[_ngcontent-%COMP%]{padding-top:8px!important}"] }); }
|
|
1626
|
+
} }, dependencies: [TranslateModule, RaisedButtonComponent, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, StrokedButtonComponent, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatError, i1$4.MatSuffix, MatInputModule, i3$1.MatInput, i5.CdkTextareaAutosize, ReactiveFormsModule, i1$7.ɵNgNoValidate, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.NgControlStatusGroup, i1$7.FormGroupDirective, i1$7.FormControlName, IconButtonComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center;padding:8px 24px 0}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}mat-form-field[_ngcontent-%COMP%]{width:100%}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end[_ngcontent-%COMP%], .mat-mdc-dialog-actions[align=end][_ngcontent-%COMP%]{column-gap:8px}.mat-mdc-dialog-content[_ngcontent-%COMP%]{padding-top:8px!important}"] }); }
|
|
1644
1627
|
}
|
|
1645
1628
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputDialogComponent, [{
|
|
1646
1629
|
type: Component,
|
|
@@ -1658,8 +1641,8 @@ class DeleteDialogData {
|
|
|
1658
1641
|
}
|
|
1659
1642
|
}
|
|
1660
1643
|
|
|
1661
|
-
const _c0$
|
|
1662
|
-
const _c1$
|
|
1644
|
+
const _c0$b = a0 => ({ itemName: a0 });
|
|
1645
|
+
const _c1$2 = a0 => ({ itemType: a0 });
|
|
1663
1646
|
function DeleteDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1664
1647
|
i0.ɵɵelementStart(0, "div", 1);
|
|
1665
1648
|
i0.ɵɵtext(1);
|
|
@@ -1668,7 +1651,7 @@ function DeleteDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
1668
1651
|
} if (rf & 2) {
|
|
1669
1652
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
1670
1653
|
i0.ɵɵadvance();
|
|
1671
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, "deleteDialog.titleFemale", i0.ɵɵpureFunction1(4, _c1$
|
|
1654
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, "deleteDialog.titleFemale", i0.ɵɵpureFunction1(4, _c1$2, ctx_r0.itemType)));
|
|
1672
1655
|
} }
|
|
1673
1656
|
function DeleteDialogComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
1674
1657
|
i0.ɵɵelementStart(0, "div", 1);
|
|
@@ -1678,7 +1661,7 @@ function DeleteDialogComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
1678
1661
|
} if (rf & 2) {
|
|
1679
1662
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
1680
1663
|
i0.ɵɵadvance();
|
|
1681
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, "deleteDialog.titleMale", i0.ɵɵpureFunction1(4, _c1$
|
|
1664
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, "deleteDialog.titleMale", i0.ɵɵpureFunction1(4, _c1$2, ctx_r0.itemType)));
|
|
1682
1665
|
} }
|
|
1683
1666
|
class DeleteDialogComponent {
|
|
1684
1667
|
constructor(dialogRef, data, breakdownObserver) {
|
|
@@ -1699,7 +1682,7 @@ class DeleteDialogComponent {
|
|
|
1699
1682
|
closeClick() {
|
|
1700
1683
|
this.dialogRef.close(false);
|
|
1701
1684
|
}
|
|
1702
|
-
static { this.ɵfac = function DeleteDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DeleteDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$
|
|
1685
|
+
static { this.ɵfac = function DeleteDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DeleteDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$1.BreakpointObserver)); }; }
|
|
1703
1686
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteDialogComponent, selectors: [["cauca-delete-dialog"]], decls: 11, vars: 7, consts: [["mat-dialog-title", ""], [1, "h6", "title"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], ["align", "end"], ["id", "cancelButton", "label", "cancel", "color", "primary", 3, "buttonClick"], ["id", "deleteButton", "label", "delete", "color", "warn", 3, "buttonClick"]], template: function DeleteDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1704
1687
|
i0.ɵɵelementStart(0, "div", 0);
|
|
1705
1688
|
i0.ɵɵconditionalCreate(1, DeleteDialogComponent_Conditional_1_Template, 3, 6, "div", 1)(2, DeleteDialogComponent_Conditional_2_Template, 3, 6, "div", 1);
|
|
@@ -1720,19 +1703,19 @@ class DeleteDialogComponent {
|
|
|
1720
1703
|
i0.ɵɵadvance();
|
|
1721
1704
|
i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
|
|
1722
1705
|
i0.ɵɵadvance(5);
|
|
1723
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$
|
|
1724
|
-
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent, i1.TranslatePipe], styles: ["@media
|
|
1706
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$b, ctx.itemName)));
|
|
1707
|
+
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.mat-mdc-dialog-actions[_ngcontent-%COMP%]{column-gap:8px}"] }); }
|
|
1725
1708
|
}
|
|
1726
1709
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
|
|
1727
1710
|
type: Component,
|
|
1728
|
-
args: [{ selector: 'cauca-delete-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\n @if (itemGenderIsFemale)\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\n } @else\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\n }\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div mat-dialog-content>\n <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\n <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\n</mat-dialog-actions>", styles: ["@media
|
|
1711
|
+
args: [{ selector: 'cauca-delete-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\n @if (itemGenderIsFemale)\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\n } @else\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\n }\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div mat-dialog-content>\n <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\n <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.mat-mdc-dialog-actions{column-gap:8px}\n"] }]
|
|
1729
1712
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1730
1713
|
type: Inject,
|
|
1731
1714
|
args: [MAT_DIALOG_DATA]
|
|
1732
|
-
}] }, { type: i2$
|
|
1715
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1733
1716
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/components/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 18 }); })();
|
|
1734
1717
|
|
|
1735
|
-
const _c0$
|
|
1718
|
+
const _c0$a = a0 => ({ itemName: a0 });
|
|
1736
1719
|
class ErrorDialogComponent {
|
|
1737
1720
|
constructor(dialogRef, data, breakdownObserver) {
|
|
1738
1721
|
this.dialogRef = dialogRef;
|
|
@@ -1745,7 +1728,7 @@ class ErrorDialogComponent {
|
|
|
1745
1728
|
closeClick() {
|
|
1746
1729
|
this.dialogRef.close();
|
|
1747
1730
|
}
|
|
1748
|
-
static { this.ɵfac = function ErrorDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ErrorDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$
|
|
1731
|
+
static { this.ɵfac = function ErrorDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ErrorDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i2$1.BreakpointObserver)); }; }
|
|
1749
1732
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ErrorDialogComponent, selectors: [["cauca-error-dialog"]], decls: 11, vars: 9, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], ["align", "end"], ["id", "okButton", "label", "ok", "color", "warn", 3, "buttonClick"]], template: function ErrorDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1750
1733
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
1751
1734
|
i0.ɵɵtext(2);
|
|
@@ -1765,16 +1748,16 @@ class ErrorDialogComponent {
|
|
|
1765
1748
|
i0.ɵɵadvance(2);
|
|
1766
1749
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "errorDialog.titleError"));
|
|
1767
1750
|
i0.ɵɵadvance(5);
|
|
1768
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$
|
|
1769
|
-
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, RaisedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media
|
|
1751
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$a, ctx.itemName)));
|
|
1752
|
+
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, RaisedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}"] }); }
|
|
1770
1753
|
}
|
|
1771
1754
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
|
|
1772
1755
|
type: Component,
|
|
1773
|
-
args: [{ selector: 'cauca-error-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\n</div>\n<div mat-dialog-content>\n <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (buttonClick)=\"closeClick()\"/>\n</mat-dialog-actions>", styles: ["@media
|
|
1756
|
+
args: [{ selector: 'cauca-error-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\n</div>\n<div mat-dialog-content>\n <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (buttonClick)=\"closeClick()\"/>\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}\n"] }]
|
|
1774
1757
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1775
1758
|
type: Inject,
|
|
1776
1759
|
args: [MAT_DIALOG_DATA]
|
|
1777
|
-
}] }, { type: i2$
|
|
1760
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1778
1761
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/components/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 17 }); })();
|
|
1779
1762
|
|
|
1780
1763
|
class DialogService {
|
|
@@ -1915,7 +1898,7 @@ class LoadingStateService {
|
|
|
1915
1898
|
type: Injectable
|
|
1916
1899
|
}], null, null); })();
|
|
1917
1900
|
|
|
1918
|
-
const _c0$
|
|
1901
|
+
const _c0$9 = ["*"];
|
|
1919
1902
|
function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
1920
1903
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
1921
1904
|
i0.ɵɵelementStart(0, "cauca-stroked-button", 7);
|
|
@@ -1956,7 +1939,7 @@ class SnackBarComponent {
|
|
|
1956
1939
|
this.buttonClick = new EventEmitter();
|
|
1957
1940
|
}
|
|
1958
1941
|
static { this.ɵfac = function SnackBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackBarComponent)(); }; }
|
|
1959
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackBarComponent, selectors: [["cauca-snackbar"]], inputs: { icon: [1, "icon"], caption: [1, "caption"], showCloseButton: [1, "showCloseButton"], type: [1, "type"], variant: [1, "variant"], buttonSpecificColor: [1, "buttonSpecificColor"], buttonIcon: [1, "buttonIcon"], inProgress: [1, "inProgress"], showButton: [1, "showButton"], buttonLabel: [1, "buttonLabel"] }, outputs: { closeClick: "closeClick", buttonClick: "buttonClick" }, ngContentSelectors: _c0$
|
|
1942
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackBarComponent, selectors: [["cauca-snackbar"]], inputs: { icon: [1, "icon"], caption: [1, "caption"], showCloseButton: [1, "showCloseButton"], type: [1, "type"], variant: [1, "variant"], buttonSpecificColor: [1, "buttonSpecificColor"], buttonIcon: [1, "buttonIcon"], inProgress: [1, "inProgress"], showButton: [1, "showButton"], buttonLabel: [1, "buttonLabel"] }, outputs: { closeClick: "closeClick", buttonClick: "buttonClick" }, ngContentSelectors: _c0$9, decls: 12, vars: 8, consts: [[1, "container"], [1, "icon-container"], [1, "text-container"], [1, "title", "alert-title"], [1, "message", "body2"], ["onkeypress", "buttonClick.emit()", 3, "color", "label", "isInProgress", "icon"], ["icon", "close", "onkeypress", "closeClick.emit()"], ["onkeypress", "buttonClick.emit()", 3, "click", "color", "label", "isInProgress", "icon"], ["icon", "close", "onkeypress", "closeClick.emit()", 3, "click"]], template: function SnackBarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1960
1943
|
i0.ɵɵprojectionDef();
|
|
1961
1944
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-icon");
|
|
1962
1945
|
i0.ɵɵtext(3);
|
|
@@ -1986,7 +1969,7 @@ class SnackBarComponent {
|
|
|
1986
1969
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
|
|
1987
1970
|
type: Component,
|
|
1988
1971
|
args: [{ selector: 'cauca-snackbar', imports: [MatIcon, StrokedButtonComponent, IconButtonComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [class]=\"appearanceClasses()\">\r\n\r\n <div class=\"icon-container\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n </div>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"title alert-title\">{{caption()|translate}}</div>\r\n <div class=\"message body2\"><ng-content></ng-content></div>\r\n </div>\r\n\r\n @if (showButton()) {<cauca-stroked-button [color]=\"buttonColor()\" [label]=\"buttonLabel()\" (click)=\"buttonClick.emit()\" onkeypress=\"buttonClick.emit()\" [isInProgress]=\"inProgress()\" [icon]=\"buttonIcon()\" />}\r\n\r\n @if (showCloseButton()) {<cauca-icon-button icon=\"close\" (click)=\"closeClick.emit()\" onkeypress=\"closeClick.emit()\" />}\r\n\r\n</div>", styles: [".info{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard,.outlined{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container mat-icon{color:var(--iconColor)}.message,.title{color:var(--textColor)}.standard{background-color:var(--lightBackgroundColor)}.outlined{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard .outlined{color:var(--darkColor)}\n"] }]
|
|
1989
|
-
}], null, { closeClick: [{
|
|
1972
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], buttonSpecificColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSpecificColor", required: false }] }], buttonIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonIcon", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], showButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButton", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], closeClick: [{
|
|
1990
1973
|
type: Output
|
|
1991
1974
|
}], buttonClick: [{
|
|
1992
1975
|
type: Output
|
|
@@ -2047,7 +2030,7 @@ class LoadingSpinnerIndicatorComponent {
|
|
|
2047
2030
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingSpinnerIndicatorComponent, [{
|
|
2048
2031
|
type: Component,
|
|
2049
2032
|
args: [{ selector: 'cauca-loading-spinner-indicator', standalone: true, imports: [MatProgressSpinner], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loadingState.showLoadingIndicator()) {\r\n <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"diameter()\" />\r\n}\r\n" }]
|
|
2050
|
-
}], null,
|
|
2033
|
+
}], null, { diameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "diameter", required: false }] }] }); })();
|
|
2051
2034
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingSpinnerIndicatorComponent, { className: "LoadingSpinnerIndicatorComponent", filePath: "lib/components/misc/loading-spinner-indicator/loading-spinner-indicator.component.ts", lineNumber: 13 }); })();
|
|
2052
2035
|
|
|
2053
2036
|
class BadgeComponent {
|
|
@@ -2076,7 +2059,7 @@ class BadgeComponent {
|
|
|
2076
2059
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
2077
2060
|
type: Component,
|
|
2078
2061
|
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\n <div class=\"mat-chip-content\">\n <mat-icon>{{icon()}}</mat-icon>\n <div class=\"chip-label\">{{label() | translate}}</div>\n </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
|
|
2079
|
-
}], null,
|
|
2062
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] }); })();
|
|
2080
2063
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
2081
2064
|
|
|
2082
2065
|
function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2257,12 +2240,12 @@ class ListPaginatorComponent {
|
|
|
2257
2240
|
i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
|
|
2258
2241
|
i0.ɵɵadvance();
|
|
2259
2242
|
i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
|
|
2260
|
-
} }, dependencies: [IconButtonComponent, RoundButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center}.pages[_ngcontent-%COMP%]{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page[_ngcontent-%COMP%]{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page[_ngcontent-%COMP%]:hover:not(.disabled){background:#12101405;border-radius:100px}.page[_ngcontent-%COMP%]:active:not(.disabled){background:#1210140f}.selected[_ngcontent-%COMP%]{border-radius:100px;background:#12101414}.disabled[_ngcontent-%COMP%]{color:#12101448
|
|
2243
|
+
} }, dependencies: [IconButtonComponent, RoundButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center}.pages[_ngcontent-%COMP%]{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page[_ngcontent-%COMP%]{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page[_ngcontent-%COMP%]:hover:not(.disabled){background:#12101405;border-radius:100px}.page[_ngcontent-%COMP%]:active:not(.disabled){background:#1210140f}.selected[_ngcontent-%COMP%]{border-radius:100px;background:#12101414}.disabled[_ngcontent-%COMP%]{color:#12101448}.disabled[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#12101448}.disabled[_ngcontent-%COMP%]{cursor:default}"], changeDetection: 0 }); }
|
|
2261
2244
|
}
|
|
2262
2245
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListPaginatorComponent, [{
|
|
2263
2246
|
type: Component,
|
|
2264
|
-
args: [{ selector: 'cauca-list-paginator', imports: [IconButtonComponent, RoundButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pages\">\r\n <cauca-icon-button class=\"page first\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToFirst()\" icon=\"first_page\" />\r\n <cauca-icon-button class=\"page previous\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToPrevious()\" icon=\"chevron_left\" />\r\n\r\n @for(page of pagesToShow(); track page) {\r\n @if (page === pageSplitterValue) {\r\n <div class=\"page\">{{pageSplitter}}\r\n </div>\r\n } @else {\r\n <cauca-round-button class=\"page specific\" [class.selected]=\"page === currentPage()\" (buttonClick)=\"changePage(page)\" [translateLabel]=\"false\" [label]=\"page.toString()\" />\r\n }\r\n }\r\n\r\n <cauca-icon-button class=\"page next\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToNext()\" icon=\"chevron_right\" />\r\n <cauca-icon-button class=\"page last\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToLast()\" icon=\"last_page\" />\r\n</div>", styles: [":host{display:flex;flex-direction:column;align-items:center}.pages{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page:hover:not(.disabled){background:#12101405;border-radius:100px}.page:active:not(.disabled){background:#1210140f}.selected{border-radius:100px;background:#12101414}.disabled{color:#12101448
|
|
2265
|
-
}], null, { pageChange: [{
|
|
2247
|
+
args: [{ selector: 'cauca-list-paginator', imports: [IconButtonComponent, RoundButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pages\">\r\n <cauca-icon-button class=\"page first\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToFirst()\" icon=\"first_page\" />\r\n <cauca-icon-button class=\"page previous\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToPrevious()\" icon=\"chevron_left\" />\r\n\r\n @for(page of pagesToShow(); track page) {\r\n @if (page === pageSplitterValue) {\r\n <div class=\"page\">{{pageSplitter}}\r\n </div>\r\n } @else {\r\n <cauca-round-button class=\"page specific\" [class.selected]=\"page === currentPage()\" (buttonClick)=\"changePage(page)\" [translateLabel]=\"false\" [label]=\"page.toString()\" />\r\n }\r\n }\r\n\r\n <cauca-icon-button class=\"page next\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToNext()\" icon=\"chevron_right\" />\r\n <cauca-icon-button class=\"page last\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToLast()\" icon=\"last_page\" />\r\n</div>", styles: [":host{display:flex;flex-direction:column;align-items:center}.pages{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page:hover:not(.disabled){background:#12101405;border-radius:100px}.page:active:not(.disabled){background:#1210140f}.selected{border-radius:100px;background:#12101414}.disabled{color:#12101448}.disabled mat-icon{color:#12101448}.disabled{cursor:default}\n"] }]
|
|
2248
|
+
}], null, { itemsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsCount", required: false }] }], showTotalPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotalPage", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageChange: [{
|
|
2266
2249
|
type: Output
|
|
2267
2250
|
}] }); })();
|
|
2268
2251
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListPaginatorComponent, { className: "ListPaginatorComponent", filePath: "lib/components/list-paginator/list-paginator.component.ts", lineNumber: 12 }); })();
|
|
@@ -2301,12 +2284,12 @@ class PasswordCriteriaComponent {
|
|
|
2301
2284
|
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
2302
2285
|
i0.ɵɵadvance();
|
|
2303
2286
|
i0.ɵɵtextInterpolate(ctx.label());
|
|
2304
|
-
} }, dependencies: [MatIconModule, i1$
|
|
2287
|
+
} }, dependencies: [MatIconModule, i1$2.MatIcon, TranslateModule, i1.TranslateDirective, NgClass], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;gap:8px}mat-icon[_ngcontent-%COMP%]{flex-shrink:0}.green[_ngcontent-%COMP%]{fill:#81c784;color:#81c784}.red[_ngcontent-%COMP%]{fill:#e57373;color:#e57373}label[_ngcontent-%COMP%]{color:#000}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
|
|
2305
2288
|
}
|
|
2306
2289
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
|
|
2307
2290
|
type: Component,
|
|
2308
2291
|
args: [{ selector: 'cauca-password-criteria', standalone: true, imports: [MatIconModule, TranslateModule, NgClass], template: "@if (condition()) {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"green\">check_circle</mat-icon>\r\n}@else {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"red\">cancel</mat-icon>\r\n}\r\n<label [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"body2\" translate>{{label()}}</label>", styles: [":host{display:flex;align-items:center;gap:8px}mat-icon{flex-shrink:0}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
|
|
2309
|
-
}], null,
|
|
2292
|
+
}], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], condition: [{ type: i0.Input, args: [{ isSignal: true, alias: "condition", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
|
|
2310
2293
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib/components/inputs/password/password-criteria/password-criteria.component.ts", lineNumber: 13 }); })();
|
|
2311
2294
|
|
|
2312
2295
|
class PasswordCriteriaViewerComponent {
|
|
@@ -2332,7 +2315,7 @@ class PasswordCriteriaViewerComponent {
|
|
|
2332
2315
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
|
|
2333
2316
|
type: Component,
|
|
2334
2317
|
args: [{ selector: 'cauca-password-criteria-viewer', standalone: true, imports: [PasswordCriteriaComponent], template: "<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.needLowerAndUppercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.equalPasswords\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
|
|
2335
|
-
}], null,
|
|
2318
|
+
}], null, { passwordValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordValidation", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
|
|
2336
2319
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib/components/inputs/password/password-criteria-viewer/password-criteria-viewer.component.ts", lineNumber: 13 }); })();
|
|
2337
2320
|
|
|
2338
2321
|
function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2341,18 +2324,18 @@ function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
2341
2324
|
i0.ɵɵpipe(2, "translate");
|
|
2342
2325
|
i0.ɵɵelementEnd();
|
|
2343
2326
|
} if (rf & 2) {
|
|
2344
|
-
const
|
|
2327
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2345
2328
|
i0.ɵɵadvance();
|
|
2346
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1,
|
|
2329
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.label()));
|
|
2347
2330
|
} }
|
|
2348
2331
|
function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2349
2332
|
i0.ɵɵelementStart(0, "mat-label");
|
|
2350
2333
|
i0.ɵɵtext(1);
|
|
2351
2334
|
i0.ɵɵelementEnd();
|
|
2352
2335
|
} if (rf & 2) {
|
|
2353
|
-
const
|
|
2336
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2354
2337
|
i0.ɵɵadvance();
|
|
2355
|
-
i0.ɵɵtextInterpolate(
|
|
2338
|
+
i0.ɵɵtextInterpolate(ctx_r0.label());
|
|
2356
2339
|
} }
|
|
2357
2340
|
class PasswordInputComponent {
|
|
2358
2341
|
constructor() {
|
|
@@ -2399,19 +2382,18 @@ class PasswordInputComponent {
|
|
|
2399
2382
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
2400
2383
|
},
|
|
2401
2384
|
])], decls: 8, vars: 10, consts: [["password", ""], ["subscriptSizing", "dynamic"], ["matInput", "", 1, "password", 3, "keydown.enter", "autocomplete", "type", "formControl", "required", "placeholder"], ["matSuffix", "", 2, "cursor", "pointer", 3, "click", "ngClass"]], template: function PasswordInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2402
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2403
2385
|
i0.ɵɵelementStart(0, "mat-form-field", 1);
|
|
2404
2386
|
i0.ɵɵconditionalCreate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
|
|
2405
2387
|
i0.ɵɵelementStart(3, "input", 2, 0);
|
|
2406
2388
|
i0.ɵɵpipe(5, "translate");
|
|
2407
|
-
i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() {
|
|
2389
|
+
i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() { return ctx.enterKeyDown.emit(); });
|
|
2408
2390
|
i0.ɵɵelementEnd();
|
|
2409
2391
|
i0.ɵɵelementStart(6, "mat-icon", 3);
|
|
2410
|
-
i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() {
|
|
2392
|
+
i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { return ctx.showPassword.set(!ctx.showPassword()); });
|
|
2411
2393
|
i0.ɵɵtext(7);
|
|
2412
2394
|
i0.ɵɵelementEnd()();
|
|
2413
2395
|
} if (rf & 2) {
|
|
2414
|
-
const
|
|
2396
|
+
const password_r2 = i0.ɵɵreference(4);
|
|
2415
2397
|
i0.ɵɵadvance();
|
|
2416
2398
|
i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
|
|
2417
2399
|
i0.ɵɵadvance(2);
|
|
@@ -2419,8 +2401,8 @@ class PasswordInputComponent {
|
|
|
2419
2401
|
i0.ɵɵadvance(3);
|
|
2420
2402
|
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
2421
2403
|
i0.ɵɵadvance();
|
|
2422
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
2423
|
-
} }, dependencies: [TranslateModule, NgClass, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatSuffix, MatIconModule, i1$
|
|
2404
|
+
i0.ɵɵtextInterpolate1(" ", password_r2.type === "password" ? "visibility_off" : "visibility", " ");
|
|
2405
|
+
} }, dependencies: [TranslateModule, NgClass, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatSuffix, MatIconModule, i1$2.MatIcon, MatInputModule, i3$1.MatInput, ReactiveFormsModule, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.RequiredValidator, i1$7.FormControlDirective, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%}mat-form-field[_ngcontent-%COMP%]{width:100%}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
|
|
2424
2406
|
}
|
|
2425
2407
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
|
|
2426
2408
|
type: Component,
|
|
@@ -2431,7 +2413,7 @@ class PasswordInputComponent {
|
|
|
2431
2413
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
2432
2414
|
},
|
|
2433
2415
|
], template: "<mat-form-field subscriptSizing=\"dynamic\">\r\n @if(translateLabel()) {<mat-label>{{label() | translate}}</mat-label>}\r\n @else {<mat-label>{{label()}}</mat-label>}\r\n <input (keydown.enter)=\"enterKeyDown.emit()\" [autocomplete]=\"autocomplete()\" #password class=\"password\"\r\n [type]=\"inputType()\" [formControl]=\"passwordControl\" matInput [required]=\"required()\"\r\n [placeholder]=\"translatePlaceholder() ? (placeholder() | translate) : placeholder()\" />\r\n <mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" style=\"cursor: pointer\" matSuffix\r\n (click)=\"showPassword.set(!showPassword())\">\r\n {{ password.type === \"password\" ? \"visibility_off\" : \"visibility\" }}\r\n </mat-icon>\r\n</mat-form-field>", styles: [":host{width:100%}mat-form-field{width:100%}.disabled{opacity:.5}\n"] }]
|
|
2434
|
-
}], () => [],
|
|
2416
|
+
}], () => [], { autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], translatePlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "translatePlaceholder", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], enterKeyDown: [{ type: i0.Output, args: ["enterKeyDown"] }] }); })();
|
|
2435
2417
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/components/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
|
|
2436
2418
|
|
|
2437
2419
|
class PasswordValidation {
|
|
@@ -2465,12 +2447,12 @@ class PasswordValidator {
|
|
|
2465
2447
|
}
|
|
2466
2448
|
}
|
|
2467
2449
|
|
|
2468
|
-
const _c0$
|
|
2450
|
+
const _c0$8 = ["*"];
|
|
2469
2451
|
function PasswordSelectionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
2470
2452
|
i0.ɵɵelement(0, "cauca-password-criteria-viewer", 5);
|
|
2471
2453
|
} if (rf & 2) {
|
|
2472
2454
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2473
|
-
i0.ɵɵproperty("disabled", ctx_r0.disabled)("passwordValidation", ctx_r0.passwordValidation);
|
|
2455
|
+
i0.ɵɵproperty("disabled", ctx_r0.disabled())("passwordValidation", ctx_r0.passwordValidation);
|
|
2474
2456
|
} }
|
|
2475
2457
|
function PasswordSelectionComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
2476
2458
|
i0.ɵɵelement(0, "span");
|
|
@@ -2478,7 +2460,7 @@ function PasswordSelectionComponent_Conditional_7_Template(rf, ctx) { if (rf & 1
|
|
|
2478
2460
|
class PasswordSelectionComponent {
|
|
2479
2461
|
constructor(formBuilder) {
|
|
2480
2462
|
this.passwordValidation = new PasswordValidation();
|
|
2481
|
-
this.disabled = false;
|
|
2463
|
+
this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
2482
2464
|
this.direction = 'row';
|
|
2483
2465
|
this.formWidth = '50%';
|
|
2484
2466
|
this.showCriteriaOnlyWhenPasswordHasValue = input(true, ...(ngDevMode ? [{ debugName: "showCriteriaOnlyWhenPasswordHasValue" }] : []));
|
|
@@ -2530,7 +2512,7 @@ class PasswordSelectionComponent {
|
|
|
2530
2512
|
this.onTouched = fn;
|
|
2531
2513
|
}
|
|
2532
2514
|
setDisabledState(isDisabled) {
|
|
2533
|
-
this.disabled
|
|
2515
|
+
this.disabled.set(isDisabled);
|
|
2534
2516
|
if (isDisabled) {
|
|
2535
2517
|
this.form.get('password').disable();
|
|
2536
2518
|
this.form.get('confirmation').disable();
|
|
@@ -2549,7 +2531,7 @@ class PasswordSelectionComponent {
|
|
|
2549
2531
|
multi: true,
|
|
2550
2532
|
useExisting: forwardRef(() => PasswordSelectionComponent),
|
|
2551
2533
|
},
|
|
2552
|
-
])], ngContentSelectors: _c0$
|
|
2534
|
+
])], ngContentSelectors: _c0$8, decls: 8, vars: 12, consts: [[3, "formGroup"], [1, "passwords"], ["formControlName", "password", 3, "autocomplete", "label", "translateLabel", "required"], ["formControlName", "confirmation", 3, "autocomplete", "label", "translateLabel", "required"], [1, "errors"], [3, "disabled", "passwordValidation"]], template: function PasswordSelectionComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2553
2535
|
i0.ɵɵprojectionDef();
|
|
2554
2536
|
i0.ɵɵelementStart(0, "form", 0)(1, "div", 1);
|
|
2555
2537
|
i0.ɵɵelement(2, "cauca-password-input", 2)(3, "cauca-password-input", 3);
|
|
@@ -2567,17 +2549,17 @@ class PasswordSelectionComponent {
|
|
|
2567
2549
|
i0.ɵɵproperty("autocomplete", "new-password")("label", ctx.passwordConfirmationLabel())("translateLabel", true)("required", true);
|
|
2568
2550
|
i0.ɵɵadvance(3);
|
|
2569
2551
|
i0.ɵɵconditional(ctx.showCriteria() ? 6 : 7);
|
|
2570
|
-
} }, dependencies: [PasswordInputComponent, FormsModule, i1$7.ɵNgNoValidate, i1$7.NgControlStatus, i1$7.NgControlStatusGroup, i1$7.RequiredValidator, ReactiveFormsModule, i1$7.FormGroupDirective, i1$7.FormControlName, TranslateModule, PasswordCriteriaViewerComponent], styles: ["[_nghost-%COMP%]{display:flex;gap:20px}form[_ngcontent-%COMP%]{width:50%;display:flex;flex-direction:column}.full-width-form[_ngcontent-%COMP%]{width:100%}.passwords[_ngcontent-%COMP%]{gap:16px;display:flex;flex-direction:column}.criteria[_ngcontent-%COMP%]{flex-grow:1}.disabled[_ngcontent-%COMP%]{opacity:.5}.errors[_ngcontent-%COMP%]{padding:0 16px}"] }); }
|
|
2552
|
+
} }, dependencies: [PasswordInputComponent, FormsModule, i1$7.ɵNgNoValidate, i1$7.NgControlStatus, i1$7.NgControlStatusGroup, i1$7.RequiredValidator, ReactiveFormsModule, i1$7.FormGroupDirective, i1$7.FormControlName, TranslateModule, PasswordCriteriaViewerComponent], styles: ["[_nghost-%COMP%]{display:flex;gap:20px}form[_ngcontent-%COMP%]{width:50%;display:flex;flex-direction:column}.full-width-form[_ngcontent-%COMP%]{width:100%}.passwords[_ngcontent-%COMP%]{gap:16px;display:flex;flex-direction:column}.criteria[_ngcontent-%COMP%]{flex-grow:1}.disabled[_ngcontent-%COMP%]{opacity:.5}.errors[_ngcontent-%COMP%]{padding:0 16px}"], changeDetection: 0 }); }
|
|
2571
2553
|
}
|
|
2572
2554
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordSelectionComponent, [{
|
|
2573
2555
|
type: Component,
|
|
2574
|
-
args: [{ selector: 'cauca-password-selection', standalone: true, imports: [PasswordInputComponent, FormsModule, ReactiveFormsModule, TranslateModule, PasswordCriteriaViewerComponent], providers: [
|
|
2556
|
+
args: [{ selector: 'cauca-password-selection', standalone: true, imports: [PasswordInputComponent, FormsModule, ReactiveFormsModule, TranslateModule, PasswordCriteriaViewerComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
2575
2557
|
{
|
|
2576
2558
|
provide: NG_VALUE_ACCESSOR,
|
|
2577
2559
|
multi: true,
|
|
2578
2560
|
useExisting: forwardRef(() => PasswordSelectionComponent),
|
|
2579
2561
|
},
|
|
2580
|
-
], template: "<form [formGroup]=\"form\" [class.full-width-form]=\"direction === 'column'\">\r\n <div class=\"passwords\">\r\n <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"password\" />\r\n <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordConfirmationLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"confirmation\" />\r\n </div>\r\n <div class=\"errors\">\r\n <ng-content></ng-content>\r\n </div>\r\n</form>\r\n\r\n@if (showCriteria()) {\r\n <cauca-password-criteria-viewer [disabled]=\"disabled\" [passwordValidation]=\"passwordValidation\" />\r\n} @else {\r\n <span></span>\r\n}", styles: [":host{display:flex;gap:20px}form{width:50%;display:flex;flex-direction:column}.full-width-form{width:100%}.passwords{gap:16px;display:flex;flex-direction:column}.criteria{flex-grow:1}.disabled{opacity:.5}.errors{padding:0 16px}\n"] }]
|
|
2562
|
+
], template: "<form [formGroup]=\"form\" [class.full-width-form]=\"direction === 'column'\">\r\n <div class=\"passwords\">\r\n <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"password\" />\r\n <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordConfirmationLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"confirmation\" />\r\n </div>\r\n <div class=\"errors\">\r\n <ng-content></ng-content>\r\n </div>\r\n</form>\r\n\r\n@if (showCriteria()) {\r\n <cauca-password-criteria-viewer [disabled]=\"disabled()\" [passwordValidation]=\"passwordValidation\" />\r\n} @else {\r\n <span></span>\r\n}", styles: [":host{display:flex;gap:20px}form{width:50%;display:flex;flex-direction:column}.full-width-form{width:100%}.passwords{gap:16px;display:flex;flex-direction:column}.criteria{flex-grow:1}.disabled{opacity:.5}.errors{padding:0 16px}\n"] }]
|
|
2581
2563
|
}], () => [{ type: i1$7.UntypedFormBuilder }], { direction: [{
|
|
2582
2564
|
type: Input
|
|
2583
2565
|
}, {
|
|
@@ -2588,8 +2570,8 @@ class PasswordSelectionComponent {
|
|
|
2588
2570
|
}, {
|
|
2589
2571
|
type: HostBinding,
|
|
2590
2572
|
args: ['style.form.width']
|
|
2591
|
-
}] }); })();
|
|
2592
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib/components/inputs/password/password-selection/password-selection.component.ts", lineNumber:
|
|
2573
|
+
}], showCriteriaOnlyWhenPasswordHasValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCriteriaOnlyWhenPasswordHasValue", required: false }] }], alwaysShowCriteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShowCriteria", required: false }] }], passwordLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordLabel", required: false }] }], passwordConfirmationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordConfirmationLabel", required: false }] }], hasValueChange: [{ type: i0.Output, args: ["hasValueChange"] }] }); })();
|
|
2574
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib/components/inputs/password/password-selection/password-selection.component.ts", lineNumber: 27 }); })();
|
|
2593
2575
|
|
|
2594
2576
|
class DateRangePickerComponent {
|
|
2595
2577
|
constructor() {
|
|
@@ -2610,9 +2592,8 @@ class DateRangePickerComponent {
|
|
|
2610
2592
|
}
|
|
2611
2593
|
static { this.ɵfac = function DateRangePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateRangePickerComponent)(); }; }
|
|
2612
2594
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DateRangePickerComponent, selectors: [["cauca-date-range-picker"]], inputs: { range: [1, "range"] }, outputs: { range: "rangeChange" }, features: [i0.ɵɵProvidersFeature([provideNativeDateAdapter()])], decls: 13, vars: 8, consts: [["campaignOnePicker", ""], ["subscriptSizing", "dynamic", 1, "full-width-field"], ["matPrefix", "", "onkeypress", "clear()", 3, "click"], ["matDatepickerToggleIcon", ""], [3, "formGroup", "rangePicker"], ["matStartDate", "", "formControlName", "from", 3, "readOnly"], ["matEndDate", "", "formControlName", "to", 3, "readOnly"], ["matIconSuffix", "", 3, "for"]], template: function DateRangePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2613
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2614
2595
|
i0.ɵɵelementStart(0, "mat-form-field", 1)(1, "mat-datepicker-toggle", 2);
|
|
2615
|
-
i0.ɵɵlistener("click", function DateRangePickerComponent_Template_mat_datepicker_toggle_click_1_listener() {
|
|
2596
|
+
i0.ɵɵlistener("click", function DateRangePickerComponent_Template_mat_datepicker_toggle_click_1_listener() { return ctx.clear(); });
|
|
2616
2597
|
i0.ɵɵelementStart(2, "mat-icon", 3);
|
|
2617
2598
|
i0.ɵɵtext(3, "clear");
|
|
2618
2599
|
i0.ɵɵelementEnd()();
|
|
@@ -2626,27 +2607,27 @@ class DateRangePickerComponent {
|
|
|
2626
2607
|
i0.ɵɵelement(10, "mat-datepicker-toggle", 7)(11, "mat-date-range-picker", null, 0);
|
|
2627
2608
|
i0.ɵɵelementEnd();
|
|
2628
2609
|
} if (rf & 2) {
|
|
2629
|
-
const
|
|
2610
|
+
const campaignOnePicker_r1 = i0.ɵɵreference(12);
|
|
2630
2611
|
i0.ɵɵadvance(5);
|
|
2631
2612
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "dateRangeSelectorLabel"));
|
|
2632
2613
|
i0.ɵɵadvance(2);
|
|
2633
|
-
i0.ɵɵproperty("formGroup", ctx.form)("rangePicker",
|
|
2614
|
+
i0.ɵɵproperty("formGroup", ctx.form)("rangePicker", campaignOnePicker_r1);
|
|
2634
2615
|
i0.ɵɵadvance();
|
|
2635
2616
|
i0.ɵɵproperty("readOnly", true);
|
|
2636
2617
|
i0.ɵɵadvance();
|
|
2637
2618
|
i0.ɵɵproperty("readOnly", true);
|
|
2638
2619
|
i0.ɵɵadvance();
|
|
2639
|
-
i0.ɵɵproperty("for",
|
|
2640
|
-
} }, dependencies: [MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatPrefix, i1$4.MatSuffix, MatDatepickerModule, i2
|
|
2620
|
+
i0.ɵɵproperty("for", campaignOnePicker_r1);
|
|
2621
|
+
} }, dependencies: [MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatPrefix, i1$4.MatSuffix, MatDatepickerModule, i2.MatDatepickerToggle, i2.MatDatepickerToggleIcon, i2.MatDateRangeInput, i2.MatStartDate, i2.MatEndDate, i2.MatDateRangePicker, ReactiveFormsModule, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.NgControlStatusGroup, i1$7.FormGroupDirective, i1$7.FormControlName, MatIcon, TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
|
|
2641
2622
|
}
|
|
2642
2623
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateRangePickerComponent, [{
|
|
2643
2624
|
type: Component,
|
|
2644
2625
|
args: [{ selector: 'cauca-date-range-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormFieldModule, MatDatepickerModule, ReactiveFormsModule, MatIcon, TranslateModule], providers: [provideNativeDateAdapter()], template: "<mat-form-field class=\"full-width-field\" subscriptSizing=\"dynamic\">\r\n <mat-datepicker-toggle matPrefix (click)=\"clear()\" onkeypress=\"clear()\">\r\n <mat-icon matDatepickerToggleIcon>clear</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-label>{{'dateRangeSelectorLabel'|translate}}</mat-label>\r\n <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"campaignOnePicker\">\r\n <input matStartDate formControlName=\"from\" [readOnly]=\"true\">\r\n <input matEndDate formControlName=\"to\" [readOnly]=\"true\">\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matIconSuffix [for]=\"campaignOnePicker\">\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #campaignOnePicker></mat-date-range-picker>\r\n </mat-form-field>" }]
|
|
2645
|
-
}], () => [],
|
|
2626
|
+
}], () => [], { range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }] }); })();
|
|
2646
2627
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/components/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
|
|
2647
2628
|
|
|
2648
|
-
const _c0$
|
|
2649
|
-
const _c1$
|
|
2629
|
+
const _c0$7 = ["auto"];
|
|
2630
|
+
const _c1$1 = ["chipInput"];
|
|
2650
2631
|
const _c2$1 = a0 => ({ data: a0 });
|
|
2651
2632
|
function DropdownChipAutocompleteComponent_For_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2652
2633
|
i0.ɵɵelementStart(0, "mat-icon", 13);
|
|
@@ -2876,9 +2857,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2876
2857
|
let _t;
|
|
2877
2858
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionTemplate = _t.first);
|
|
2878
2859
|
} }, viewQuery: function DropdownChipAutocompleteComponent_Query(rf, ctx) { if (rf & 1) {
|
|
2879
|
-
i0.ɵɵviewQuery(_c0$
|
|
2880
|
-
i0.ɵɵviewQuery(_c1$2, 5);
|
|
2881
|
-
i0.ɵɵviewQuery(MatAutocompleteTrigger, 5);
|
|
2860
|
+
i0.ɵɵviewQuery(_c0$7, 5)(_c1$1, 5)(MatAutocompleteTrigger, 5);
|
|
2882
2861
|
} if (rf & 2) {
|
|
2883
2862
|
let _t;
|
|
2884
2863
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.matAutocomplete = _t.first);
|
|
@@ -2902,7 +2881,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2902
2881
|
i0.ɵɵtext(10, "arrow_drop_down");
|
|
2903
2882
|
i0.ɵɵelementEnd()()();
|
|
2904
2883
|
i0.ɵɵelementStart(11, "mat-autocomplete", 10, 2);
|
|
2905
|
-
i0.ɵɵlistener("optionSelected", function DropdownChipAutocompleteComponent_Template_mat_autocomplete_optionSelected_11_listener($event) {
|
|
2884
|
+
i0.ɵɵlistener("optionSelected", function DropdownChipAutocompleteComponent_Template_mat_autocomplete_optionSelected_11_listener($event) { return ctx.selectItemOnAutocomplete($event); });
|
|
2906
2885
|
i0.ɵɵrepeaterCreate(13, DropdownChipAutocompleteComponent_For_14_Template, 3, 2, "mat-option", 11, i0.ɵɵrepeaterTrackByIdentity);
|
|
2907
2886
|
i0.ɵɵpipe(15, "async");
|
|
2908
2887
|
i0.ɵɵelementEnd()();
|
|
@@ -2925,9 +2904,9 @@ class DropdownChipAutocompleteComponent {
|
|
|
2925
2904
|
} }, dependencies: [MatChipGrid,
|
|
2926
2905
|
MatChip,
|
|
2927
2906
|
MatChipRemove,
|
|
2928
|
-
FormsModule, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.NgModel, MatAutocompleteModule, i2$
|
|
2907
|
+
FormsModule, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.NgModel, MatAutocompleteModule, i2$2.MatAutocomplete, i2$2.MatOption, i2$2.MatAutocompleteTrigger, MatChipInput,
|
|
2929
2908
|
MatIcon,
|
|
2930
|
-
CommonModule,
|
|
2909
|
+
CommonModule, i3.NgTemplateOutlet, i3.AsyncPipe], styles: ["span[_ngcontent-%COMP%]{opacity:0;transition:opacity .2s}.floating[_nghost-%COMP%] span[_ngcontent-%COMP%]{opacity:1}[_nghost-%COMP%]{cursor:pointer}[_nghost-%COMP%] mat-icon[_ngcontent-%COMP%]{align-self:center;color:var(--mat-select-enabled-arrow-color)}[_nghost-%COMP%] input.mat-mdc-chip-input[_ngcontent-%COMP%]{flex:1}.input-wrapper[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]{flex:1;min-width:150px}.input-wrapper[_ngcontent-%COMP%] > mat-icon[_ngcontent-%COMP%]{flex-shrink:0}"] }); }
|
|
2931
2910
|
}
|
|
2932
2911
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownChipAutocompleteComponent, [{
|
|
2933
2912
|
type: Component,
|
|
@@ -2976,7 +2955,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2976
2955
|
type: Input
|
|
2977
2956
|
}], ariaDescribedBy: [{
|
|
2978
2957
|
type: Input
|
|
2979
|
-
}], optionTemplate: [{
|
|
2958
|
+
}], canRemoveAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRemoveAll", required: false }] }], hasOptionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOptionTemplate", required: false }] }], optionTemplate: [{
|
|
2980
2959
|
type: ContentChild,
|
|
2981
2960
|
args: [TemplateRef]
|
|
2982
2961
|
}], shouldLabelFloat: [{
|
|
@@ -3079,7 +3058,7 @@ class ColorPickerComponent {
|
|
|
3079
3058
|
} if (rf & 2) {
|
|
3080
3059
|
i0.ɵɵtwoWayProperty("colorPicker", ctx.value);
|
|
3081
3060
|
i0.ɵɵproperty("value", ctx.value);
|
|
3082
|
-
} }, dependencies: [MatInputModule, i3.MatInput, ColorPickerDirective], encapsulation: 2 }); }
|
|
3061
|
+
} }, dependencies: [MatInputModule, i3$1.MatInput, ColorPickerDirective], encapsulation: 2 }); }
|
|
3083
3062
|
}
|
|
3084
3063
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColorPickerComponent, [{
|
|
3085
3064
|
type: Component,
|
|
@@ -3103,8 +3082,8 @@ class ColorPickerComponent {
|
|
|
3103
3082
|
}] }); })();
|
|
3104
3083
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "lib/components/inputs/color-picker/color-picker.component.ts", lineNumber: 18 }); })();
|
|
3105
3084
|
|
|
3106
|
-
const _c0$
|
|
3107
|
-
const _c1
|
|
3085
|
+
const _c0$6 = ["singleSelect"];
|
|
3086
|
+
const _c1 = ["*"];
|
|
3108
3087
|
const _c2 = () => [];
|
|
3109
3088
|
function SelectWithSearchComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
3110
3089
|
i0.ɵɵelementStart(0, "mat-option");
|
|
@@ -3137,10 +3116,8 @@ class SelectWithSearchComponent {
|
|
|
3137
3116
|
this.allowMultiSelection = input(false, ...(ngDevMode ? [{ debugName: "allowMultiSelection" }] : []));
|
|
3138
3117
|
this.showClearOption = input(false, ...(ngDevMode ? [{ debugName: "showClearOption" }] : []));
|
|
3139
3118
|
this.enableSearch = input(true, ...(ngDevMode ? [{ debugName: "enableSearch" }] : []));
|
|
3140
|
-
this.filteredOptions = resource({
|
|
3141
|
-
|
|
3142
|
-
loader: ({ params }) => Promise.resolve(this.computeFilteredOptions(params))
|
|
3143
|
-
});
|
|
3119
|
+
this.filteredOptions = resource({ ...(ngDevMode ? { debugName: "filteredOptions" } : {}), params: () => ({ filter: this.filterText(), options: this.allOptions(), showClear: this.showClearOption() }),
|
|
3120
|
+
loader: ({ params }) => Promise.resolve(this.computeFilteredOptions(params)) });
|
|
3144
3121
|
this.valueChanged = new EventEmitter();
|
|
3145
3122
|
this.allOptions = signal([], ...(ngDevMode ? [{ debugName: "allOptions" }] : []));
|
|
3146
3123
|
this.filterText = toSignal(this.optionFilterControl.valueChanges, { initialValue: '' });
|
|
@@ -3203,11 +3180,11 @@ class SelectWithSearchComponent {
|
|
|
3203
3180
|
}
|
|
3204
3181
|
static { this.ɵfac = function SelectWithSearchComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectWithSearchComponent)(); }; }
|
|
3205
3182
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectWithSearchComponent, selectors: [["cauca-select-with-search"]], viewQuery: function SelectWithSearchComponent_Query(rf, ctx) { if (rf & 1) {
|
|
3206
|
-
i0.ɵɵviewQuery(_c0$
|
|
3183
|
+
i0.ɵɵviewQuery(_c0$6, 7);
|
|
3207
3184
|
} if (rf & 2) {
|
|
3208
3185
|
let _t;
|
|
3209
3186
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.singleSelect = _t.first);
|
|
3210
|
-
} }, inputs: { label: "label", selectFirstOptionByDefault: "selectFirstOptionByDefault", isDisabled: [1, "isDisabled"], allowMultiSelection: [1, "allowMultiSelection"], showClearOption: [1, "showClearOption"], enableSearch: [1, "enableSearch"], options: "options", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngContentSelectors: _c1
|
|
3187
|
+
} }, inputs: { label: "label", selectFirstOptionByDefault: "selectFirstOptionByDefault", isDisabled: [1, "isDisabled"], allowMultiSelection: [1, "allowMultiSelection"], showClearOption: [1, "showClearOption"], enableSearch: [1, "enableSearch"], options: "options", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngContentSelectors: _c1, decls: 9, vars: 10, consts: [["subscriptSizing", "dynamic", 1, "full-width-field", "header", "dense"], [3, "valueChange", "value", "disabled", "multiple"], [3, "value"], [3, "formControl", "placeholderLabel", "noEntriesFoundLabel"]], template: function SelectWithSearchComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3211
3188
|
i0.ɵɵprojectionDef();
|
|
3212
3189
|
i0.ɵɵelementStart(0, "mat-form-field", 0);
|
|
3213
3190
|
i0.ɵɵprojection(1);
|
|
@@ -3231,7 +3208,7 @@ class SelectWithSearchComponent {
|
|
|
3231
3208
|
i0.ɵɵconditional(ctx.enableSearch() ? 6 : -1);
|
|
3232
3209
|
i0.ɵɵadvance();
|
|
3233
3210
|
i0.ɵɵrepeater(ctx.filteredOptions.value() || i0.ɵɵpureFunction0(9, _c2));
|
|
3234
|
-
} }, dependencies: [MatSelectModule, i1$4.MatFormField, i1$4.MatLabel, i2$
|
|
3211
|
+
} }, dependencies: [MatSelectModule, i1$4.MatFormField, i1$4.MatLabel, i2$3.MatSelect, i2$2.MatOption, TranslateModule, MatFormFieldModule, ReactiveFormsModule, i1$7.NgControlStatus, i1$7.FormControlDirective, FormsModule, NgxMatSelectSearchModule, i5$1.MatSelectSearchComponent, i1.TranslatePipe], encapsulation: 2 }); }
|
|
3235
3212
|
}
|
|
3236
3213
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
|
|
3237
3214
|
type: Component,
|
|
@@ -3244,7 +3221,7 @@ class SelectWithSearchComponent {
|
|
|
3244
3221
|
}], singleSelect: [{
|
|
3245
3222
|
type: ViewChild,
|
|
3246
3223
|
args: ['singleSelect', { static: true }]
|
|
3247
|
-
}], valueChanged: [{
|
|
3224
|
+
}], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], allowMultiSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMultiSelection", required: false }] }], showClearOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearOption", required: false }] }], enableSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSearch", required: false }] }], valueChanged: [{
|
|
3248
3225
|
type: Output
|
|
3249
3226
|
}], options: [{
|
|
3250
3227
|
type: Input
|
|
@@ -3253,13 +3230,13 @@ class SelectWithSearchComponent {
|
|
|
3253
3230
|
}] }); })();
|
|
3254
3231
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectWithSearchComponent, { className: "SelectWithSearchComponent", filePath: "lib/components/inputs/select-with-search/select-with-search.component.ts", lineNumber: 22 }); })();
|
|
3255
3232
|
|
|
3256
|
-
const _c0$
|
|
3233
|
+
const _c0$5 = ["*"];
|
|
3257
3234
|
class GroupContainerComponent {
|
|
3258
3235
|
constructor() {
|
|
3259
3236
|
this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
|
|
3260
3237
|
}
|
|
3261
3238
|
static { this.ɵfac = function GroupContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GroupContainerComponent)(); }; }
|
|
3262
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GroupContainerComponent, selectors: [["cauca-group-container"]], inputs: { caption: [1, "caption"] }, ngContentSelectors: _c0$
|
|
3239
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GroupContainerComponent, selectors: [["cauca-group-container"]], inputs: { caption: [1, "caption"] }, ngContentSelectors: _c0$5, decls: 6, vars: 3, consts: [[1, "group-container"], [1, "group-container-title", "subtitle1"], [1, "group-container-content"]], template: function GroupContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3263
3240
|
i0.ɵɵprojectionDef();
|
|
3264
3241
|
i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
|
|
3265
3242
|
i0.ɵɵtext(2);
|
|
@@ -3276,10 +3253,10 @@ class GroupContainerComponent {
|
|
|
3276
3253
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupContainerComponent, [{
|
|
3277
3254
|
type: Component,
|
|
3278
3255
|
args: [{ selector: 'cauca-group-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div class=\"group-container\">\r\n <div class=\"group-container-title subtitle1\">{{caption()|translate}}</div>\r\n <div class=\"group-container-content\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n", styles: [".group-container{display:flex;align-items:flex-start;align-self:stretch}.group-container-title{display:flex;width:300px;max-width:300px;padding:16px 0;flex-direction:column;align-items:flex-start}.group-container-content{display:flex;flex-direction:column;align-items:stretch;flex:1;padding:16px}\n"] }]
|
|
3279
|
-
}], null,
|
|
3256
|
+
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }] }); })();
|
|
3280
3257
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupContainerComponent, { className: "GroupContainerComponent", filePath: "lib/components/layout/group-container/group-container.component.ts", lineNumber: 12 }); })();
|
|
3281
3258
|
|
|
3282
|
-
const _c0$
|
|
3259
|
+
const _c0$4 = ["*"];
|
|
3283
3260
|
function MainSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
3284
3261
|
i0.ɵɵdomElementStart(0, "div", 1);
|
|
3285
3262
|
i0.ɵɵtext(1);
|
|
@@ -3295,7 +3272,7 @@ class MainSectionComponent {
|
|
|
3295
3272
|
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
3296
3273
|
}
|
|
3297
3274
|
static { this.ɵfac = function MainSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MainSectionComponent)(); }; }
|
|
3298
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MainSectionComponent, selectors: [["cauca-main-section"]], inputs: { title: [1, "title"] }, ngContentSelectors: _c0$
|
|
3275
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MainSectionComponent, selectors: [["cauca-main-section"]], inputs: { title: [1, "title"] }, ngContentSelectors: _c0$4, decls: 4, vars: 1, consts: [[1, "section"], [1, "section-description", "subtitle1"], [1, "section-fields"]], template: function MainSectionComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3299
3276
|
i0.ɵɵprojectionDef();
|
|
3300
3277
|
i0.ɵɵdomElementStart(0, "div", 0);
|
|
3301
3278
|
i0.ɵɵconditionalCreate(1, MainSectionComponent_Conditional_1_Template, 3, 3, "div", 1);
|
|
@@ -3310,16 +3287,16 @@ class MainSectionComponent {
|
|
|
3310
3287
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainSectionComponent, [{
|
|
3311
3288
|
type: Component,
|
|
3312
3289
|
args: [{ selector: 'cauca-main-section', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\">\r\n @if (title()) {\r\n <div class=\"section-description subtitle1\">{{title()|translate}}</div>\r\n }\r\n <div class=\"section-fields\"><ng-content /></div>\r\n</div>", styles: [".section{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px}.section-description{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields>*{flex:1 0 0}\n"] }]
|
|
3313
|
-
}], null,
|
|
3290
|
+
}], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] }); })();
|
|
3314
3291
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/components/layout/sections/main-section/main-section.component.ts", lineNumber: 11 }); })();
|
|
3315
3292
|
|
|
3316
|
-
const _c0$
|
|
3293
|
+
const _c0$3 = ["*"];
|
|
3317
3294
|
class SectionColumnComponent {
|
|
3318
3295
|
constructor() {
|
|
3319
3296
|
this.showBigGap = input(false, ...(ngDevMode ? [{ debugName: "showBigGap" }] : []));
|
|
3320
3297
|
}
|
|
3321
3298
|
static { this.ɵfac = function SectionColumnComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionColumnComponent)(); }; }
|
|
3322
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionColumnComponent, selectors: [["cauca-section-column"]], inputs: { showBigGap: [1, "showBigGap"] }, ngContentSelectors: _c0$
|
|
3299
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionColumnComponent, selectors: [["cauca-section-column"]], inputs: { showBigGap: [1, "showBigGap"] }, ngContentSelectors: _c0$3, decls: 2, vars: 2, consts: [[1, "section-columns"]], template: function SectionColumnComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3323
3300
|
i0.ɵɵprojectionDef();
|
|
3324
3301
|
i0.ɵɵdomElementStart(0, "div", 0);
|
|
3325
3302
|
i0.ɵɵprojection(1);
|
|
@@ -3331,7 +3308,7 @@ class SectionColumnComponent {
|
|
|
3331
3308
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionColumnComponent, [{
|
|
3332
3309
|
type: Component,
|
|
3333
3310
|
args: [{ selector: 'cauca-section-column', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-columns\" [class.big-gap]=\"showBigGap()\">\r\n <ng-content></ng-content>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch}.section-columns{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.big-gap{gap:16px}\n"] }]
|
|
3334
|
-
}], null,
|
|
3311
|
+
}], null, { showBigGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBigGap", required: false }] }] }); })();
|
|
3335
3312
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionColumnComponent, { className: "SectionColumnComponent", filePath: "lib/components/layout/sections/section-column/section-column.component.ts", lineNumber: 10 }); })();
|
|
3336
3313
|
|
|
3337
3314
|
function SectionFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3415,7 +3392,7 @@ class SectionFieldComponent {
|
|
|
3415
3392
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionFieldComponent, [{
|
|
3416
3393
|
type: Component,
|
|
3417
3394
|
args: [{ selector: 'cauca-section-field', imports: [TranslateModule, MatIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-fields-line\" [class.multi-line]=\"useMultipleValues()\">\r\n <div class=\"option-label body1\" [class.link]=\"showLink()\">\r\n @if(autoTranslateLabel()) {\r\n {{label()|translate}}\r\n } @else {\r\n {{label()}}\r\n }\r\n @if (showLink()) {\r\n <mat-icon class=\"icon-link\" (click)=\"linkClick.emit()\" onkeypress=\"linkClick.emit()\">link</mat-icon>\r\n }:\r\n </div>\r\n <div class=\"option-value body2\" [class.no-flex]=\"!splitEqually()\">\r\n @if (useMultipleValues()) {\r\n @for(item of values(); track item) {\r\n <span>{{fieldName() ? item[fieldName()] : item }}</span>\r\n }\r\n } @else {\r\n {{value()}}\r\n }\r\n </div>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.section-fields-line{display:flex;align-items:center;gap:8px;align-self:stretch;white-space:nowrap}.section-fields-line>*{flex:1 0 0}.option-value{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;white-space:wrap;word-break:break-all}.option-value.no-flex{flex:unset}.multi-line{align-items:flex-start}.icon-link{cursor:pointer}.link{display:flex}\n"] }]
|
|
3418
|
-
}], null,
|
|
3395
|
+
}], null, { autoTranslateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: false }] }], showLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLink", required: false }] }], linkClick: [{ type: i0.Output, args: ["linkClick"] }], splitEqually: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitEqually", required: false }] }] }); })();
|
|
3419
3396
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
|
|
3420
3397
|
|
|
3421
3398
|
function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3516,16 +3493,15 @@ class PageTitleComponent {
|
|
|
3516
3493
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.caption()));
|
|
3517
3494
|
i0.ɵɵadvance(2);
|
|
3518
3495
|
i0.ɵɵconditional(ctx.displayBreadcrumb() ? 4 : -1);
|
|
3519
|
-
} }, dependencies: [TranslateModule, RouterModule, i1$a.RouterLink, i1.TranslatePipe], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}a[_ngcontent-%COMP%]{text-decoration:none}a[_ngcontent-%COMP%]:visited{color:inherit}.basecrumb[_ngcontent-%COMP%]{color:#12101499}.crumb-link[_ngcontent-%COMP%]{cursor:pointer}@media
|
|
3496
|
+
} }, dependencies: [TranslateModule, RouterModule, i1$a.RouterLink, i1.TranslatePipe], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}a[_ngcontent-%COMP%]{text-decoration:none}a[_ngcontent-%COMP%]:visited{color:inherit}.basecrumb[_ngcontent-%COMP%]{color:#12101499}.crumb-link[_ngcontent-%COMP%]{cursor:pointer}@media(max-width:500px){.title-section[_ngcontent-%COMP%]{padding:16px}}"] }); }
|
|
3520
3497
|
}
|
|
3521
3498
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
|
|
3522
3499
|
type: Component,
|
|
3523
|
-
args: [{ selector: 'cauca-page-title', imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\n\n <h4 class=\"title-label\">{{caption() | translate }}</h4>\n\n @if (displayBreadcrumb()) {\n <div class=\"breadcrumb\">\n\n @if (baseCrumb()) {\n <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\n <span>/</span>\n }\n\n @for(location of breadcrumbLocation(); track location) {\n @if (location.link) {\n <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\n } @else if (location.action) {\n <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\n } @else {\n <span class=\"basecrumb\">{{location.title}}</span>\n }\n <span>/</span>\n }\n\n <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\n\n </div>\n }\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}a{text-decoration:none}a:visited{color:inherit}.basecrumb{color:#12101499}.crumb-link{cursor:pointer}@media
|
|
3524
|
-
}], null,
|
|
3500
|
+
args: [{ selector: 'cauca-page-title', imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\n\n <h4 class=\"title-label\">{{caption() | translate }}</h4>\n\n @if (displayBreadcrumb()) {\n <div class=\"breadcrumb\">\n\n @if (baseCrumb()) {\n <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\n <span>/</span>\n }\n\n @for(location of breadcrumbLocation(); track location) {\n @if (location.link) {\n <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\n } @else if (location.action) {\n <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\n } @else {\n <span class=\"basecrumb\">{{location.title}}</span>\n }\n <span>/</span>\n }\n\n <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\n\n </div>\n }\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}a{text-decoration:none}a:visited{color:inherit}.basecrumb{color:#12101499}.crumb-link{cursor:pointer}@media(max-width:500px){.title-section{padding:16px}}\n"] }]
|
|
3501
|
+
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], location: [{ type: i0.Input, args: [{ isSignal: true, alias: "location", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], baseCrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseCrumb", required: false }] }], translateBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateBreadcrumb", required: false }] }] }); })();
|
|
3525
3502
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 13 }); })();
|
|
3526
3503
|
|
|
3527
|
-
const _c0$
|
|
3528
|
-
const DEFAULT_DURATION$1 = 500;
|
|
3504
|
+
const _c0$2 = ["*"];
|
|
3529
3505
|
class ExpandablePanelComponent {
|
|
3530
3506
|
constructor() {
|
|
3531
3507
|
this.isCollapsed = model(false, ...(ngDevMode ? [{ debugName: "isCollapsed" }] : []));
|
|
@@ -3536,7 +3512,7 @@ class ExpandablePanelComponent {
|
|
|
3536
3512
|
this.isCollapsed.update(value => !value);
|
|
3537
3513
|
}
|
|
3538
3514
|
static { this.ɵfac = function ExpandablePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExpandablePanelComponent)(); }; }
|
|
3539
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["cauca-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], caption: [1, "caption"], subCaption: [1, "subCaption"] }, outputs: { isCollapsed: "isCollapsedChange" }, ngContentSelectors: _c0$
|
|
3515
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["cauca-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], caption: [1, "caption"], subCaption: [1, "subCaption"] }, outputs: { isCollapsed: "isCollapsedChange" }, ngContentSelectors: _c0$2, decls: 11, vars: 6, consts: [[1, "expansion-button", 3, "click"], [1, "primary"], [1, "body2"], [1, "expansion-panel"]], template: function ExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3540
3516
|
i0.ɵɵprojectionDef();
|
|
3541
3517
|
i0.ɵɵelementStart(0, "section")(1, "div", 0);
|
|
3542
3518
|
i0.ɵɵlistener("click", function ExpandablePanelComponent_Template_div_click_1_listener() { return ctx.changeState(); });
|
|
@@ -3554,46 +3530,20 @@ class ExpandablePanelComponent {
|
|
|
3554
3530
|
i0.ɵɵelementEnd()();
|
|
3555
3531
|
} if (rf & 2) {
|
|
3556
3532
|
i0.ɵɵadvance(2);
|
|
3557
|
-
i0.ɵɵ
|
|
3533
|
+
i0.ɵɵclassProp("collapsed", ctx.isCollapsed());
|
|
3558
3534
|
i0.ɵɵadvance(4);
|
|
3559
3535
|
i0.ɵɵtextInterpolate(ctx.caption());
|
|
3560
3536
|
i0.ɵɵadvance(2);
|
|
3561
3537
|
i0.ɵɵtextInterpolate(ctx.subCaption());
|
|
3562
3538
|
i0.ɵɵadvance();
|
|
3563
|
-
i0.ɵɵ
|
|
3564
|
-
} }, dependencies: [MatIcon], styles: ["section[_ngcontent-%COMP%]{display:flex;padding:16px 0}.primary[_ngcontent-%COMP%]{font-weight:600}.body2[_ngcontent-%COMP%]{width:fit-content;white-space:nowrap}.expansion-button[_ngcontent-%COMP%]{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-panel[_ngcontent-%COMP%]{overflow:hidden;flex:1}"],
|
|
3565
|
-
trigger('collapse', [
|
|
3566
|
-
state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
|
|
3567
|
-
state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
|
|
3568
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
3569
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
3570
|
-
]),
|
|
3571
|
-
trigger('arrow-collapse', [
|
|
3572
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
3573
|
-
state('true', style({ transform: 'rotate(180deg)' })),
|
|
3574
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
3575
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
3576
|
-
])
|
|
3577
|
-
] }, changeDetection: 0 }); }
|
|
3539
|
+
i0.ɵɵclassProp("collapsed", ctx.isCollapsed());
|
|
3540
|
+
} }, dependencies: [MatIcon], styles: ["section[_ngcontent-%COMP%]{display:flex;padding:16px 0}.primary[_ngcontent-%COMP%]{font-weight:600}.body2[_ngcontent-%COMP%]{width:fit-content;white-space:nowrap}.expansion-button[_ngcontent-%COMP%]{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{transition:transform .5s ease-in-out}.expansion-button[_ngcontent-%COMP%] mat-icon.collapsed[_ngcontent-%COMP%]{transform:rotate(180deg)}.expansion-panel[_ngcontent-%COMP%]{overflow:hidden;flex:1;display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s ease-in,opacity .5s ease-in,visibility .5s ease-in}.expansion-panel.collapsed[_ngcontent-%COMP%]{grid-template-rows:0fr;opacity:0;visibility:hidden}"], changeDetection: 0 }); }
|
|
3578
3541
|
}
|
|
3579
3542
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
|
|
3580
3543
|
type: Component,
|
|
3581
|
-
args: [{ selector: 'cauca-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon],
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
|
|
3585
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
3586
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
3587
|
-
]),
|
|
3588
|
-
trigger('arrow-collapse', [
|
|
3589
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
3590
|
-
state('true', style({ transform: 'rotate(180deg)' })),
|
|
3591
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
3592
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
3593
|
-
])
|
|
3594
|
-
], template: "<section>\r\n <div class=\"expansion-button\" (click)=\"changeState()\">\r\n <mat-icon [@arrow-collapse]=\"isCollapsed()\">expand_less</mat-icon>\r\n <div>\r\n <div class=\"primary\">{{caption()}}</div>\r\n <div class=\"body2\">{{subCaption()}}</div>\r\n </div>\r\n </div>\r\n <div class=\"expansion-panel\" [@collapse]=\"isCollapsed()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</section>", styles: ["section{display:flex;padding:16px 0}.primary{font-weight:600}.body2{width:fit-content;white-space:nowrap}.expansion-button{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-panel{overflow:hidden;flex:1}\n"] }]
|
|
3595
|
-
}], null, null); })();
|
|
3596
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib/components/layout/expandable-panel/expandable-panel.component.ts", lineNumber: 28 }); })();
|
|
3544
|
+
args: [{ selector: 'cauca-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], template: "<section>\r\n <div class=\"expansion-button\" (click)=\"changeState()\">\r\n <mat-icon [class.collapsed]=\"isCollapsed()\">expand_less</mat-icon>\r\n <div>\r\n <div class=\"primary\">{{caption()}}</div>\r\n <div class=\"body2\">{{subCaption()}}</div>\r\n </div>\r\n </div>\r\n <div class=\"expansion-panel\" [class.collapsed]=\"isCollapsed()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</section>", styles: ["section{display:flex;padding:16px 0}.primary{font-weight:600}.body2{width:fit-content;white-space:nowrap}.expansion-button{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-button mat-icon{transition:transform .5s ease-in-out}.expansion-button mat-icon.collapsed{transform:rotate(180deg)}.expansion-panel{overflow:hidden;flex:1;display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s ease-in,opacity .5s ease-in,visibility .5s ease-in}.expansion-panel.collapsed{grid-template-rows:0fr;opacity:0;visibility:hidden}\n"] }]
|
|
3545
|
+
}], null, { isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], subCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "subCaption", required: false }] }] }); })();
|
|
3546
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib/components/layout/expandable-panel/expandable-panel.component.ts", lineNumber: 11 }); })();
|
|
3597
3547
|
|
|
3598
3548
|
class MenuExpandablePanelItemComponent {
|
|
3599
3549
|
constructor() {
|
|
@@ -3631,12 +3581,12 @@ class MenuExpandablePanelItemComponent {
|
|
|
3631
3581
|
i0.ɵɵclassMap(ctx.isSubItem() ? "subtitle2" : "subtitle1");
|
|
3632
3582
|
i0.ɵɵadvance();
|
|
3633
3583
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, ctx.caption()));
|
|
3634
|
-
} }, dependencies: [MatIconModule, i1$
|
|
3584
|
+
} }, dependencies: [MatIconModule, i1$2.MatIcon, TranslateModule, i1.TranslatePipe], styles: ["section[_ngcontent-%COMP%]{display:flex;gap:16px;padding:16px 24px}.sub-item[_ngcontent-%COMP%]{background-color:#f5f5f5;border-top:1px solid white}"] }); }
|
|
3635
3585
|
}
|
|
3636
3586
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelItemComponent, [{
|
|
3637
3587
|
type: Component,
|
|
3638
3588
|
args: [{ selector: 'cauca-menu-expandable-panel-item', imports: [MatIconModule, TranslateModule], template: "<section (click)=\"openRoute()\" [class.sub-item]=\"isSubItem()\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n <div [class]=\"isSubItem() ? 'subtitle2' : 'subtitle1'\">{{caption() | translate}}</div>\r\n</section>", styles: ["section{display:flex;gap:16px;padding:16px 24px}.sub-item{background-color:#f5f5f5;border-top:1px solid white}\n"] }]
|
|
3639
|
-
}], null,
|
|
3589
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], isSubItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubItem", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }] }); })();
|
|
3640
3590
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelItemComponent, { className: "MenuExpandablePanelItemComponent", filePath: "lib/components/layout/menu-expandable-panel-item/menu-expandable-panel-item.component.ts", lineNumber: 12 }); })();
|
|
3641
3591
|
|
|
3642
3592
|
const _forTrack0 = ($index, $item) => $item.title;
|
|
@@ -3656,21 +3606,20 @@ function MenuExpandablePanelComponent_Conditional_8_Template(rf, ctx) { if (rf &
|
|
|
3656
3606
|
i0.ɵɵelementEnd();
|
|
3657
3607
|
} if (rf & 2) {
|
|
3658
3608
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
3659
|
-
i0.ɵɵ
|
|
3609
|
+
i0.ɵɵclassProp("opened", ctx_r0.opened());
|
|
3660
3610
|
} }
|
|
3661
3611
|
function MenuExpandablePanelComponent_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
3662
|
-
i0.ɵɵelement(0, "cauca-menu-expandable-panel-item",
|
|
3612
|
+
i0.ɵɵelement(0, "cauca-menu-expandable-panel-item", 4);
|
|
3663
3613
|
} if (rf & 2) {
|
|
3664
3614
|
const item_r2 = ctx.$implicit;
|
|
3665
3615
|
i0.ɵɵproperty("icon", item_r2.icon)("caption", item_r2.title)("route", item_r2.route)("isSubItem", true)("action", item_r2.action);
|
|
3666
3616
|
} }
|
|
3667
3617
|
function MenuExpandablePanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
3668
|
-
i0.ɵɵrepeaterCreate(0, MenuExpandablePanelComponent_Conditional_9_For_1_Template, 1, 5, "cauca-menu-expandable-panel-item",
|
|
3618
|
+
i0.ɵɵrepeaterCreate(0, MenuExpandablePanelComponent_Conditional_9_For_1_Template, 1, 5, "cauca-menu-expandable-panel-item", 4, _forTrack0);
|
|
3669
3619
|
} if (rf & 2) {
|
|
3670
3620
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
3671
3621
|
i0.ɵɵrepeater(ctx_r0.items());
|
|
3672
3622
|
} }
|
|
3673
|
-
const DEFAULT_DURATION = 200;
|
|
3674
3623
|
class MenuExpandablePanelComponent {
|
|
3675
3624
|
constructor() {
|
|
3676
3625
|
this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
|
|
@@ -3713,7 +3662,7 @@ class MenuExpandablePanelComponent {
|
|
|
3713
3662
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelComponent, selectors: [["cauca-menu-expandable-panel"]], hostVars: 10, hostBindings: function MenuExpandablePanelComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
3714
3663
|
i0.ɵɵstyleProp("border-top-left-radius", ctx.topLeftRadius)("border-top-right-radius", ctx.topRightRadius)("border-bottom-left-radius", ctx.bottomLeftRadius)("border-bottom-right-radius", ctx.bottomRightRadius);
|
|
3715
3664
|
i0.ɵɵclassProp("bottom-border", ctx.bottomBorderClass);
|
|
3716
|
-
} }, inputs: { caption: [1, "caption"], isSubItem: [1, "isSubItem"], subCaption: [1, "subCaption"], menuIcon: [1, "menuIcon"], showExpansionIcon: [1, "showExpansionIcon"], addTopBorderRadius: [1, "addTopBorderRadius"], bottomBorder: [1, "bottomBorder"], addBottomBorderRadius: [1, "addBottomBorderRadius"], route: [1, "route"], items: [1, "items"] }, decls: 10, vars: 8, consts: [[3, "click", "ngClass"], [1, "subtitle1"], [1, "body2"], [3, "icon", "caption", "route", "isSubItem", "action"]], template: function MenuExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3665
|
+
} }, inputs: { caption: [1, "caption"], isSubItem: [1, "isSubItem"], subCaption: [1, "subCaption"], menuIcon: [1, "menuIcon"], showExpansionIcon: [1, "showExpansionIcon"], addTopBorderRadius: [1, "addTopBorderRadius"], bottomBorder: [1, "bottomBorder"], addBottomBorderRadius: [1, "addBottomBorderRadius"], route: [1, "route"], items: [1, "items"] }, decls: 10, vars: 8, consts: [[3, "click", "ngClass"], [1, "subtitle1"], [1, "body2"], [3, "opened"], [3, "icon", "caption", "route", "isSubItem", "action"]], template: function MenuExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3717
3666
|
i0.ɵɵelementStart(0, "section", 0);
|
|
3718
3667
|
i0.ɵɵlistener("click", function MenuExpandablePanelComponent_Template_section_click_0_listener() { return ctx.handleClick(); });
|
|
3719
3668
|
i0.ɵɵelementStart(1, "mat-icon");
|
|
@@ -3725,7 +3674,7 @@ class MenuExpandablePanelComponent {
|
|
|
3725
3674
|
i0.ɵɵelementEnd();
|
|
3726
3675
|
i0.ɵɵconditionalCreate(7, MenuExpandablePanelComponent_Conditional_7_Template, 3, 3, "div", 2);
|
|
3727
3676
|
i0.ɵɵelementEnd();
|
|
3728
|
-
i0.ɵɵconditionalCreate(8, MenuExpandablePanelComponent_Conditional_8_Template, 2,
|
|
3677
|
+
i0.ɵɵconditionalCreate(8, MenuExpandablePanelComponent_Conditional_8_Template, 2, 2, "mat-icon", 3);
|
|
3729
3678
|
i0.ɵɵelementEnd();
|
|
3730
3679
|
i0.ɵɵconditionalCreate(9, MenuExpandablePanelComponent_Conditional_9_Template, 2, 0);
|
|
3731
3680
|
} if (rf & 2) {
|
|
@@ -3740,26 +3689,12 @@ class MenuExpandablePanelComponent {
|
|
|
3740
3689
|
i0.ɵɵconditional(ctx.showExpansionIcon() ? 8 : -1);
|
|
3741
3690
|
i0.ɵɵadvance();
|
|
3742
3691
|
i0.ɵɵconditional(ctx.opened() ? 9 : -1);
|
|
3743
|
-
} }, dependencies: [MatIconModule, i1$
|
|
3744
|
-
trigger('arrow-collapse', [
|
|
3745
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
3746
|
-
state('true', style({ transform: 'rotate(-90deg)' })),
|
|
3747
|
-
transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
|
|
3748
|
-
transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
|
|
3749
|
-
])
|
|
3750
|
-
] } }); }
|
|
3692
|
+
} }, dependencies: [MatIconModule, i1$2.MatIcon, MenuExpandablePanelItemComponent, NgClass, TranslatePipe], styles: ["[_nghost-%COMP%]{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section[_ngcontent-%COMP%]{display:flex;gap:16px;align-items:center}section[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]:last-child{transition:transform .2s ease-in-out}section[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]:last-child.opened{transform:rotate(-90deg)}section.bottom-padding[_ngcontent-%COMP%]{padding-bottom:10px}div[_ngcontent-%COMP%]{flex:1}"] }); }
|
|
3751
3693
|
}
|
|
3752
3694
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelComponent, [{
|
|
3753
3695
|
type: Component,
|
|
3754
|
-
args: [{ selector: 'cauca-menu-expandable-panel', imports: [MatIconModule,
|
|
3755
|
-
|
|
3756
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
3757
|
-
state('true', style({ transform: 'rotate(-90deg)' })),
|
|
3758
|
-
transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
|
|
3759
|
-
transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
|
|
3760
|
-
])
|
|
3761
|
-
], template: "<section [ngClass]=\"opened() ? 'bottom-padding' : ''\" (click)=\"handleClick()\">\r\n <mat-icon>{{menuIcon()}}</mat-icon>\r\n <div>\r\n <div class=\"subtitle1\">{{caption() | translate}}</div>\r\n @if(subCaption()) {<div class=\"body2\">{{subCaption() | translate}}</div>}\r\n </div>\r\n @if (showExpansionIcon()) {<mat-icon [@arrow-collapse]=\"opened()\">arrow_forward_ios</mat-icon>}\r\n</section>\r\n@if(opened()) {\r\n @for (item of items(); track item.title) {\r\n <cauca-menu-expandable-panel-item [icon]=\"item.icon\" [caption]=\"item.title\" [route]=\"item.route\" [isSubItem]=\"true\" [action]=\"item.action\" />\r\n }\r\n}", styles: [":host{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section{display:flex;gap:16px;align-items:center}section.bottom-padding{padding-bottom:10px}div{flex:1}\n"] }]
|
|
3762
|
-
}], null, { topLeftRadius: [{
|
|
3696
|
+
args: [{ selector: 'cauca-menu-expandable-panel', imports: [MatIconModule, TranslatePipe, MenuExpandablePanelItemComponent, NgClass], template: "<section [ngClass]=\"opened() ? 'bottom-padding' : ''\" (click)=\"handleClick()\">\r\n <mat-icon>{{menuIcon()}}</mat-icon>\r\n <div>\r\n <div class=\"subtitle1\">{{caption() | translate}}</div>\r\n @if(subCaption()) {<div class=\"body2\">{{subCaption() | translate}}</div>}\r\n </div>\r\n @if (showExpansionIcon()) {<mat-icon [class.opened]=\"opened()\">arrow_forward_ios</mat-icon>}\r\n</section>\r\n@if(opened()) {\r\n @for (item of items(); track item.title) {\r\n <cauca-menu-expandable-panel-item [icon]=\"item.icon\" [caption]=\"item.title\" [route]=\"item.route\" [isSubItem]=\"true\" [action]=\"item.action\" />\r\n }\r\n}", styles: [":host{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section{display:flex;gap:16px;align-items:center}section mat-icon:last-child{transition:transform .2s ease-in-out}section mat-icon:last-child.opened{transform:rotate(-90deg)}section.bottom-padding{padding-bottom:10px}div{flex:1}\n"] }]
|
|
3697
|
+
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], isSubItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubItem", required: false }] }], subCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "subCaption", required: false }] }], menuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuIcon", required: false }] }], showExpansionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExpansionIcon", required: false }] }], addTopBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "addTopBorderRadius", required: false }] }], bottomBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomBorder", required: false }] }], addBottomBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "addBottomBorderRadius", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], topLeftRadius: [{
|
|
3763
3698
|
type: HostBinding,
|
|
3764
3699
|
args: ['style.border-top-left-radius']
|
|
3765
3700
|
}], topRightRadius: [{
|
|
@@ -3775,7 +3710,7 @@ class MenuExpandablePanelComponent {
|
|
|
3775
3710
|
type: HostBinding,
|
|
3776
3711
|
args: ['class.bottom-border']
|
|
3777
3712
|
}] }); })();
|
|
3778
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelComponent, { className: "MenuExpandablePanelComponent", filePath: "lib/components/layout/menu-expandable-panel/menu-expandable-panel.component.ts", lineNumber:
|
|
3713
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelComponent, { className: "MenuExpandablePanelComponent", filePath: "lib/components/layout/menu-expandable-panel/menu-expandable-panel.component.ts", lineNumber: 13 }); })();
|
|
3779
3714
|
|
|
3780
3715
|
function SavingConfirmedBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
3781
3716
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -3803,7 +3738,7 @@ class SavingConfirmedBoxComponent {
|
|
|
3803
3738
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingConfirmedBoxComponent, [{
|
|
3804
3739
|
type: Component,
|
|
3805
3740
|
args: [{ selector: 'cauca-saving-confirmed-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n <cauca-snackbar\r\n caption=\"savingSuccessNotification.title\"\r\n type=\"success\"\r\n variant=\"standard\"\r\n [showButton]=\"false\"\r\n [showCloseButton]=\"true\"\r\n (closeClick)=\"show.set(false)\">\r\n {{'savingSuccessNotification.message' | translate}}\r\n </cauca-snackbar>\r\n}" }]
|
|
3806
|
-
}], null,
|
|
3741
|
+
}], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }] }); })();
|
|
3807
3742
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingConfirmedBoxComponent, { className: "SavingConfirmedBoxComponent", filePath: "lib/components/notifications/saving-confirmed-box/saving-confirmed-box.component.ts", lineNumber: 13 }); })();
|
|
3808
3743
|
|
|
3809
3744
|
function SavingErrorBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3835,7 +3770,7 @@ class SavingErrorBoxComponent {
|
|
|
3835
3770
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingErrorBoxComponent, [{
|
|
3836
3771
|
type: Component,
|
|
3837
3772
|
args: [{ selector: 'cauca-saving-error-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n <cauca-snackbar\r\n caption=\"generalError.savingErrorAlertTitle\"\r\n type=\"error\"\r\n variant=\"standard\"\r\n [showButton]=\"false\"\r\n [showCloseButton]=\"true\"\r\n (closeClick)=\"show.set(false)\">\r\n {{error() | translate}}\r\n </cauca-snackbar>\r\n}" }]
|
|
3838
|
-
}], null,
|
|
3773
|
+
}], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }], specificError: [{ type: i0.Input, args: [{ isSignal: true, alias: "specificError", required: false }] }] }); })();
|
|
3839
3774
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/components/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
|
|
3840
3775
|
|
|
3841
3776
|
class AutoTrimAndLowerDirective {
|
|
@@ -3883,8 +3818,7 @@ class HasErrorRootDirective {
|
|
|
3883
3818
|
}
|
|
3884
3819
|
static { this.ɵfac = function HasErrorRootDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HasErrorRootDirective)(); }; }
|
|
3885
3820
|
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HasErrorRootDirective, selectors: [["mat-form-field"]], contentQueries: function HasErrorRootDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
3886
|
-
i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5);
|
|
3887
|
-
i0.ɵɵcontentQuery(dirIndex, FormControlName, 5);
|
|
3821
|
+
i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5)(dirIndex, FormControlName, 5);
|
|
3888
3822
|
} if (rf & 2) {
|
|
3889
3823
|
let _t;
|
|
3890
3824
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formControl = _t.first);
|
|
@@ -3894,7 +3828,9 @@ class HasErrorRootDirective {
|
|
|
3894
3828
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HasErrorRootDirective, [{
|
|
3895
3829
|
type: Directive,
|
|
3896
3830
|
args: [{
|
|
3831
|
+
/* eslint-disable @angular-eslint/directive-selector */
|
|
3897
3832
|
selector: 'mat-form-field',
|
|
3833
|
+
/* eslint-enable @angular-eslint/directive-selector */
|
|
3898
3834
|
standalone: false,
|
|
3899
3835
|
}]
|
|
3900
3836
|
}], null, { formControl: [{
|
|
@@ -3993,16 +3929,15 @@ class FormErrorModule {
|
|
|
3993
3929
|
|
|
3994
3930
|
function provideCaucaMaterial() {
|
|
3995
3931
|
return [
|
|
3996
|
-
provideAnimations(),
|
|
3997
3932
|
provideNativeDateAdapter(),
|
|
3998
3933
|
{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'outline' } },
|
|
3999
3934
|
];
|
|
4000
3935
|
}
|
|
4001
3936
|
|
|
4002
|
-
function
|
|
3937
|
+
function CaucaSimpleDialogComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
4003
3938
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
4004
|
-
i0.ɵɵelementStart(0, "button",
|
|
4005
|
-
i0.ɵɵlistener("click", function
|
|
3939
|
+
i0.ɵɵelementStart(0, "button", 5);
|
|
3940
|
+
i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_Conditional_4_For_2_Template_button_click_0_listener() { const ɵ$index_11_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onClick(ɵ$index_11_r2)); });
|
|
4006
3941
|
i0.ɵɵtext(1);
|
|
4007
3942
|
i0.ɵɵelementEnd();
|
|
4008
3943
|
} if (rf & 2) {
|
|
@@ -4010,14 +3945,14 @@ function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf &
|
|
|
4010
3945
|
i0.ɵɵadvance();
|
|
4011
3946
|
i0.ɵɵtextInterpolate(label_r4);
|
|
4012
3947
|
} }
|
|
4013
|
-
function
|
|
4014
|
-
i0.ɵɵelementStart(0, "div",
|
|
4015
|
-
i0.ɵɵ
|
|
3948
|
+
function CaucaSimpleDialogComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
3949
|
+
i0.ɵɵelementStart(0, "div", 3);
|
|
3950
|
+
i0.ɵɵrepeaterCreate(1, CaucaSimpleDialogComponent_Conditional_4_For_2_Template, 2, 1, "button", 4, i0.ɵɵrepeaterTrackByIdentity);
|
|
4016
3951
|
i0.ɵɵelementEnd();
|
|
4017
3952
|
} if (rf & 2) {
|
|
4018
3953
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
4019
3954
|
i0.ɵɵadvance();
|
|
4020
|
-
i0.ɵɵ
|
|
3955
|
+
i0.ɵɵrepeater(ctx_r2.data.buttons);
|
|
4021
3956
|
} }
|
|
4022
3957
|
class CaucaSimpleDialogComponent {
|
|
4023
3958
|
constructor() {
|
|
@@ -4028,68 +3963,65 @@ class CaucaSimpleDialogComponent {
|
|
|
4028
3963
|
this.dialogRef.close(buttonIndex);
|
|
4029
3964
|
}
|
|
4030
3965
|
static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaSimpleDialogComponent)(); }; }
|
|
4031
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], decls: 5, vars: 3, consts: [["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], ["mat-dialog-actions", ""
|
|
3966
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], decls: 5, vars: 3, consts: [["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], ["mat-dialog-actions", ""], ["mat-raised-button", ""], ["mat-raised-button", "", 3, "click"]], template: function CaucaSimpleDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4032
3967
|
i0.ɵɵelementStart(0, "h1", 0);
|
|
4033
3968
|
i0.ɵɵtext(1);
|
|
4034
3969
|
i0.ɵɵelementEnd();
|
|
4035
3970
|
i0.ɵɵelementStart(2, "div", 1);
|
|
4036
3971
|
i0.ɵɵelement(3, "div", 2);
|
|
4037
3972
|
i0.ɵɵelementEnd();
|
|
4038
|
-
i0.ɵɵ
|
|
3973
|
+
i0.ɵɵconditionalCreate(4, CaucaSimpleDialogComponent_Conditional_4_Template, 3, 0, "div", 3);
|
|
4039
3974
|
} if (rf & 2) {
|
|
4040
3975
|
i0.ɵɵadvance();
|
|
4041
3976
|
i0.ɵɵtextInterpolate(ctx.data.title);
|
|
4042
3977
|
i0.ɵɵadvance(2);
|
|
4043
3978
|
i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
|
|
4044
3979
|
i0.ɵɵadvance();
|
|
4045
|
-
i0.ɵɵ
|
|
4046
|
-
} }, dependencies: [
|
|
3980
|
+
i0.ɵɵconditional(ctx.data.buttons ? 4 : -1);
|
|
3981
|
+
} }, dependencies: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule, i1$1.MatButton], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
|
|
4047
3982
|
}
|
|
4048
3983
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
|
|
4049
3984
|
type: Component,
|
|
4050
|
-
args: [{ selector: 'cauca-simple-dialog', imports: [
|
|
3985
|
+
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div [innerHTML]=\"data.message\"></div>\n</div>\n@if (data.buttons) {\n <div mat-dialog-actions>\n @for (label of data.buttons; track label; let i = $index) {\n <button mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n }\n </div>\n}", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
|
|
4051
3986
|
}], null, null); })();
|
|
4052
3987
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
|
|
4053
3988
|
|
|
4054
|
-
const _c0$
|
|
4055
|
-
function
|
|
3989
|
+
const _c0$1 = ["file"];
|
|
3990
|
+
function CaucaInputFileComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
4056
3991
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
4057
3992
|
i0.ɵɵtext(1);
|
|
4058
3993
|
i0.ɵɵelementEnd();
|
|
4059
3994
|
} if (rf & 2) {
|
|
4060
|
-
const
|
|
3995
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4061
3996
|
i0.ɵɵadvance();
|
|
4062
|
-
i0.ɵɵtextInterpolate(
|
|
3997
|
+
i0.ɵɵtextInterpolate(ctx_r0.icon);
|
|
4063
3998
|
} }
|
|
4064
|
-
function
|
|
3999
|
+
function CaucaInputFileComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
4065
4000
|
i0.ɵɵelementStart(0, "span");
|
|
4066
4001
|
i0.ɵɵtext(1);
|
|
4067
4002
|
i0.ɵɵelementEnd();
|
|
4068
4003
|
} if (rf & 2) {
|
|
4069
|
-
const
|
|
4004
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4070
4005
|
i0.ɵɵadvance();
|
|
4071
|
-
i0.ɵɵtextInterpolate(
|
|
4006
|
+
i0.ɵɵtextInterpolate(ctx_r0.text);
|
|
4072
4007
|
} }
|
|
4073
|
-
function
|
|
4074
|
-
const
|
|
4075
|
-
i0.ɵɵ
|
|
4076
|
-
i0.ɵɵ
|
|
4077
|
-
i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
|
|
4008
|
+
function CaucaInputFileComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
4009
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
4010
|
+
i0.ɵɵelementStart(0, "input", 4, 0);
|
|
4011
|
+
i0.ɵɵlistener("change", function CaucaInputFileComponent_Conditional_3_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectFile($event)); });
|
|
4078
4012
|
i0.ɵɵelementEnd();
|
|
4079
|
-
i0.ɵɵelementContainerEnd();
|
|
4080
4013
|
} if (rf & 2) {
|
|
4081
|
-
const
|
|
4082
|
-
i0.ɵɵ
|
|
4083
|
-
i0.ɵɵproperty("accept", ctx_r1.accept);
|
|
4014
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4015
|
+
i0.ɵɵproperty("accept", ctx_r0.accept);
|
|
4084
4016
|
} }
|
|
4085
|
-
function
|
|
4086
|
-
const
|
|
4087
|
-
i0.ɵɵelementStart(0, "input",
|
|
4088
|
-
i0.ɵɵlistener("change", function
|
|
4017
|
+
function CaucaInputFileComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
4018
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
4019
|
+
i0.ɵɵelementStart(0, "input", 5, 0);
|
|
4020
|
+
i0.ɵɵlistener("change", function CaucaInputFileComponent_Conditional_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectFile($event)); });
|
|
4089
4021
|
i0.ɵɵelementEnd();
|
|
4090
4022
|
} if (rf & 2) {
|
|
4091
|
-
const
|
|
4092
|
-
i0.ɵɵproperty("accept",
|
|
4023
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4024
|
+
i0.ɵɵproperty("accept", ctx_r0.accept);
|
|
4093
4025
|
} }
|
|
4094
4026
|
class CaucaInputFileComponent {
|
|
4095
4027
|
constructor() {
|
|
@@ -4151,30 +4083,29 @@ class CaucaInputFileComponent {
|
|
|
4151
4083
|
}
|
|
4152
4084
|
static { this.ɵfac = function CaucaInputFileComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputFileComponent)(); }; }
|
|
4153
4085
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
|
|
4154
|
-
i0.ɵɵviewQuery(_c0$
|
|
4086
|
+
i0.ɵɵviewQuery(_c0$1, 5);
|
|
4155
4087
|
} if (rf & 2) {
|
|
4156
4088
|
let _t;
|
|
4157
4089
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.file = _t.first);
|
|
4158
|
-
} }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, decls:
|
|
4159
|
-
|
|
4160
|
-
i0.ɵɵ
|
|
4161
|
-
i0.ɵɵ
|
|
4162
|
-
i0.ɵɵ
|
|
4090
|
+
} }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, decls: 5, vars: 3, consts: [["file", ""], ["mat-raised-button", "", 3, "click"], ["type", "file", "multiple", "multiple", 3, "accept"], ["type", "file", 3, "accept"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4091
|
+
i0.ɵɵelementStart(0, "button", 1);
|
|
4092
|
+
i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { return ctx.openDialog($event); });
|
|
4093
|
+
i0.ɵɵconditionalCreate(1, CaucaInputFileComponent_Conditional_1_Template, 2, 1, "mat-icon");
|
|
4094
|
+
i0.ɵɵconditionalCreate(2, CaucaInputFileComponent_Conditional_2_Template, 2, 1, "span");
|
|
4163
4095
|
i0.ɵɵelementEnd();
|
|
4164
|
-
i0.ɵɵ
|
|
4096
|
+
i0.ɵɵconditionalCreate(3, CaucaInputFileComponent_Conditional_3_Template, 2, 1, "input", 2)(4, CaucaInputFileComponent_Conditional_4_Template, 2, 1, "input", 3);
|
|
4165
4097
|
} if (rf & 2) {
|
|
4166
|
-
const notMultipleInput_r5 = i0.ɵɵreference(5);
|
|
4167
4098
|
i0.ɵɵadvance();
|
|
4168
|
-
i0.ɵɵ
|
|
4099
|
+
i0.ɵɵconditional(ctx.icon ? 1 : -1);
|
|
4169
4100
|
i0.ɵɵadvance();
|
|
4170
|
-
i0.ɵɵ
|
|
4101
|
+
i0.ɵɵconditional(ctx.text ? 2 : -1);
|
|
4171
4102
|
i0.ɵɵadvance();
|
|
4172
|
-
i0.ɵɵ
|
|
4173
|
-
} }, dependencies: [MatButtonModule,
|
|
4103
|
+
i0.ɵɵconditional(ctx.multiple ? 3 : 4);
|
|
4104
|
+
} }, dependencies: [MatButtonModule, i1$1.MatButton, MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
|
|
4174
4105
|
}
|
|
4175
4106
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
4176
4107
|
type: Component,
|
|
4177
|
-
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\n <mat-icon
|
|
4108
|
+
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\n @if (icon) {\n <mat-icon>{{icon}}</mat-icon>\n }\n @if (text) {\n <span>{{text}}</span>\n }\n</button>\n@if (multiple) {\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n} @else {\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n}\n\n", styles: [":host input{display:none}\n"] }]
|
|
4178
4109
|
}], null, { file: [{
|
|
4179
4110
|
type: ViewChild,
|
|
4180
4111
|
args: ['file', { static: false }]
|
|
@@ -4191,31 +4122,31 @@ class CaucaInputFileComponent {
|
|
|
4191
4122
|
}] }); })();
|
|
4192
4123
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib/components/deprecated-components/cauca-input-file/cauca-input-file.component.ts", lineNumber: 14 }); })();
|
|
4193
4124
|
|
|
4194
|
-
function
|
|
4125
|
+
function CaucaInputMultipleLangueComponent_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
4195
4126
|
i0.ɵɵelementStart(0, "mat-error");
|
|
4196
4127
|
i0.ɵɵtext(1);
|
|
4197
4128
|
i0.ɵɵpipe(2, "translate");
|
|
4198
4129
|
i0.ɵɵelementEnd();
|
|
4199
4130
|
} if (rf & 2) {
|
|
4200
|
-
const
|
|
4131
|
+
const ɵ$index_3_r1 = i0.ɵɵnextContext().$index;
|
|
4201
4132
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
4202
4133
|
i0.ɵɵadvance();
|
|
4203
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(
|
|
4134
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(ɵ$index_3_r1)));
|
|
4204
4135
|
} }
|
|
4205
|
-
function
|
|
4206
|
-
i0.ɵɵelementStart(0, "mat-tab",
|
|
4207
|
-
i0.ɵɵelement(2, "input",
|
|
4208
|
-
i0.ɵɵ
|
|
4136
|
+
function CaucaInputMultipleLangueComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
4137
|
+
i0.ɵɵelementStart(0, "mat-tab", 1)(1, "mat-form-field", 2);
|
|
4138
|
+
i0.ɵɵelement(2, "input", 3);
|
|
4139
|
+
i0.ɵɵconditionalCreate(3, CaucaInputMultipleLangueComponent_For_2_Conditional_3_Template, 3, 3, "mat-error");
|
|
4209
4140
|
i0.ɵɵelementEnd()();
|
|
4210
4141
|
} if (rf & 2) {
|
|
4211
4142
|
const lang_r3 = ctx.$implicit;
|
|
4212
|
-
const
|
|
4143
|
+
const ɵ$index_3_r1 = ctx.$index;
|
|
4213
4144
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
4214
4145
|
i0.ɵɵproperty("label", lang_r3);
|
|
4215
4146
|
i0.ɵɵadvance(2);
|
|
4216
|
-
i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[
|
|
4147
|
+
i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[ɵ$index_3_r1]);
|
|
4217
4148
|
i0.ɵɵadvance();
|
|
4218
|
-
i0.ɵɵ
|
|
4149
|
+
i0.ɵɵconditional(ctx_r1.forms[ɵ$index_3_r1].invalid ? 3 : -1);
|
|
4219
4150
|
} }
|
|
4220
4151
|
class CaucaInputMultipleLangueComponent {
|
|
4221
4152
|
constructor() {
|
|
@@ -4250,360 +4181,46 @@ class CaucaInputMultipleLangueComponent {
|
|
|
4250
4181
|
});
|
|
4251
4182
|
}
|
|
4252
4183
|
static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputMultipleLangueComponent)(); }; }
|
|
4253
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls:
|
|
4184
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls: 3, vars: 1, consts: [[3, "selectedIndexChange", "selectedIndex"], [3, "label"], ["hideRequiredMarker", "never"], ["matInput", "", "required", "required", 3, "placeholder", "formControl"]], template: function CaucaInputMultipleLangueComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4254
4185
|
i0.ɵɵelementStart(0, "mat-tab-group", 0);
|
|
4255
4186
|
i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
|
|
4256
|
-
i0.ɵɵ
|
|
4187
|
+
i0.ɵɵrepeaterCreate(1, CaucaInputMultipleLangueComponent_For_2_Template, 4, 4, "mat-tab", 1, i0.ɵɵrepeaterTrackByIdentity);
|
|
4257
4188
|
i0.ɵɵelementEnd();
|
|
4258
4189
|
} if (rf & 2) {
|
|
4259
4190
|
i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
|
|
4260
4191
|
i0.ɵɵadvance();
|
|
4261
|
-
i0.ɵɵ
|
|
4262
|
-
} }, dependencies: [
|
|
4192
|
+
i0.ɵɵrepeater(ctx.labels);
|
|
4193
|
+
} }, dependencies: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, i1$4.MatFormField, i1$4.MatError, ReactiveFormsModule, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.RequiredValidator, i1$7.FormControlDirective, TranslateModule, i1.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
|
|
4263
4194
|
}
|
|
4264
4195
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
4265
4196
|
type: Component,
|
|
4266
|
-
args: [{ selector: 'cauca-input-multiple-langue', imports: [
|
|
4197
|
+
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n @for (lang of labels; track lang; let i = $index) {\n <mat-tab [label]=\"lang\">\n <mat-form-field hideRequiredMarker=\"never\">\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n @if (forms[i].invalid) {\n <mat-error>{{getErrorMessage(i) | translate}}</mat-error>\n }\n </mat-form-field>\n </mat-tab>\n }\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
|
|
4267
4198
|
}], () => [], { value: [{
|
|
4268
4199
|
type: Input
|
|
4269
4200
|
}] }); })();
|
|
4270
4201
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib/components/deprecated-components/cauca-input-multiple-langue/cauca-input-multiple-langue.component.ts", lineNumber: 16 }); })();
|
|
4271
4202
|
|
|
4272
|
-
function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
4273
|
-
i0.ɵɵelement(0, "fa-icon", 8);
|
|
4274
|
-
} if (rf & 2) {
|
|
4275
|
-
const menu_r2 = i0.ɵɵnextContext(2).$implicit;
|
|
4276
|
-
i0.ɵɵproperty("icon", menu_r2.icon);
|
|
4277
|
-
} }
|
|
4278
|
-
function CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
4279
|
-
i0.ɵɵelement(0, "img", 9);
|
|
4280
|
-
} if (rf & 2) {
|
|
4281
|
-
const menu_r2 = i0.ɵɵnextContext(2).$implicit;
|
|
4282
|
-
i0.ɵɵproperty("src", menu_r2.icon, i0.ɵɵsanitizeUrl);
|
|
4283
|
-
} }
|
|
4284
|
-
function CaucaMenuVerticalComponent_h4_0_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
4285
|
-
i0.ɵɵelementStart(0, "div", 5);
|
|
4286
|
-
i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6)(2, CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template, 1, 1, "img", 7);
|
|
4287
|
-
i0.ɵɵelementEnd();
|
|
4288
|
-
} if (rf & 2) {
|
|
4289
|
-
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
4290
|
-
i0.ɵɵadvance();
|
|
4291
|
-
i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
|
|
4292
|
-
i0.ɵɵadvance();
|
|
4293
|
-
i0.ɵɵproperty("ngIf", menu_r2.icon.filter === undefined);
|
|
4294
|
-
} }
|
|
4295
|
-
function CaucaMenuVerticalComponent_h4_0_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
4296
|
-
i0.ɵɵelementStart(0, "div", 10)(1, "span");
|
|
4297
|
-
i0.ɵɵtext(2);
|
|
4298
|
-
i0.ɵɵpipe(3, "translate");
|
|
4299
|
-
i0.ɵɵelementEnd()();
|
|
4300
|
-
} if (rf & 2) {
|
|
4301
|
-
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
4302
|
-
i0.ɵɵadvance(2);
|
|
4303
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r2.label));
|
|
4304
|
-
} }
|
|
4305
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
4306
|
-
i0.ɵɵelementStart(0, "div", 15);
|
|
4307
|
-
i0.ɵɵtext(1, "\u2022");
|
|
4308
|
-
i0.ɵɵelementEnd();
|
|
4309
|
-
} }
|
|
4310
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
4311
|
-
i0.ɵɵelement(0, "fa-icon", 8);
|
|
4312
|
-
} if (rf & 2) {
|
|
4313
|
-
const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
|
|
4314
|
-
i0.ɵɵproperty("icon", submenu_r5.icon);
|
|
4315
|
-
} }
|
|
4316
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
4317
|
-
i0.ɵɵelement(0, "img", 9);
|
|
4318
|
-
} if (rf & 2) {
|
|
4319
|
-
const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
|
|
4320
|
-
i0.ɵɵproperty("src", submenu_r5.icon, i0.ɵɵsanitizeUrl);
|
|
4321
|
-
} }
|
|
4322
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
4323
|
-
i0.ɵɵelementStart(0, "div", 5);
|
|
4324
|
-
i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template, 1, 1, "img", 7);
|
|
4325
|
-
i0.ɵɵelementEnd();
|
|
4326
|
-
} if (rf & 2) {
|
|
4327
|
-
const submenu_r5 = i0.ɵɵnextContext().$implicit;
|
|
4328
|
-
i0.ɵɵadvance();
|
|
4329
|
-
i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
|
|
4330
|
-
i0.ɵɵadvance();
|
|
4331
|
-
i0.ɵɵproperty("ngIf", submenu_r5.icon.filter === undefined);
|
|
4332
|
-
} }
|
|
4333
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
4334
|
-
i0.ɵɵelementStart(0, "div", 10)(1, "span");
|
|
4335
|
-
i0.ɵɵtext(2);
|
|
4336
|
-
i0.ɵɵpipe(3, "translate");
|
|
4337
|
-
i0.ɵɵelementEnd()();
|
|
4338
|
-
} if (rf & 2) {
|
|
4339
|
-
const submenu_r5 = i0.ɵɵnextContext().$implicit;
|
|
4340
|
-
i0.ɵɵadvance(2);
|
|
4341
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r5.label));
|
|
4342
|
-
} }
|
|
4343
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
4344
|
-
const _r4 = i0.ɵɵgetCurrentView();
|
|
4345
|
-
i0.ɵɵelementStart(0, "div", 13);
|
|
4346
|
-
i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template_div_click_0_listener($event) { const submenu_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goTo(submenu_r5.path, $event)); });
|
|
4347
|
-
i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template, 2, 0, "div", 14)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template, 4, 3, "div", 3);
|
|
4348
|
-
i0.ɵɵelementEnd();
|
|
4349
|
-
} if (rf & 2) {
|
|
4350
|
-
const submenu_r5 = ctx.$implicit;
|
|
4351
|
-
i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
|
|
4352
|
-
i0.ɵɵadvance();
|
|
4353
|
-
i0.ɵɵproperty("ngIf", !submenu_r5.icon);
|
|
4354
|
-
i0.ɵɵadvance();
|
|
4355
|
-
i0.ɵɵproperty("ngIf", submenu_r5.icon);
|
|
4356
|
-
i0.ɵɵadvance();
|
|
4357
|
-
i0.ɵɵproperty("ngIf", submenu_r5.label);
|
|
4358
|
-
} }
|
|
4359
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
4360
|
-
i0.ɵɵelementStart(0, "div", 11);
|
|
4361
|
-
i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template, 4, 5, "div", 12);
|
|
4362
|
-
i0.ɵɵelementEnd();
|
|
4363
|
-
} if (rf & 2) {
|
|
4364
|
-
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
4365
|
-
i0.ɵɵadvance();
|
|
4366
|
-
i0.ɵɵproperty("ngForOf", menu_r2.childs);
|
|
4367
|
-
} }
|
|
4368
|
-
function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
|
|
4369
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
4370
|
-
i0.ɵɵelementStart(0, "h4")(1, "div", 1);
|
|
4371
|
-
i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goTo(menu_r2.path, $event)); });
|
|
4372
|
-
i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
|
|
4373
|
-
i0.ɵɵelementEnd();
|
|
4374
|
-
i0.ɵɵtemplate(4, CaucaMenuVerticalComponent_h4_0_div_4_Template, 2, 1, "div", 4);
|
|
4375
|
-
i0.ɵɵelementEnd();
|
|
4376
|
-
} if (rf & 2) {
|
|
4377
|
-
const menu_r2 = ctx.$implicit;
|
|
4378
|
-
i0.ɵɵclassMap(menu_r2.activated ? "selected" : "");
|
|
4379
|
-
i0.ɵɵadvance(2);
|
|
4380
|
-
i0.ɵɵproperty("ngIf", menu_r2.icon);
|
|
4381
|
-
i0.ɵɵadvance();
|
|
4382
|
-
i0.ɵɵproperty("ngIf", menu_r2.label);
|
|
4383
|
-
i0.ɵɵadvance();
|
|
4384
|
-
i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.activated);
|
|
4385
|
-
} }
|
|
4386
|
-
class CaucaMenuVerticalComponent {
|
|
4387
|
-
constructor() {
|
|
4388
|
-
this.itemClick = new EventEmitter();
|
|
4389
|
-
this.menuItems = [];
|
|
4390
|
-
this.router = inject(Router);
|
|
4391
|
-
this.router.events.subscribe((route) => {
|
|
4392
|
-
if (route instanceof NavigationEnd) {
|
|
4393
|
-
this.selectActiveRoute(route);
|
|
4394
|
-
}
|
|
4395
|
-
});
|
|
4396
|
-
}
|
|
4397
|
-
goTo(path, e) {
|
|
4398
|
-
this.router.navigate([path]);
|
|
4399
|
-
this.itemClick.emit();
|
|
4400
|
-
e.stopPropagation();
|
|
4401
|
-
}
|
|
4402
|
-
selectActiveRoute(route) {
|
|
4403
|
-
this.menuItems.forEach((menu) => {
|
|
4404
|
-
if (route.url) {
|
|
4405
|
-
menu.activated = (route.url === menu.path || (menu.childs.length && route.url.indexOf(menu.path) > -1));
|
|
4406
|
-
}
|
|
4407
|
-
menu.childs.forEach((subMenu) => {
|
|
4408
|
-
if (route.url) {
|
|
4409
|
-
subMenu.activated = (route.url === subMenu.path || route.urlAfterRedirects === subMenu.path);
|
|
4410
|
-
}
|
|
4411
|
-
});
|
|
4412
|
-
});
|
|
4413
|
-
}
|
|
4414
|
-
static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuVerticalComponent)(); }; }
|
|
4415
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuVerticalComponent, selectors: [["cauca-menu-vertical"]], inputs: { menuItems: "menuItems" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [[3, "class", 4, "ngFor", "ngForOf"], [1, "menu", 3, "click"], ["class", "menu-icon", 4, "ngIf"], ["class", "menu-caption", 4, "ngIf"], ["class", "submenu", 4, "ngIf"], [1, "menu-icon"], [3, "icon", 4, "ngIf"], [3, "src", 4, "ngIf"], [3, "icon"], [3, "src"], [1, "menu-caption"], [1, "submenu"], [3, "class", "click", 4, "ngFor", "ngForOf"], [3, "click"], ["class", "menu-dot", 4, "ngIf"], [1, "menu-dot"]], template: function CaucaMenuVerticalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4416
|
-
i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
|
|
4417
|
-
} if (rf & 2) {
|
|
4418
|
-
i0.ɵɵproperty("ngForOf", ctx.menuItems);
|
|
4419
|
-
} }, dependencies: [CommonModule, i1$3.NgForOf, i1$3.NgIf, FaIconComponent,
|
|
4420
|
-
TranslateModule, 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}"] }); }
|
|
4421
|
-
}
|
|
4422
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
|
|
4423
|
-
type: Component,
|
|
4424
|
-
args: [{ selector: 'cauca-menu-vertical', imports: [
|
|
4425
|
-
CommonModule,
|
|
4426
|
-
FaIconComponent,
|
|
4427
|
-
TranslateModule,
|
|
4428
|
-
], 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"] }]
|
|
4429
|
-
}], () => [], { itemClick: [{
|
|
4430
|
-
type: Output
|
|
4431
|
-
}], menuItems: [{
|
|
4432
|
-
type: Input
|
|
4433
|
-
}] }); })();
|
|
4434
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib/components/deprecated-components/cauca-menu-vertical/cauca-menu-vertical.component.ts", lineNumber: 18 }); })();
|
|
4435
|
-
|
|
4436
|
-
const _c0$1 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
|
|
4437
|
-
const _c1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
|
|
4438
|
-
function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
|
|
4439
|
-
const _r2 = i0.ɵɵgetCurrentView();
|
|
4440
|
-
i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
|
|
4441
|
-
i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_div_12_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onToggleCollapse()); });
|
|
4442
|
-
i0.ɵɵelementEnd();
|
|
4443
|
-
i0.ɵɵelementStart(2, "span", 9);
|
|
4444
|
-
i0.ɵɵtext(3);
|
|
4445
|
-
i0.ɵɵpipe(4, "translate");
|
|
4446
|
-
i0.ɵɵelementEnd();
|
|
4447
|
-
i0.ɵɵelementStart(5, "span", 10);
|
|
4448
|
-
i0.ɵɵtext(6);
|
|
4449
|
-
i0.ɵɵelementEnd()();
|
|
4450
|
-
} if (rf & 2) {
|
|
4451
|
-
const ctx_r2 = i0.ɵɵnextContext();
|
|
4452
|
-
i0.ɵɵadvance(3);
|
|
4453
|
-
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r2.version);
|
|
4454
|
-
i0.ɵɵadvance(3);
|
|
4455
|
-
i0.ɵɵtextInterpolate(ctx_r2.version);
|
|
4456
|
-
} }
|
|
4457
|
-
class CaucaMenuSidebarComponent {
|
|
4458
|
-
constructor() {
|
|
4459
|
-
this.menuItems = [];
|
|
4460
|
-
this.version = '';
|
|
4461
|
-
this.keepMenuExpanded = false;
|
|
4462
|
-
const element = inject(ElementRef);
|
|
4463
|
-
this.hostElement = element.nativeElement;
|
|
4464
|
-
this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
|
|
4465
|
-
this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
|
|
4466
|
-
this.setDisplayMenu();
|
|
4467
|
-
}
|
|
4468
|
-
onResize(_e) {
|
|
4469
|
-
this.setDisplayMenu();
|
|
4470
|
-
}
|
|
4471
|
-
onMenuItemClick() {
|
|
4472
|
-
if (window.innerWidth < 1000) {
|
|
4473
|
-
this.hideOnMobile();
|
|
4474
|
-
}
|
|
4475
|
-
}
|
|
4476
|
-
hideOnMobile() {
|
|
4477
|
-
this.hostElement.classList.remove('mobile');
|
|
4478
|
-
this.hostElement.classList.add('hidden');
|
|
4479
|
-
}
|
|
4480
|
-
showOnMobile() {
|
|
4481
|
-
this.hostElement.classList.remove('hidden');
|
|
4482
|
-
this.hostElement.classList.add('mobile');
|
|
4483
|
-
}
|
|
4484
|
-
onToggleCollapse() {
|
|
4485
|
-
if (this.keepMenuExpanded) {
|
|
4486
|
-
this.onCollapseMenu();
|
|
4487
|
-
this.hostElement.classList.remove('keepExpanded');
|
|
4488
|
-
}
|
|
4489
|
-
else {
|
|
4490
|
-
this.onExpandedMenu();
|
|
4491
|
-
this.hostElement.classList.add('keepExpanded');
|
|
4492
|
-
}
|
|
4493
|
-
this.keepMenuExpanded = !this.keepMenuExpanded;
|
|
4494
|
-
localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
4495
|
-
}
|
|
4496
|
-
setDisplayMenu() {
|
|
4497
|
-
this.hostElement.className = '';
|
|
4498
|
-
if (window.innerWidth < 1000) {
|
|
4499
|
-
this.hostElement.classList.add('hidden');
|
|
4500
|
-
}
|
|
4501
|
-
else {
|
|
4502
|
-
if (localStorage.getItem('cauca-menu-status') === 'expanded') {
|
|
4503
|
-
this.keepMenuExpanded = true;
|
|
4504
|
-
this.hostElement.classList.add('keepExpanded');
|
|
4505
|
-
}
|
|
4506
|
-
this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
4507
|
-
}
|
|
4508
|
-
}
|
|
4509
|
-
onMouseOver(e) {
|
|
4510
|
-
if (!this.keepMenuExpanded) {
|
|
4511
|
-
this.onExpandedMenu();
|
|
4512
|
-
}
|
|
4513
|
-
e.stopPropagation();
|
|
4514
|
-
}
|
|
4515
|
-
onMouseOut(e) {
|
|
4516
|
-
if (!this.keepMenuExpanded) {
|
|
4517
|
-
this.onCollapseMenu();
|
|
4518
|
-
}
|
|
4519
|
-
e.stopPropagation();
|
|
4520
|
-
}
|
|
4521
|
-
onExpandedMenu() {
|
|
4522
|
-
if (window.innerWidth >= 1000) {
|
|
4523
|
-
this.hostElement.classList.remove('collapsed');
|
|
4524
|
-
this.hostElement.classList.add('expanded');
|
|
4525
|
-
}
|
|
4526
|
-
}
|
|
4527
|
-
onCollapseMenu() {
|
|
4528
|
-
if (window.innerWidth >= 1000) {
|
|
4529
|
-
this.hostElement.classList.remove('expanded');
|
|
4530
|
-
this.hostElement.classList.add('collapsed');
|
|
4531
|
-
}
|
|
4532
|
-
}
|
|
4533
|
-
static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuSidebarComponent)(); }; }
|
|
4534
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuSidebarComponent, selectors: [["cauca-menu-sidebar"]], hostBindings: function CaucaMenuSidebarComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
4535
|
-
i0.ɵɵlistener("resize", function CaucaMenuSidebarComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, i0.ɵɵresolveWindow);
|
|
4536
|
-
} }, inputs: { menuItems: "menuItems", version: "version" }, ngContentSelectors: _c1, decls: 13, vars: 2, consts: [["menu", ""], [1, "header"], ["mat-icon-button", "", 1, "close", 3, "click"], [1, "content"], [3, "itemClick", "menuItems"], [1, "footer"], ["class", "version", 4, "ngIf"], [1, "version"], [1, "double-arrow", 3, "click"], [1, "full"], [1, "abbr"]], template: function CaucaMenuSidebarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4537
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
4538
|
-
i0.ɵɵprojectionDef(_c0$1);
|
|
4539
|
-
i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
|
|
4540
|
-
i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hideOnMobile()); });
|
|
4541
|
-
i0.ɵɵelementStart(2, "mat-icon");
|
|
4542
|
-
i0.ɵɵtext(3, "clear");
|
|
4543
|
-
i0.ɵɵelementEnd()();
|
|
4544
|
-
i0.ɵɵprojection(4);
|
|
4545
|
-
i0.ɵɵelementEnd();
|
|
4546
|
-
i0.ɵɵelementStart(5, "div", 3);
|
|
4547
|
-
i0.ɵɵprojection(6, 1);
|
|
4548
|
-
i0.ɵɵelementStart(7, "cauca-menu-vertical", 4, 0);
|
|
4549
|
-
i0.ɵɵlistener("itemClick", function CaucaMenuSidebarComponent_Template_cauca_menu_vertical_itemClick_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMenuItemClick()); });
|
|
4550
|
-
i0.ɵɵelementEnd();
|
|
4551
|
-
i0.ɵɵprojection(9, 2);
|
|
4552
|
-
i0.ɵɵelementEnd();
|
|
4553
|
-
i0.ɵɵelementStart(10, "div", 5);
|
|
4554
|
-
i0.ɵɵprojection(11, 3);
|
|
4555
|
-
i0.ɵɵelementEnd();
|
|
4556
|
-
i0.ɵɵtemplate(12, CaucaMenuSidebarComponent_div_12_Template, 7, 5, "div", 6);
|
|
4557
|
-
} if (rf & 2) {
|
|
4558
|
-
i0.ɵɵadvance(7);
|
|
4559
|
-
i0.ɵɵproperty("menuItems", ctx.menuItems);
|
|
4560
|
-
i0.ɵɵadvance(5);
|
|
4561
|
-
i0.ɵɵproperty("ngIf", ctx.version);
|
|
4562
|
-
} }, dependencies: [CommonModule, i1$3.NgIf, MatIconButton, MatIcon, CaucaMenuVerticalComponent, TranslateModule, 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}}"] }); }
|
|
4563
|
-
}
|
|
4564
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
|
|
4565
|
-
type: Component,
|
|
4566
|
-
args: [{ selector: 'cauca-menu-sidebar', imports: [CommonModule, MatIconButton, MatIcon, CaucaMenuVerticalComponent, TranslateModule], 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"] }]
|
|
4567
|
-
}], () => [], { menuItems: [{
|
|
4568
|
-
type: Input
|
|
4569
|
-
}], version: [{
|
|
4570
|
-
type: Input
|
|
4571
|
-
}], onResize: [{
|
|
4572
|
-
type: HostListener,
|
|
4573
|
-
args: ['window:resize', ['$event']]
|
|
4574
|
-
}] }); })();
|
|
4575
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib/components/deprecated-components/cauca-menu-sidebar/cauca-menu-sidebar.component.ts", lineNumber: 15 }); })();
|
|
4576
|
-
|
|
4577
|
-
class MenuItem {
|
|
4578
|
-
constructor(label, path, icon = '') {
|
|
4579
|
-
this.label = label;
|
|
4580
|
-
this.path = path;
|
|
4581
|
-
this.icon = icon;
|
|
4582
|
-
this.childs = [];
|
|
4583
|
-
}
|
|
4584
|
-
}
|
|
4585
|
-
|
|
4586
4203
|
const _c0 = ["container"];
|
|
4587
|
-
function
|
|
4588
|
-
i0.ɵɵ
|
|
4589
|
-
i0.ɵɵ
|
|
4590
|
-
i0.ɵɵ
|
|
4204
|
+
function CaucaSlideshowComponent_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
4205
|
+
i0.ɵɵdomElementStart(0, "div");
|
|
4206
|
+
i0.ɵɵdomElement(1, "img", 3);
|
|
4207
|
+
i0.ɵɵdomElementEnd();
|
|
4591
4208
|
} if (rf & 2) {
|
|
4592
4209
|
const url_r1 = ctx.$implicit;
|
|
4593
|
-
const
|
|
4210
|
+
const ɵ$index_3_r2 = ctx.$index;
|
|
4594
4211
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
4595
|
-
i0.ɵɵ
|
|
4212
|
+
i0.ɵɵclassProp("active", ɵ$index_3_r2 === ctx_r2.selectedIndex)("entering", ctx_r2.states[ɵ$index_3_r2] === "in")("leaving", ctx_r2.states[ɵ$index_3_r2] === "out");
|
|
4596
4213
|
i0.ɵɵadvance();
|
|
4597
|
-
i0.ɵɵ
|
|
4214
|
+
i0.ɵɵdomProperty("src", url_r1, i0.ɵɵsanitizeUrl);
|
|
4598
4215
|
} }
|
|
4599
4216
|
class CaucaSlideshowComponent {
|
|
4600
4217
|
constructor() {
|
|
4601
4218
|
this.height = '150px';
|
|
4602
4219
|
this.autoPlay = true;
|
|
4603
|
-
this.timer = null;
|
|
4604
|
-
this.items = [];
|
|
4605
4220
|
this.states = [];
|
|
4606
4221
|
this.selectedIndex = 0;
|
|
4222
|
+
this.timer = null;
|
|
4223
|
+
this.items = [];
|
|
4607
4224
|
}
|
|
4608
4225
|
set images(list) {
|
|
4609
4226
|
this.items = list;
|
|
@@ -4649,64 +4266,18 @@ class CaucaSlideshowComponent {
|
|
|
4649
4266
|
} if (rf & 2) {
|
|
4650
4267
|
let _t;
|
|
4651
4268
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
|
|
4652
|
-
} }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, decls:
|
|
4653
|
-
i0.ɵɵ
|
|
4654
|
-
i0.ɵɵ
|
|
4655
|
-
i0.ɵɵ
|
|
4269
|
+
} }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, decls: 4, vars: 0, consts: [["container", ""], [1, "slideshow"], [3, "active", "entering", "leaving"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4270
|
+
i0.ɵɵdomElementStart(0, "div", 1, 0);
|
|
4271
|
+
i0.ɵɵrepeaterCreate(2, CaucaSlideshowComponent_For_3_Template, 2, 7, "div", 2, i0.ɵɵrepeaterTrackByIdentity);
|
|
4272
|
+
i0.ɵɵdomElementEnd();
|
|
4656
4273
|
} if (rf & 2) {
|
|
4657
4274
|
i0.ɵɵadvance(2);
|
|
4658
|
-
i0.ɵɵ
|
|
4659
|
-
} },
|
|
4660
|
-
trigger('slideUpDown', [
|
|
4661
|
-
state('in', style({ transform: 'translateY(0%)' })),
|
|
4662
|
-
state('out', style({ transform: 'translateY(-100%)' })),
|
|
4663
|
-
transition('in => out', [
|
|
4664
|
-
animate('500ms ease-in')
|
|
4665
|
-
]),
|
|
4666
|
-
transition('out => in', [
|
|
4667
|
-
style({ transform: 'translateY(100%)' }),
|
|
4668
|
-
animate('500ms ease-in')
|
|
4669
|
-
]),
|
|
4670
|
-
]),
|
|
4671
|
-
trigger('slideLeftRight', [
|
|
4672
|
-
state('in', style({ transform: 'translateX(0%)' })),
|
|
4673
|
-
state('out', style({ transform: 'translateX(-100%)' })),
|
|
4674
|
-
transition('in => out', [
|
|
4675
|
-
animate('500ms ease-in')
|
|
4676
|
-
]),
|
|
4677
|
-
transition('out => in', [
|
|
4678
|
-
style({ transform: 'translateX(100%)' }),
|
|
4679
|
-
animate('500ms ease-in')
|
|
4680
|
-
]),
|
|
4681
|
-
]),
|
|
4682
|
-
] } }); }
|
|
4275
|
+
i0.ɵɵrepeater(ctx.images);
|
|
4276
|
+
} }, styles: [".slideshow[_ngcontent-%COMP%]{margin:0 auto;position:relative;overflow:hidden}.slideshow[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(100%);opacity:0}.slideshow[_ngcontent-%COMP%] > div.active[_ngcontent-%COMP%]{transform:translate(0);opacity:1}.slideshow[_ngcontent-%COMP%] > div.leaving[_ngcontent-%COMP%]{transform:translate(-100%);opacity:0}.slideshow[_ngcontent-%COMP%] > div.entering[_ngcontent-%COMP%]{transform:translate(0);opacity:1}img[_ngcontent-%COMP%]{max-height:100%;max-width:100%;margin:0 auto;display:block}"] }); }
|
|
4683
4277
|
}
|
|
4684
4278
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
|
|
4685
4279
|
type: Component,
|
|
4686
|
-
args: [{ selector: 'cauca-slideshow', imports: [
|
|
4687
|
-
trigger('slideUpDown', [
|
|
4688
|
-
state('in', style({ transform: 'translateY(0%)' })),
|
|
4689
|
-
state('out', style({ transform: 'translateY(-100%)' })),
|
|
4690
|
-
transition('in => out', [
|
|
4691
|
-
animate('500ms ease-in')
|
|
4692
|
-
]),
|
|
4693
|
-
transition('out => in', [
|
|
4694
|
-
style({ transform: 'translateY(100%)' }),
|
|
4695
|
-
animate('500ms ease-in')
|
|
4696
|
-
]),
|
|
4697
|
-
]),
|
|
4698
|
-
trigger('slideLeftRight', [
|
|
4699
|
-
state('in', style({ transform: 'translateX(0%)' })),
|
|
4700
|
-
state('out', style({ transform: 'translateX(-100%)' })),
|
|
4701
|
-
transition('in => out', [
|
|
4702
|
-
animate('500ms ease-in')
|
|
4703
|
-
]),
|
|
4704
|
-
transition('out => in', [
|
|
4705
|
-
style({ transform: 'translateX(100%)' }),
|
|
4706
|
-
animate('500ms ease-in')
|
|
4707
|
-
]),
|
|
4708
|
-
]),
|
|
4709
|
-
], template: "<div #container class=\"slideshow\">\n <div *ngFor=\"let url of images; let index = index;\" [@slideLeftRight]=\"getState(index)\">\n <img [src]=\"url\" />\n </div>\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute}img{max-height:100%;max-width:100%;margin:0 auto;display:block}\n"] }]
|
|
4280
|
+
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\n @for (url of images; track url; let index = $index) {\n <div [class.active]=\"index === selectedIndex\" [class.entering]=\"states[index] === 'in'\" [class.leaving]=\"states[index] === 'out'\">\n <img [src]=\"url\" />\n </div>\n }\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(100%);opacity:0}.slideshow>div.active{transform:translate(0);opacity:1}.slideshow>div.leaving{transform:translate(-100%);opacity:0}.slideshow>div.entering{transform:translate(0);opacity:1}img{max-height:100%;max-width:100%;margin:0 auto;display:block}\n"] }]
|
|
4710
4281
|
}], null, { container: [{
|
|
4711
4282
|
type: ViewChild,
|
|
4712
4283
|
args: ['container', { static: true }]
|
|
@@ -4717,7 +4288,7 @@ class CaucaSlideshowComponent {
|
|
|
4717
4288
|
}], images: [{
|
|
4718
4289
|
type: Input
|
|
4719
4290
|
}] }); })();
|
|
4720
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib/components/deprecated-components/cauca-slideshow/cauca-slideshow.component.ts", lineNumber:
|
|
4291
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib/components/deprecated-components/cauca-slideshow/cauca-slideshow.component.ts", lineNumber: 10 }); })();
|
|
4721
4292
|
|
|
4722
4293
|
/*
|
|
4723
4294
|
* Public API Surface of cauca-material
|
|
@@ -4727,5 +4298,5 @@ class CaucaSlideshowComponent {
|
|
|
4727
4298
|
* Generated bundle index. Do not edit.
|
|
4728
4299
|
*/
|
|
4729
4300
|
|
|
4730
|
-
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService,
|
|
4301
|
+
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelComponent, FabButtonComponent, FlatButtonComponent, FormErrorModule, GroupContainerComponent, HasErrorDirective, HasErrorRootDirective, IconButtonComponent, IconComponent, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SavingConfirmedBoxComponent, SavingErrorBoxComponent, SectionColumnComponent, SectionFieldComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent, provideCaucaMaterial };
|
|
4731
4302
|
//# sourceMappingURL=cauca-911-material.mjs.map
|