@cauca-911/material 20.2.12 → 21.0.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +20 -20
- package/README.md +4 -4
- package/assets/i18n/cauca/en-material.json +104 -104
- package/assets/i18n/cauca/es-material.json +104 -104
- package/assets/i18n/cauca/fr-material.json +106 -106
- package/fesm2022/cauca-911-material.mjs +360 -685
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/package.json +9 -9
- package/{index.d.ts → types/cauca-911-material.d.ts} +13 -53
|
@@ -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,23 +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
|
|
45
|
+
import { RouterModule, Router } from '@angular/router';
|
|
46
46
|
import { MatTabGroup, MatTab } from '@angular/material/tabs';
|
|
47
47
|
|
|
48
48
|
class CaucaMaterialService {
|
|
@@ -76,32 +76,34 @@ class CaucaMaterialComponent {
|
|
|
76
76
|
|
|
77
77
|
class MobileTimePickerComponent {
|
|
78
78
|
constructor() {
|
|
79
|
-
this.
|
|
79
|
+
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
80
|
+
this.options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
81
|
+
this.valueChange = output();
|
|
80
82
|
}
|
|
81
83
|
valueUp() {
|
|
82
|
-
const currentIndex = this.options.indexOf(this.value);
|
|
84
|
+
const currentIndex = this.options().indexOf(this.value());
|
|
83
85
|
let newValue = 0;
|
|
84
|
-
if (currentIndex === this.options.length - 1) {
|
|
85
|
-
newValue = this.options[0];
|
|
86
|
+
if (currentIndex === this.options().length - 1) {
|
|
87
|
+
newValue = this.options()[0];
|
|
86
88
|
}
|
|
87
89
|
else {
|
|
88
|
-
newValue = this.options[currentIndex + 1];
|
|
90
|
+
newValue = this.options()[currentIndex + 1];
|
|
89
91
|
}
|
|
90
92
|
this.valueChange.emit(newValue);
|
|
91
93
|
}
|
|
92
94
|
valueDown() {
|
|
93
|
-
const currentIndex = this.options.indexOf(this.value);
|
|
95
|
+
const currentIndex = this.options().indexOf(this.value());
|
|
94
96
|
let newValue = 0;
|
|
95
97
|
if (currentIndex === 0) {
|
|
96
|
-
newValue = this.options[this.options.length - 1];
|
|
98
|
+
newValue = this.options()[this.options().length - 1];
|
|
97
99
|
}
|
|
98
100
|
else {
|
|
99
|
-
newValue = this.options[currentIndex - 1];
|
|
101
|
+
newValue = this.options()[currentIndex - 1];
|
|
100
102
|
}
|
|
101
103
|
this.valueChange.emit(newValue);
|
|
102
104
|
}
|
|
103
105
|
static { this.ɵfac = function MobileTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileTimePickerComponent)(); }; }
|
|
104
|
-
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) {
|
|
105
107
|
i0.ɵɵelementStart(0, "button", 0);
|
|
106
108
|
i0.ɵɵlistener("click", function MobileTimePickerComponent_Template_button_click_0_listener() { return ctx.valueUp(); });
|
|
107
109
|
i0.ɵɵelementStart(1, "mat-icon");
|
|
@@ -117,9 +119,9 @@ class MobileTimePickerComponent {
|
|
|
117
119
|
i0.ɵɵelementEnd()();
|
|
118
120
|
} if (rf & 2) {
|
|
119
121
|
i0.ɵɵadvance(4);
|
|
120
|
-
i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
|
|
121
|
-
} }, dependencies: [MatButtonModule,
|
|
122
|
-
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 }); }
|
|
123
125
|
}
|
|
124
126
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
|
|
125
127
|
type: Component,
|
|
@@ -128,17 +130,9 @@ class MobileTimePickerComponent {
|
|
|
128
130
|
MatIconModule,
|
|
129
131
|
MatFormFieldModule,
|
|
130
132
|
MatInputModule
|
|
131
|
-
], 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"] }]
|
|
132
|
-
}], null, { value: [{
|
|
133
|
-
|
|
134
|
-
args: [{ required: true }]
|
|
135
|
-
}], options: [{
|
|
136
|
-
type: Input,
|
|
137
|
-
args: [{ required: true }]
|
|
138
|
-
}], valueChange: [{
|
|
139
|
-
type: Output
|
|
140
|
-
}] }); })();
|
|
141
|
-
(() => { (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()\">\r\n <mat-icon>keyboard_arrow_up</mat-icon>\r\n</button>\r\n<div>\r\n{{(value() < 10 ? '0' : '' ) + value()}}\r\n</div>\r\n<button mat-icon-button (click)=\"valueDown()\">\r\n <mat-icon>keyboard_arrow_down</mat-icon>\r\n</button>\r\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 }); })();
|
|
142
136
|
|
|
143
137
|
function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
144
138
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -167,13 +161,13 @@ class DesktopTimePickerComponent {
|
|
|
167
161
|
i0.ɵɵproperty("disabled", ctx.disabled == null ? null : ctx.disabled.all);
|
|
168
162
|
i0.ɵɵadvance();
|
|
169
163
|
i0.ɵɵrepeater(ctx.options);
|
|
170
|
-
} }, 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)}"] }); }
|
|
171
165
|
}
|
|
172
166
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
|
|
173
167
|
type: Component,
|
|
174
168
|
args: [{ selector: 'cauca-desktop-time-picker', imports: [
|
|
175
169
|
MatListModule
|
|
176
|
-
], template: "<mat-list [disabled]=\"disabled?.all\">\n @for (option of options; track option) {\n <mat-list-item [activated]=\"value === option\" [disabled]=\"disabled?.someOptions.includes(option)\"\n (click)=\"valueChange.emit(option)\">{{(option < 10 ? '0' : '' ) + option}}</mat-list-item>\n }\n</mat-list>", styles: ["mat-list{width:50px;padding:0}mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}>div::-webkit-scrollbar{display:none}::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
|
|
170
|
+
], template: "<mat-list [disabled]=\"disabled?.all\">\r\n @for (option of options; track option) {\r\n <mat-list-item [activated]=\"value === option\" [disabled]=\"disabled?.someOptions.includes(option)\"\r\n (click)=\"valueChange.emit(option)\">{{(option < 10 ? '0' : '' ) + option}}</mat-list-item>\r\n }\r\n</mat-list>", styles: ["mat-list{width:50px;padding:0}mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}>div::-webkit-scrollbar{display:none}::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
|
|
177
171
|
}], null, { options: [{
|
|
178
172
|
type: Input
|
|
179
173
|
}], value: [{
|
|
@@ -185,71 +179,71 @@ class DesktopTimePickerComponent {
|
|
|
185
179
|
}] }); })();
|
|
186
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 }); })();
|
|
187
181
|
|
|
188
|
-
const _c0$
|
|
189
|
-
function
|
|
182
|
+
const _c0$c = (a0, a1) => ({ all: a0, someOptions: a1 });
|
|
183
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
190
184
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
191
|
-
i0.ɵɵelementStart(0, "div",
|
|
192
|
-
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)); });
|
|
193
187
|
i0.ɵɵelementEnd()();
|
|
194
188
|
} if (rf & 2) {
|
|
195
189
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
196
190
|
i0.ɵɵadvance();
|
|
197
|
-
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);
|
|
198
192
|
} }
|
|
199
|
-
function
|
|
193
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
200
194
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
201
|
-
i0.ɵɵelementStart(0, "div",
|
|
202
|
-
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)); });
|
|
203
197
|
i0.ɵɵelementEnd()();
|
|
204
198
|
} if (rf & 2) {
|
|
205
199
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
206
200
|
i0.ɵɵadvance();
|
|
207
201
|
i0.ɵɵproperty("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
|
|
208
202
|
} }
|
|
209
|
-
function
|
|
210
|
-
i0.ɵɵelementStart(0, "div",
|
|
203
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
204
|
+
i0.ɵɵelementStart(0, "div", 9);
|
|
211
205
|
i0.ɵɵtext(1, ":");
|
|
212
206
|
i0.ɵɵelementEnd();
|
|
213
207
|
} }
|
|
214
|
-
function
|
|
208
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
215
209
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
216
|
-
i0.ɵɵelementStart(0, "div",
|
|
217
|
-
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)); });
|
|
218
212
|
i0.ɵɵelementEnd()();
|
|
219
213
|
} if (rf & 2) {
|
|
220
214
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
221
215
|
i0.ɵɵadvance();
|
|
222
|
-
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);
|
|
223
217
|
} }
|
|
224
|
-
function
|
|
218
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
225
219
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
226
|
-
i0.ɵɵelementStart(0, "div",
|
|
227
|
-
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)); });
|
|
228
222
|
i0.ɵɵelementEnd()();
|
|
229
223
|
} if (rf & 2) {
|
|
230
224
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
231
225
|
i0.ɵɵadvance();
|
|
232
226
|
i0.ɵɵproperty("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
|
|
233
227
|
} }
|
|
234
|
-
function
|
|
235
|
-
i0.ɵɵelementStart(0, "div",
|
|
228
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
229
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
236
230
|
i0.ɵɵtext(1, ":");
|
|
237
231
|
i0.ɵɵelementEnd();
|
|
238
232
|
} }
|
|
239
|
-
function
|
|
233
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
240
234
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
241
|
-
i0.ɵɵelementStart(0, "div",
|
|
242
|
-
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)); });
|
|
243
237
|
i0.ɵɵelementEnd()();
|
|
244
238
|
} if (rf & 2) {
|
|
245
239
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
246
240
|
i0.ɵɵadvance();
|
|
247
|
-
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);
|
|
248
242
|
} }
|
|
249
|
-
function
|
|
243
|
+
function DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
250
244
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
251
|
-
i0.ɵɵelementStart(0, "div",
|
|
252
|
-
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)); });
|
|
253
247
|
i0.ɵɵelementEnd()();
|
|
254
248
|
} if (rf & 2) {
|
|
255
249
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -257,51 +251,58 @@ function DialogDateTimePickerComponent_Conditional_4_div_7_Template(rf, ctx) { i
|
|
|
257
251
|
i0.ɵɵproperty("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
|
|
258
252
|
} }
|
|
259
253
|
function DialogDateTimePickerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
260
|
-
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);
|
|
261
262
|
} if (rf & 2) {
|
|
262
263
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
263
|
-
i0.ɵɵ
|
|
264
|
+
i0.ɵɵconditional(!ctx_r1.showMobileUi ? 0 : -1);
|
|
264
265
|
i0.ɵɵadvance();
|
|
265
|
-
i0.ɵɵ
|
|
266
|
+
i0.ɵɵconditional(ctx_r1.showMobileUi ? 1 : -1);
|
|
266
267
|
i0.ɵɵadvance();
|
|
267
|
-
i0.ɵɵ
|
|
268
|
+
i0.ɵɵconditional(ctx_r1.showMobileUi ? 2 : -1);
|
|
268
269
|
i0.ɵɵadvance();
|
|
269
|
-
i0.ɵɵ
|
|
270
|
+
i0.ɵɵconditional(!ctx_r1.showMobileUi ? 3 : -1);
|
|
270
271
|
i0.ɵɵadvance();
|
|
271
|
-
i0.ɵɵ
|
|
272
|
+
i0.ɵɵconditional(ctx_r1.showMobileUi ? 4 : -1);
|
|
272
273
|
i0.ɵɵadvance();
|
|
273
|
-
i0.ɵɵ
|
|
274
|
+
i0.ɵɵconditional(ctx_r1.showSeconds() && ctx_r1.showMobileUi ? 5 : -1);
|
|
274
275
|
i0.ɵɵadvance();
|
|
275
|
-
i0.ɵɵ
|
|
276
|
+
i0.ɵɵconditional(ctx_r1.showSeconds() && !ctx_r1.showMobileUi ? 6 : -1);
|
|
276
277
|
i0.ɵɵadvance();
|
|
277
|
-
i0.ɵɵ
|
|
278
|
+
i0.ɵɵconditional(ctx_r1.showSeconds() && ctx_r1.showMobileUi ? 7 : -1);
|
|
278
279
|
} }
|
|
279
|
-
function
|
|
280
|
+
function DialogDateTimePickerComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
280
281
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
281
282
|
i0.ɵɵtext(1, "clear");
|
|
282
283
|
i0.ɵɵelementEnd();
|
|
283
284
|
} }
|
|
284
|
-
function
|
|
285
|
+
function DialogDateTimePickerComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
285
286
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
286
|
-
i0.ɵɵelementStart(0, "button",
|
|
287
|
-
i0.ɵɵlistener("click", function
|
|
288
|
-
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");
|
|
289
290
|
i0.ɵɵtext(2);
|
|
290
291
|
i0.ɵɵpipe(3, "translate");
|
|
291
292
|
i0.ɵɵelementEnd();
|
|
292
293
|
} if (rf & 2) {
|
|
293
294
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
294
295
|
i0.ɵɵadvance();
|
|
295
|
-
i0.ɵɵ
|
|
296
|
+
i0.ɵɵconditional(ctx_r1.showButtonIcons ? 1 : -1);
|
|
296
297
|
i0.ɵɵadvance();
|
|
297
298
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "material.clear"), " ");
|
|
298
299
|
} }
|
|
299
|
-
function
|
|
300
|
+
function DialogDateTimePickerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
300
301
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
301
302
|
i0.ɵɵtext(1, "cancel");
|
|
302
303
|
i0.ɵɵelementEnd();
|
|
303
304
|
} }
|
|
304
|
-
function
|
|
305
|
+
function DialogDateTimePickerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
305
306
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
306
307
|
i0.ɵɵtext(1, "check");
|
|
307
308
|
i0.ɵɵelementEnd();
|
|
@@ -315,7 +316,7 @@ class DialogDateTimePickerComponent {
|
|
|
315
316
|
this.selectedDate = null;
|
|
316
317
|
this.minimumDate = new Date();
|
|
317
318
|
this.maximumDate = new Date();
|
|
318
|
-
this.showSeconds = false;
|
|
319
|
+
this.showSeconds = signal(false, ...(ngDevMode ? [{ debugName: "showSeconds" }] : []));
|
|
319
320
|
this.showClearButton = true;
|
|
320
321
|
this.showButtonIcons = true;
|
|
321
322
|
this.hours = [...Array(24).keys()];
|
|
@@ -340,7 +341,7 @@ class DialogDateTimePickerComponent {
|
|
|
340
341
|
this.options = inject(MAT_DIALOG_DATA);
|
|
341
342
|
const options = this.options;
|
|
342
343
|
this.step = options.step || this.step;
|
|
343
|
-
this.showSeconds
|
|
344
|
+
this.showSeconds.set(options.showSeconds);
|
|
344
345
|
this.showButtonIcons = options.showButtonIcons ?? this.showButtonIcons;
|
|
345
346
|
this.showClearButton = options.showClearButton ?? this.showClearButton;
|
|
346
347
|
this.showTime.set(options.showTime ?? true);
|
|
@@ -469,47 +470,47 @@ class DialogDateTimePickerComponent {
|
|
|
469
470
|
static { this.ɵfac = function DialogDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogDateTimePickerComponent)(); }; }
|
|
470
471
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], hostBindings: function DialogDateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
471
472
|
i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, i0.ɵɵresolveWindow);
|
|
472
|
-
} }, 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) {
|
|
473
474
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "mat-calendar", 3);
|
|
474
475
|
i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
|
|
475
476
|
i0.ɵɵelementEnd()();
|
|
476
477
|
i0.ɵɵconditionalCreate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
|
|
477
478
|
i0.ɵɵelementEnd()();
|
|
478
479
|
i0.ɵɵelementStart(5, "div", 4);
|
|
479
|
-
i0.ɵɵ
|
|
480
|
+
i0.ɵɵconditionalCreate(6, DialogDateTimePickerComponent_Conditional_6_Template, 4, 4, "button", 5);
|
|
480
481
|
i0.ɵɵelementStart(7, "button", 6);
|
|
481
482
|
i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_7_listener() { return ctx.cancel(); });
|
|
482
|
-
i0.ɵɵ
|
|
483
|
+
i0.ɵɵconditionalCreate(8, DialogDateTimePickerComponent_Conditional_8_Template, 2, 0, "mat-icon");
|
|
483
484
|
i0.ɵɵtext(9);
|
|
484
485
|
i0.ɵɵpipe(10, "translate");
|
|
485
486
|
i0.ɵɵelementEnd();
|
|
486
|
-
i0.ɵɵelementStart(11, "button",
|
|
487
|
+
i0.ɵɵelementStart(11, "button", 7);
|
|
487
488
|
i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_11_listener() { return ctx.confirm(); });
|
|
488
|
-
i0.ɵɵ
|
|
489
|
+
i0.ɵɵconditionalCreate(12, DialogDateTimePickerComponent_Conditional_12_Template, 2, 0, "mat-icon");
|
|
489
490
|
i0.ɵɵtext(13);
|
|
490
491
|
i0.ɵɵpipe(14, "translate");
|
|
491
492
|
i0.ɵɵelementEnd()();
|
|
492
493
|
} if (rf & 2) {
|
|
493
494
|
i0.ɵɵadvance();
|
|
494
|
-
i0.ɵɵproperty("ngClass", ctx.showSeconds ? "show-seconds" : "hide-seconds");
|
|
495
|
+
i0.ɵɵproperty("ngClass", ctx.showSeconds() ? "show-seconds" : "hide-seconds");
|
|
495
496
|
i0.ɵɵadvance(2);
|
|
496
497
|
i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
|
|
497
498
|
i0.ɵɵadvance();
|
|
498
499
|
i0.ɵɵconditional(ctx.showTime() ? 4 : -1);
|
|
499
500
|
i0.ɵɵadvance(2);
|
|
500
|
-
i0.ɵɵ
|
|
501
|
+
i0.ɵɵconditional(ctx.showClearButton ? 6 : -1);
|
|
501
502
|
i0.ɵɵadvance(2);
|
|
502
|
-
i0.ɵɵ
|
|
503
|
+
i0.ɵɵconditional(ctx.showButtonIcons ? 8 : -1);
|
|
503
504
|
i0.ɵɵadvance();
|
|
504
505
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "material.cancel"), " ");
|
|
505
506
|
i0.ɵɵadvance(3);
|
|
506
|
-
i0.ɵɵ
|
|
507
|
+
i0.ɵɵconditional(ctx.showButtonIcons ? 12 : -1);
|
|
507
508
|
i0.ɵɵadvance();
|
|
508
509
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 12, "material.ok"), " ");
|
|
509
|
-
} }, dependencies: [CommonModule,
|
|
510
|
-
MatButtonModule,
|
|
510
|
+
} }, dependencies: [CommonModule, i3.NgClass, CaucaCoreForChildModule,
|
|
511
|
+
MatButtonModule, i1$1.MatButton, MatDatepickerModule, i2.MatCalendar, MatIconModule, i1$2.MatIcon, MatListModule,
|
|
511
512
|
MobileTimePickerComponent,
|
|
512
|
-
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 }); }
|
|
513
514
|
}
|
|
514
515
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
|
|
515
516
|
type: Component,
|
|
@@ -522,12 +523,12 @@ class DialogDateTimePickerComponent {
|
|
|
522
523
|
MatListModule,
|
|
523
524
|
MobileTimePickerComponent,
|
|
524
525
|
DesktopTimePickerComponent
|
|
525
|
-
], providers: [provideNativeDateAdapter()], template: "<div mat-dialog-content>\n
|
|
526
|
+
], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\r\n <div [ngClass]=\"showSeconds() ? 'show-seconds' : 'hide-seconds'\" class=\"date-time-picker\">\r\n <div class=\"calendar\">\r\n <mat-calendar\r\n [minDate]=\"minimumDate\"\r\n [maxDate]=\"maximumDate\"\r\n [selected]=\"selectedDate\"\r\n (selectedChange)=\"dateChanged($event)\"\r\n ></mat-calendar>\r\n </div>\r\n\r\n @if (showTime()) {\r\n @if (!showMobileUi) {\r\n <div class=\"hours\">\r\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\r\n </div>\r\n }\r\n @if (showMobileUi) {\r\n <div class=\"hours\">\r\n <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\r\n </div>\r\n }\r\n\r\n @if (showMobileUi) {\r\n <div class=\"hour-and-minute-separator\">:</div>\r\n }\r\n\r\n @if (!showMobileUi) {\r\n <div class=\"minutes\">\r\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\r\n </div>\r\n }\r\n @if (showMobileUi) {\r\n <div class=\"minutes\">\r\n <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\r\n </div>\r\n }\r\n\r\n @if (showSeconds() && showMobileUi) {\r\n <div class=\"minute-and-second-separator\">:</div>\r\n }\r\n @if (showSeconds() && !showMobileUi) {\r\n <div class=\"seconds\">\r\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\r\n </div>\r\n }\r\n @if (showSeconds() && showMobileUi) {\r\n <div class=\"seconds\">\r\n <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\r\n </div>\r\n }\r\n }\r\n </div>\r\n</div>\r\n\r\n<div mat-dialog-actions align=\"end\">\r\n @if (showClearButton) {\r\n <button mat-stroked-button (click)=\"clear()\">\r\n @if (showButtonIcons) {\r\n <mat-icon>clear</mat-icon>\r\n }\r\n {{'material.clear' | translate}}\r\n </button>\r\n }\r\n <button color=\"primary\" mat-stroked-button (click)=\"cancel()\">\r\n @if (showButtonIcons) {\r\n <mat-icon>cancel</mat-icon>\r\n }\r\n {{'material.cancel' | translate}}\r\n </button>\r\n <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\r\n @if (showButtonIcons) {\r\n <mat-icon>check</mat-icon>\r\n }\r\n {{'material.ok' | translate}}\r\n </button>\r\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"] }]
|
|
526
527
|
}], () => [], { onResize: [{
|
|
527
528
|
type: HostListener,
|
|
528
529
|
args: ['window:resize', ['$event']]
|
|
529
530
|
}] }); })();
|
|
530
|
-
(() => { (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 }); })();
|
|
531
532
|
|
|
532
533
|
function CaucaDateTimePickerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
533
534
|
i0.ɵɵelementStart(0, "mat-label");
|
|
@@ -671,7 +672,7 @@ class CaucaDateTimePickerComponent {
|
|
|
671
672
|
i0.ɵɵadvance();
|
|
672
673
|
i0.ɵɵproperty("value", ctx.stringDate);
|
|
673
674
|
} }, dependencies: [TranslateModule,
|
|
674
|
-
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%}"] }); }
|
|
675
676
|
}
|
|
676
677
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
|
|
677
678
|
type: Component,
|
|
@@ -688,7 +689,7 @@ class CaucaDateTimePickerComponent {
|
|
|
688
689
|
multi: true,
|
|
689
690
|
useExisting: forwardRef(() => CaucaDateTimePickerComponent),
|
|
690
691
|
}
|
|
691
|
-
], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing\">\n @if (label) {\n <mat-label>{{ translateLabel ? (label | translate) : label }}{{isRequired ? '*' : ''}}</mat-label>\n }\n <input (focusout)=\"onTouched()\" matInput [value]=\"stringDate\" readonly=\"readonly\">\n <button matSuffix mat-icon-button (click)=\"showDialog()\">\n <mat-icon>calendar_month</mat-icon>\n </button>\n</mat-form-field>", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
|
|
692
|
+
], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing\">\r\n @if (label) {\r\n <mat-label>{{ translateLabel ? (label | translate) : label }}{{isRequired ? '*' : ''}}</mat-label>\r\n }\r\n <input (focusout)=\"onTouched()\" matInput [value]=\"stringDate\" readonly=\"readonly\">\r\n <button matSuffix mat-icon-button (click)=\"showDialog()\">\r\n <mat-icon>calendar_month</mat-icon>\r\n </button>\r\n</mat-form-field>", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
|
|
692
693
|
}], null, { subscriptSizing: [{
|
|
693
694
|
type: Input
|
|
694
695
|
}], showTime: [{
|
|
@@ -748,7 +749,7 @@ class BaseButton {
|
|
|
748
749
|
}
|
|
749
750
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
|
|
750
751
|
type: Directive
|
|
751
|
-
}], 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"] }] }); })();
|
|
752
753
|
class BaseButtonWithLabel extends BaseButton {
|
|
753
754
|
constructor() {
|
|
754
755
|
super(...arguments);
|
|
@@ -761,7 +762,7 @@ class BaseButtonWithLabel extends BaseButton {
|
|
|
761
762
|
}
|
|
762
763
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
|
|
763
764
|
type: Directive
|
|
764
|
-
}], 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 }] }] }); })();
|
|
765
766
|
|
|
766
767
|
function BasicButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
767
768
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -847,7 +848,7 @@ class FabButtonComponent extends BaseButtonWithLabel {
|
|
|
847
848
|
i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
|
|
848
849
|
i0.ɵɵadvance();
|
|
849
850
|
i0.ɵɵconditional(ctx.showIcon() ? 1 : -1);
|
|
850
|
-
} }, 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 }); }
|
|
851
852
|
}
|
|
852
853
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FabButtonComponent, [{
|
|
853
854
|
type: Component,
|
|
@@ -942,9 +943,9 @@ function ButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
942
943
|
i0.ɵɵelementEnd();
|
|
943
944
|
} if (rf & 2) {
|
|
944
945
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
945
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
946
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
946
947
|
i0.ɵɵadvance();
|
|
947
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
948
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
948
949
|
} }
|
|
949
950
|
function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
950
951
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -956,11 +957,11 @@ function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
956
957
|
i0.ɵɵelementEnd()();
|
|
957
958
|
} if (rf & 2) {
|
|
958
959
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
959
|
-
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());
|
|
960
961
|
i0.ɵɵadvance();
|
|
961
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
962
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
962
963
|
i0.ɵɵadvance(2);
|
|
963
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
964
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
964
965
|
} }
|
|
965
966
|
function ButtonComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
966
967
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -968,9 +969,9 @@ function ButtonComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
968
969
|
i0.ɵɵelementEnd();
|
|
969
970
|
} if (rf & 2) {
|
|
970
971
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
971
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
972
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
972
973
|
i0.ɵɵadvance();
|
|
973
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
974
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
974
975
|
} }
|
|
975
976
|
function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
976
977
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
@@ -982,11 +983,11 @@ function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
982
983
|
i0.ɵɵelementEnd()();
|
|
983
984
|
} if (rf & 2) {
|
|
984
985
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
985
|
-
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());
|
|
986
987
|
i0.ɵɵadvance();
|
|
987
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
988
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
988
989
|
i0.ɵɵadvance(2);
|
|
989
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
990
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
990
991
|
} }
|
|
991
992
|
function ButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
992
993
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -994,9 +995,9 @@ function ButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
994
995
|
i0.ɵɵelementEnd();
|
|
995
996
|
} if (rf & 2) {
|
|
996
997
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
997
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
998
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
998
999
|
i0.ɵɵadvance();
|
|
999
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1000
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1000
1001
|
} }
|
|
1001
1002
|
function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
1002
1003
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
@@ -1008,11 +1009,11 @@ function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
1008
1009
|
i0.ɵɵelementEnd()();
|
|
1009
1010
|
} if (rf & 2) {
|
|
1010
1011
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1011
|
-
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());
|
|
1012
1013
|
i0.ɵɵadvance();
|
|
1013
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1014
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1014
1015
|
i0.ɵɵadvance(2);
|
|
1015
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
1016
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
1016
1017
|
} }
|
|
1017
1018
|
function ButtonComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1018
1019
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1020,9 +1021,9 @@ function ButtonComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
1020
1021
|
i0.ɵɵelementEnd();
|
|
1021
1022
|
} if (rf & 2) {
|
|
1022
1023
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1023
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
1024
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1024
1025
|
i0.ɵɵadvance();
|
|
1025
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1026
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1026
1027
|
} }
|
|
1027
1028
|
function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
1028
1029
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
@@ -1034,11 +1035,11 @@ function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
1034
1035
|
i0.ɵɵelementEnd()();
|
|
1035
1036
|
} if (rf & 2) {
|
|
1036
1037
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1037
|
-
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());
|
|
1038
1039
|
i0.ɵɵadvance();
|
|
1039
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1040
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1040
1041
|
i0.ɵɵadvance(2);
|
|
1041
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
1042
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
1042
1043
|
} }
|
|
1043
1044
|
function ButtonComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1044
1045
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1046,9 +1047,9 @@ function ButtonComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
1046
1047
|
i0.ɵɵelementEnd();
|
|
1047
1048
|
} if (rf & 2) {
|
|
1048
1049
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1049
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
1050
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1050
1051
|
i0.ɵɵadvance();
|
|
1051
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1052
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1052
1053
|
} }
|
|
1053
1054
|
function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
1054
1055
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
@@ -1058,9 +1059,9 @@ function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
1058
1059
|
i0.ɵɵelementEnd();
|
|
1059
1060
|
} if (rf & 2) {
|
|
1060
1061
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1061
|
-
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());
|
|
1062
1063
|
i0.ɵɵadvance();
|
|
1063
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1064
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1064
1065
|
} }
|
|
1065
1066
|
function ButtonComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1066
1067
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1068,9 +1069,9 @@ function ButtonComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf
|
|
|
1068
1069
|
i0.ɵɵelementEnd();
|
|
1069
1070
|
} if (rf & 2) {
|
|
1070
1071
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1071
|
-
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
|
|
1072
|
+
i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
|
|
1072
1073
|
i0.ɵɵadvance();
|
|
1073
|
-
i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
|
|
1074
|
+
i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
|
|
1074
1075
|
} }
|
|
1075
1076
|
function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
1076
1077
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
@@ -1082,25 +1083,25 @@ function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
1082
1083
|
i0.ɵɵelementEnd()();
|
|
1083
1084
|
} if (rf & 2) {
|
|
1084
1085
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
1085
|
-
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());
|
|
1086
1087
|
i0.ɵɵadvance();
|
|
1087
|
-
i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
|
|
1088
|
+
i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
|
|
1088
1089
|
i0.ɵɵadvance(2);
|
|
1089
|
-
i0.ɵɵtextInterpolate(ctx_r1.label);
|
|
1090
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
1090
1091
|
} }
|
|
1091
1092
|
class ButtonComponent {
|
|
1092
1093
|
constructor() {
|
|
1093
|
-
this.class = null;
|
|
1094
|
-
this.inProgress = false;
|
|
1095
|
-
this.disable = false;
|
|
1096
|
-
this.label = '';
|
|
1097
|
-
this.icon = null;
|
|
1098
|
-
this.color = '';
|
|
1099
|
-
this.type = 'basic';
|
|
1100
|
-
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();
|
|
1101
1102
|
}
|
|
1102
1103
|
static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
|
|
1103
|
-
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) {
|
|
1104
1105
|
i0.ɵɵconditionalCreate(0, ButtonComponent_Conditional_0_Template, 4, 5, "button", 0);
|
|
1105
1106
|
i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_1_Template, 4, 5, "button", 1);
|
|
1106
1107
|
i0.ɵɵconditionalCreate(2, ButtonComponent_Conditional_2_Template, 4, 5, "button", 2);
|
|
@@ -1108,40 +1109,24 @@ class ButtonComponent {
|
|
|
1108
1109
|
i0.ɵɵconditionalCreate(4, ButtonComponent_Conditional_4_Template, 2, 4, "button", 4);
|
|
1109
1110
|
i0.ɵɵconditionalCreate(5, ButtonComponent_Conditional_5_Template, 4, 5, "button", 5);
|
|
1110
1111
|
} if (rf & 2) {
|
|
1111
|
-
i0.ɵɵconditional(ctx.type === "basic" ? 0 : -1);
|
|
1112
|
+
i0.ɵɵconditional(ctx.type() === "basic" ? 0 : -1);
|
|
1112
1113
|
i0.ɵɵadvance();
|
|
1113
|
-
i0.ɵɵconditional(ctx.type === "raised" ? 1 : -1);
|
|
1114
|
+
i0.ɵɵconditional(ctx.type() === "raised" ? 1 : -1);
|
|
1114
1115
|
i0.ɵɵadvance();
|
|
1115
|
-
i0.ɵɵconditional(ctx.type === "stroked" ? 2 : -1);
|
|
1116
|
+
i0.ɵɵconditional(ctx.type() === "stroked" ? 2 : -1);
|
|
1116
1117
|
i0.ɵɵadvance();
|
|
1117
|
-
i0.ɵɵconditional(ctx.type === "flat" ? 3 : -1);
|
|
1118
|
+
i0.ɵɵconditional(ctx.type() === "flat" ? 3 : -1);
|
|
1118
1119
|
i0.ɵɵadvance();
|
|
1119
|
-
i0.ɵɵconditional(ctx.type === "icon" ? 4 : -1);
|
|
1120
|
+
i0.ɵɵconditional(ctx.type() === "icon" ? 4 : -1);
|
|
1120
1121
|
i0.ɵɵadvance();
|
|
1121
|
-
i0.ɵɵconditional(ctx.type === "fab" ? 5 : -1);
|
|
1122
|
-
} }, 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 }); }
|
|
1123
1124
|
}
|
|
1124
1125
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
1125
1126
|
type: Component,
|
|
1126
|
-
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"] }]
|
|
1127
|
-
}], null, { class: [{
|
|
1128
|
-
|
|
1129
|
-
}], inProgress: [{
|
|
1130
|
-
type: Input
|
|
1131
|
-
}], disable: [{
|
|
1132
|
-
type: Input
|
|
1133
|
-
}], label: [{
|
|
1134
|
-
type: Input
|
|
1135
|
-
}], icon: [{
|
|
1136
|
-
type: Input
|
|
1137
|
-
}], color: [{
|
|
1138
|
-
type: Input
|
|
1139
|
-
}], type: [{
|
|
1140
|
-
type: Input
|
|
1141
|
-
}], buttonClick: [{
|
|
1142
|
-
type: Output
|
|
1143
|
-
}] }); })();
|
|
1144
|
-
(() => { (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') {\r\n <button [ngClass]=\"class()\" mat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-basic\">\r\n @if (inProgress() || icon()) {\r\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\r\n }\r\n <span>{{label()}}</span>\r\n </button>\r\n}\r\n\r\n@if (type() === 'raised') {\r\n <button [ngClass]=\"class()\" matButton=\"elevated\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-raised\">\r\n @if (inProgress() || icon()) {\r\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\r\n }\r\n <span>{{label()}}</span>\r\n </button>\r\n}\r\n\r\n@if (type() === 'stroked') {\r\n <button [ngClass]=\"class()\" matButton=\"outlined\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-stroked\">\r\n @if (inProgress() || icon()) {\r\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\r\n }\r\n <span>{{label()}}</span>\r\n </button>\r\n}\r\n\r\n@if (type() === 'flat') {\r\n <button [ngClass]=\"class()\" matButton=\"filled\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-flat\">\r\n @if (inProgress() || icon()) {\r\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\r\n }\r\n <span>{{label()}}</span>\r\n </button>\r\n}\r\n\r\n@if (type() === 'icon') {\r\n <button [ngClass]=\"class()\" matIconButton (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\r\n @if (inProgress() || icon()) {\r\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\r\n }\r\n </button>\r\n}\r\n\r\n@if (type() === 'fab') {\r\n <button [ngClass]=\"class()\" matFab (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\r\n @if (inProgress() || icon()) {\r\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\r\n }\r\n <span>{{label()}}</span>\r\n </button>\r\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 }); })();
|
|
1145
1130
|
|
|
1146
1131
|
class LinkButtonComponent {
|
|
1147
1132
|
constructor(clipboard) {
|
|
@@ -1165,7 +1150,7 @@ class LinkButtonComponent {
|
|
|
1165
1150
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkButtonComponent, [{
|
|
1166
1151
|
type: Component,
|
|
1167
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"] }]
|
|
1168
|
-
}], () => [{ type: i1$5.Clipboard }],
|
|
1153
|
+
}], () => [{ type: i1$5.Clipboard }], { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }] }); })();
|
|
1169
1154
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/components/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
|
|
1170
1155
|
|
|
1171
1156
|
function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1230,7 +1215,7 @@ class MenuItemComponent extends BaseButtonWithLabel {
|
|
|
1230
1215
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
|
|
1231
1216
|
type: Component,
|
|
1232
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"] }]
|
|
1233
|
-
}], 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 }] }] }); })();
|
|
1234
1219
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/components/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
|
|
1235
1220
|
|
|
1236
1221
|
function RaisedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1283,7 +1268,7 @@ class RaisedButtonComponent extends BaseButtonWithLabel {
|
|
|
1283
1268
|
i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
|
|
1284
1269
|
i0.ɵɵadvance(2);
|
|
1285
1270
|
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
|
|
1286
|
-
} }, 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 }); }
|
|
1287
1272
|
}
|
|
1288
1273
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
|
|
1289
1274
|
type: Component,
|
|
@@ -1408,7 +1393,7 @@ class StrokedButtonComponent extends BaseButtonWithLabel {
|
|
|
1408
1393
|
i0.ɵɵconditional(ctx.label() ? 2 : -1);
|
|
1409
1394
|
i0.ɵɵadvance();
|
|
1410
1395
|
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 3 : -1);
|
|
1411
|
-
} }, 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 }); }
|
|
1412
1397
|
}
|
|
1413
1398
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrokedButtonComponent, [{
|
|
1414
1399
|
type: Component,
|
|
@@ -1430,7 +1415,7 @@ class AlertDialogComponent {
|
|
|
1430
1415
|
closeClick() {
|
|
1431
1416
|
this.dialogRef.close();
|
|
1432
1417
|
}
|
|
1433
|
-
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)); }; }
|
|
1434
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) {
|
|
1435
1420
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
1436
1421
|
i0.ɵɵtext(2);
|
|
@@ -1451,15 +1436,15 @@ class AlertDialogComponent {
|
|
|
1451
1436
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title));
|
|
1452
1437
|
i0.ɵɵadvance(5);
|
|
1453
1438
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.message));
|
|
1454
|
-
} }, 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}"] }); }
|
|
1455
1440
|
}
|
|
1456
1441
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
|
|
1457
1442
|
type: Component,
|
|
1458
|
-
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>\r\n <div class=\"h6\">{{ title | translate }}</div>\r\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\r\n</div>\r\n<div class=\"alert-dialog-content\" mat-dialog-content>\r\n <p>{{ message | translate }}</p>\r\n</div>\r\n<mat-dialog-actions align=\"end\">\r\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\r\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"] }]
|
|
1459
1444
|
}], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1460
1445
|
type: Inject,
|
|
1461
1446
|
args: [MAT_DIALOG_DATA]
|
|
1462
|
-
}] }, { type: i2$
|
|
1447
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1463
1448
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/components/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 17 }); })();
|
|
1464
1449
|
|
|
1465
1450
|
class ConfirmDialogComponent {
|
|
@@ -1483,7 +1468,7 @@ class ConfirmDialogComponent {
|
|
|
1483
1468
|
cancelClick() {
|
|
1484
1469
|
this.dialogRef.close(ConfirmationResult.Cancel);
|
|
1485
1470
|
}
|
|
1486
|
-
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)); }; }
|
|
1487
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) {
|
|
1488
1473
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
1489
1474
|
i0.ɵɵtext(2);
|
|
@@ -1511,15 +1496,15 @@ class ConfirmDialogComponent {
|
|
|
1511
1496
|
i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
|
|
1512
1497
|
i0.ɵɵadvance();
|
|
1513
1498
|
i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
|
|
1514
|
-
} }, 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}"] }); }
|
|
1515
1500
|
}
|
|
1516
1501
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
|
|
1517
1502
|
type: Component,
|
|
1518
|
-
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>\r\n <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\r\n <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\r\n </div>\r\n <div mat-dialog-content>\r\n <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\r\n </div>\r\n <mat-dialog-actions align=\"end\" class=\"action-buttons\">\r\n <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\r\n <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\r\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"] }]
|
|
1519
1504
|
}], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1520
1505
|
type: Inject,
|
|
1521
1506
|
args: [MAT_DIALOG_DATA]
|
|
1522
|
-
}] }, { type: i2$
|
|
1507
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1523
1508
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 19 }); })();
|
|
1524
1509
|
|
|
1525
1510
|
function TextInputDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1638,7 +1623,7 @@ class TextInputDialogComponent {
|
|
|
1638
1623
|
i0.ɵɵproperty("label", ctx.cancelButtonLabel);
|
|
1639
1624
|
i0.ɵɵadvance();
|
|
1640
1625
|
i0.ɵɵproperty("isDisabled", !ctx.form.valid)("label", ctx.validateButtonLabel);
|
|
1641
|
-
} }, 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}"] }); }
|
|
1642
1627
|
}
|
|
1643
1628
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputDialogComponent, [{
|
|
1644
1629
|
type: Component,
|
|
@@ -1656,8 +1641,8 @@ class DeleteDialogData {
|
|
|
1656
1641
|
}
|
|
1657
1642
|
}
|
|
1658
1643
|
|
|
1659
|
-
const _c0$
|
|
1660
|
-
const _c1$
|
|
1644
|
+
const _c0$b = a0 => ({ itemName: a0 });
|
|
1645
|
+
const _c1$2 = a0 => ({ itemType: a0 });
|
|
1661
1646
|
function DeleteDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1662
1647
|
i0.ɵɵelementStart(0, "div", 1);
|
|
1663
1648
|
i0.ɵɵtext(1);
|
|
@@ -1666,7 +1651,7 @@ function DeleteDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
1666
1651
|
} if (rf & 2) {
|
|
1667
1652
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
1668
1653
|
i0.ɵɵadvance();
|
|
1669
|
-
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)));
|
|
1670
1655
|
} }
|
|
1671
1656
|
function DeleteDialogComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
1672
1657
|
i0.ɵɵelementStart(0, "div", 1);
|
|
@@ -1676,7 +1661,7 @@ function DeleteDialogComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
1676
1661
|
} if (rf & 2) {
|
|
1677
1662
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
1678
1663
|
i0.ɵɵadvance();
|
|
1679
|
-
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)));
|
|
1680
1665
|
} }
|
|
1681
1666
|
class DeleteDialogComponent {
|
|
1682
1667
|
constructor(dialogRef, data, breakdownObserver) {
|
|
@@ -1697,7 +1682,7 @@ class DeleteDialogComponent {
|
|
|
1697
1682
|
closeClick() {
|
|
1698
1683
|
this.dialogRef.close(false);
|
|
1699
1684
|
}
|
|
1700
|
-
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)); }; }
|
|
1701
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) {
|
|
1702
1687
|
i0.ɵɵelementStart(0, "div", 0);
|
|
1703
1688
|
i0.ɵɵconditionalCreate(1, DeleteDialogComponent_Conditional_1_Template, 3, 6, "div", 1)(2, DeleteDialogComponent_Conditional_2_Template, 3, 6, "div", 1);
|
|
@@ -1718,19 +1703,19 @@ class DeleteDialogComponent {
|
|
|
1718
1703
|
i0.ɵɵadvance();
|
|
1719
1704
|
i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
|
|
1720
1705
|
i0.ɵɵadvance(5);
|
|
1721
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$
|
|
1722
|
-
} }, 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}"] }); }
|
|
1723
1708
|
}
|
|
1724
1709
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
|
|
1725
1710
|
type: Component,
|
|
1726
|
-
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>\r\n @if (itemGenderIsFemale)\r\n {\r\n <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\r\n } @else\r\n {\r\n <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\r\n }\r\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\r\n</div>\r\n<div mat-dialog-content>\r\n <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\r\n</div>\r\n<mat-dialog-actions align=\"end\">\r\n <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\r\n <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\r\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"] }]
|
|
1727
1712
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1728
1713
|
type: Inject,
|
|
1729
1714
|
args: [MAT_DIALOG_DATA]
|
|
1730
|
-
}] }, { type: i2$
|
|
1715
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1731
1716
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/components/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 18 }); })();
|
|
1732
1717
|
|
|
1733
|
-
const _c0$
|
|
1718
|
+
const _c0$a = a0 => ({ itemName: a0 });
|
|
1734
1719
|
class ErrorDialogComponent {
|
|
1735
1720
|
constructor(dialogRef, data, breakdownObserver) {
|
|
1736
1721
|
this.dialogRef = dialogRef;
|
|
@@ -1743,7 +1728,7 @@ class ErrorDialogComponent {
|
|
|
1743
1728
|
closeClick() {
|
|
1744
1729
|
this.dialogRef.close();
|
|
1745
1730
|
}
|
|
1746
|
-
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)); }; }
|
|
1747
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) {
|
|
1748
1733
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
1749
1734
|
i0.ɵɵtext(2);
|
|
@@ -1763,16 +1748,16 @@ class ErrorDialogComponent {
|
|
|
1763
1748
|
i0.ɵɵadvance(2);
|
|
1764
1749
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "errorDialog.titleError"));
|
|
1765
1750
|
i0.ɵɵadvance(5);
|
|
1766
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$
|
|
1767
|
-
} }, 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}"] }); }
|
|
1768
1753
|
}
|
|
1769
1754
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
|
|
1770
1755
|
type: Component,
|
|
1771
|
-
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>\r\n <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\r\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\r\n</div>\r\n<div mat-dialog-content>\r\n <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\r\n</div>\r\n<mat-dialog-actions align=\"end\">\r\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (buttonClick)=\"closeClick()\"/>\r\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"] }]
|
|
1772
1757
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1773
1758
|
type: Inject,
|
|
1774
1759
|
args: [MAT_DIALOG_DATA]
|
|
1775
|
-
}] }, { type: i2$
|
|
1760
|
+
}] }, { type: i2$1.BreakpointObserver }], null); })();
|
|
1776
1761
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/components/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 17 }); })();
|
|
1777
1762
|
|
|
1778
1763
|
class DialogService {
|
|
@@ -1913,7 +1898,7 @@ class LoadingStateService {
|
|
|
1913
1898
|
type: Injectable
|
|
1914
1899
|
}], null, null); })();
|
|
1915
1900
|
|
|
1916
|
-
const _c0$
|
|
1901
|
+
const _c0$9 = ["*"];
|
|
1917
1902
|
function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
1918
1903
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
1919
1904
|
i0.ɵɵelementStart(0, "cauca-stroked-button", 7);
|
|
@@ -1954,7 +1939,7 @@ class SnackBarComponent {
|
|
|
1954
1939
|
this.buttonClick = new EventEmitter();
|
|
1955
1940
|
}
|
|
1956
1941
|
static { this.ɵfac = function SnackBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackBarComponent)(); }; }
|
|
1957
|
-
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) {
|
|
1958
1943
|
i0.ɵɵprojectionDef();
|
|
1959
1944
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-icon");
|
|
1960
1945
|
i0.ɵɵtext(3);
|
|
@@ -1984,7 +1969,7 @@ class SnackBarComponent {
|
|
|
1984
1969
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
|
|
1985
1970
|
type: Component,
|
|
1986
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"] }]
|
|
1987
|
-
}], 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: [{
|
|
1988
1973
|
type: Output
|
|
1989
1974
|
}], buttonClick: [{
|
|
1990
1975
|
type: Output
|
|
@@ -2045,7 +2030,7 @@ class LoadingSpinnerIndicatorComponent {
|
|
|
2045
2030
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingSpinnerIndicatorComponent, [{
|
|
2046
2031
|
type: Component,
|
|
2047
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" }]
|
|
2048
|
-
}], null,
|
|
2033
|
+
}], null, { diameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "diameter", required: false }] }] }); })();
|
|
2049
2034
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingSpinnerIndicatorComponent, { className: "LoadingSpinnerIndicatorComponent", filePath: "lib/components/misc/loading-spinner-indicator/loading-spinner-indicator.component.ts", lineNumber: 13 }); })();
|
|
2050
2035
|
|
|
2051
2036
|
class BadgeComponent {
|
|
@@ -2073,8 +2058,8 @@ class BadgeComponent {
|
|
|
2073
2058
|
}
|
|
2074
2059
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
2075
2060
|
type: Component,
|
|
2076
|
-
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"] }]
|
|
2077
|
-
}], null,
|
|
2061
|
+
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\r\n <div class=\"mat-chip-content\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n <div class=\"chip-label\">{{label() | translate}}</div>\r\n </div>\r\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
|
|
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 }] }] }); })();
|
|
2078
2063
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
2079
2064
|
|
|
2080
2065
|
function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2123,17 +2108,17 @@ class IconComponent {
|
|
|
2123
2108
|
}
|
|
2124
2109
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconComponent, [{
|
|
2125
2110
|
type: Component,
|
|
2126
|
-
args: [{ selector: 'cauca-icon', standalone: true, imports: [FontAwesomeModule], template: `
|
|
2127
|
-
@if (isFontAwesome && faIcon && faIcon.length > 0) {
|
|
2128
|
-
<div class="icon">
|
|
2129
|
-
<fa-icon [icon]="faIcon"></fa-icon>
|
|
2130
|
-
</div>
|
|
2131
|
-
}
|
|
2132
|
-
@if (!isFontAwesome && image) {
|
|
2133
|
-
<div class="icon">
|
|
2134
|
-
<img [src]="image" alt="icon" />
|
|
2135
|
-
</div>
|
|
2136
|
-
}
|
|
2111
|
+
args: [{ selector: 'cauca-icon', standalone: true, imports: [FontAwesomeModule], template: `
|
|
2112
|
+
@if (isFontAwesome && faIcon && faIcon.length > 0) {
|
|
2113
|
+
<div class="icon">
|
|
2114
|
+
<fa-icon [icon]="faIcon"></fa-icon>
|
|
2115
|
+
</div>
|
|
2116
|
+
}
|
|
2117
|
+
@if (!isFontAwesome && image) {
|
|
2118
|
+
<div class="icon">
|
|
2119
|
+
<img [src]="image" alt="icon" />
|
|
2120
|
+
</div>
|
|
2121
|
+
}
|
|
2137
2122
|
`, styles: ["img{max-height:40px;height:40px}fa-icon{max-height:40px;height:40px}\n"] }]
|
|
2138
2123
|
}], null, { icon: [{
|
|
2139
2124
|
type: Input
|
|
@@ -2255,12 +2240,12 @@ class ListPaginatorComponent {
|
|
|
2255
2240
|
i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
|
|
2256
2241
|
i0.ɵɵadvance();
|
|
2257
2242
|
i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
|
|
2258
|
-
} }, 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 }); }
|
|
2259
2244
|
}
|
|
2260
2245
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListPaginatorComponent, [{
|
|
2261
2246
|
type: Component,
|
|
2262
|
-
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
|
|
2263
|
-
}], 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: [{
|
|
2264
2249
|
type: Output
|
|
2265
2250
|
}] }); })();
|
|
2266
2251
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListPaginatorComponent, { className: "ListPaginatorComponent", filePath: "lib/components/list-paginator/list-paginator.component.ts", lineNumber: 12 }); })();
|
|
@@ -2299,12 +2284,12 @@ class PasswordCriteriaComponent {
|
|
|
2299
2284
|
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
2300
2285
|
i0.ɵɵadvance();
|
|
2301
2286
|
i0.ɵɵtextInterpolate(ctx.label());
|
|
2302
|
-
} }, 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}"] }); }
|
|
2303
2288
|
}
|
|
2304
2289
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
|
|
2305
2290
|
type: Component,
|
|
2306
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"] }]
|
|
2307
|
-
}], 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 }] }] }); })();
|
|
2308
2293
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib/components/inputs/password/password-criteria/password-criteria.component.ts", lineNumber: 13 }); })();
|
|
2309
2294
|
|
|
2310
2295
|
class PasswordCriteriaViewerComponent {
|
|
@@ -2330,7 +2315,7 @@ class PasswordCriteriaViewerComponent {
|
|
|
2330
2315
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
|
|
2331
2316
|
type: Component,
|
|
2332
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"] }]
|
|
2333
|
-
}], 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 }] }] }); })();
|
|
2334
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 }); })();
|
|
2335
2320
|
|
|
2336
2321
|
function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2339,18 +2324,18 @@ function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
2339
2324
|
i0.ɵɵpipe(2, "translate");
|
|
2340
2325
|
i0.ɵɵelementEnd();
|
|
2341
2326
|
} if (rf & 2) {
|
|
2342
|
-
const
|
|
2327
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2343
2328
|
i0.ɵɵadvance();
|
|
2344
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1,
|
|
2329
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.label()));
|
|
2345
2330
|
} }
|
|
2346
2331
|
function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2347
2332
|
i0.ɵɵelementStart(0, "mat-label");
|
|
2348
2333
|
i0.ɵɵtext(1);
|
|
2349
2334
|
i0.ɵɵelementEnd();
|
|
2350
2335
|
} if (rf & 2) {
|
|
2351
|
-
const
|
|
2336
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2352
2337
|
i0.ɵɵadvance();
|
|
2353
|
-
i0.ɵɵtextInterpolate(
|
|
2338
|
+
i0.ɵɵtextInterpolate(ctx_r0.label());
|
|
2354
2339
|
} }
|
|
2355
2340
|
class PasswordInputComponent {
|
|
2356
2341
|
constructor() {
|
|
@@ -2397,19 +2382,18 @@ class PasswordInputComponent {
|
|
|
2397
2382
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
2398
2383
|
},
|
|
2399
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) {
|
|
2400
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2401
2385
|
i0.ɵɵelementStart(0, "mat-form-field", 1);
|
|
2402
2386
|
i0.ɵɵconditionalCreate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
|
|
2403
2387
|
i0.ɵɵelementStart(3, "input", 2, 0);
|
|
2404
2388
|
i0.ɵɵpipe(5, "translate");
|
|
2405
|
-
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(); });
|
|
2406
2390
|
i0.ɵɵelementEnd();
|
|
2407
2391
|
i0.ɵɵelementStart(6, "mat-icon", 3);
|
|
2408
|
-
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()); });
|
|
2409
2393
|
i0.ɵɵtext(7);
|
|
2410
2394
|
i0.ɵɵelementEnd()();
|
|
2411
2395
|
} if (rf & 2) {
|
|
2412
|
-
const
|
|
2396
|
+
const password_r2 = i0.ɵɵreference(4);
|
|
2413
2397
|
i0.ɵɵadvance();
|
|
2414
2398
|
i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
|
|
2415
2399
|
i0.ɵɵadvance(2);
|
|
@@ -2417,8 +2401,8 @@ class PasswordInputComponent {
|
|
|
2417
2401
|
i0.ɵɵadvance(3);
|
|
2418
2402
|
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
2419
2403
|
i0.ɵɵadvance();
|
|
2420
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
2421
|
-
} }, 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}"] }); }
|
|
2422
2406
|
}
|
|
2423
2407
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
|
|
2424
2408
|
type: Component,
|
|
@@ -2429,7 +2413,7 @@ class PasswordInputComponent {
|
|
|
2429
2413
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
2430
2414
|
},
|
|
2431
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"] }]
|
|
2432
|
-
}], () => [],
|
|
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"] }] }); })();
|
|
2433
2417
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/components/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
|
|
2434
2418
|
|
|
2435
2419
|
class PasswordValidation {
|
|
@@ -2463,12 +2447,12 @@ class PasswordValidator {
|
|
|
2463
2447
|
}
|
|
2464
2448
|
}
|
|
2465
2449
|
|
|
2466
|
-
const _c0$
|
|
2450
|
+
const _c0$8 = ["*"];
|
|
2467
2451
|
function PasswordSelectionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
2468
2452
|
i0.ɵɵelement(0, "cauca-password-criteria-viewer", 5);
|
|
2469
2453
|
} if (rf & 2) {
|
|
2470
2454
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
2471
|
-
i0.ɵɵproperty("disabled", ctx_r0.disabled)("passwordValidation", ctx_r0.passwordValidation);
|
|
2455
|
+
i0.ɵɵproperty("disabled", ctx_r0.disabled())("passwordValidation", ctx_r0.passwordValidation);
|
|
2472
2456
|
} }
|
|
2473
2457
|
function PasswordSelectionComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
2474
2458
|
i0.ɵɵelement(0, "span");
|
|
@@ -2476,7 +2460,7 @@ function PasswordSelectionComponent_Conditional_7_Template(rf, ctx) { if (rf & 1
|
|
|
2476
2460
|
class PasswordSelectionComponent {
|
|
2477
2461
|
constructor(formBuilder) {
|
|
2478
2462
|
this.passwordValidation = new PasswordValidation();
|
|
2479
|
-
this.disabled = false;
|
|
2463
|
+
this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
2480
2464
|
this.direction = 'row';
|
|
2481
2465
|
this.formWidth = '50%';
|
|
2482
2466
|
this.showCriteriaOnlyWhenPasswordHasValue = input(true, ...(ngDevMode ? [{ debugName: "showCriteriaOnlyWhenPasswordHasValue" }] : []));
|
|
@@ -2528,7 +2512,7 @@ class PasswordSelectionComponent {
|
|
|
2528
2512
|
this.onTouched = fn;
|
|
2529
2513
|
}
|
|
2530
2514
|
setDisabledState(isDisabled) {
|
|
2531
|
-
this.disabled
|
|
2515
|
+
this.disabled.set(isDisabled);
|
|
2532
2516
|
if (isDisabled) {
|
|
2533
2517
|
this.form.get('password').disable();
|
|
2534
2518
|
this.form.get('confirmation').disable();
|
|
@@ -2547,7 +2531,7 @@ class PasswordSelectionComponent {
|
|
|
2547
2531
|
multi: true,
|
|
2548
2532
|
useExisting: forwardRef(() => PasswordSelectionComponent),
|
|
2549
2533
|
},
|
|
2550
|
-
])], 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) {
|
|
2551
2535
|
i0.ɵɵprojectionDef();
|
|
2552
2536
|
i0.ɵɵelementStart(0, "form", 0)(1, "div", 1);
|
|
2553
2537
|
i0.ɵɵelement(2, "cauca-password-input", 2)(3, "cauca-password-input", 3);
|
|
@@ -2565,17 +2549,17 @@ class PasswordSelectionComponent {
|
|
|
2565
2549
|
i0.ɵɵproperty("autocomplete", "new-password")("label", ctx.passwordConfirmationLabel())("translateLabel", true)("required", true);
|
|
2566
2550
|
i0.ɵɵadvance(3);
|
|
2567
2551
|
i0.ɵɵconditional(ctx.showCriteria() ? 6 : 7);
|
|
2568
|
-
} }, 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 }); }
|
|
2569
2553
|
}
|
|
2570
2554
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordSelectionComponent, [{
|
|
2571
2555
|
type: Component,
|
|
2572
|
-
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: [
|
|
2573
2557
|
{
|
|
2574
2558
|
provide: NG_VALUE_ACCESSOR,
|
|
2575
2559
|
multi: true,
|
|
2576
2560
|
useExisting: forwardRef(() => PasswordSelectionComponent),
|
|
2577
2561
|
},
|
|
2578
|
-
], 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"] }]
|
|
2579
2563
|
}], () => [{ type: i1$7.UntypedFormBuilder }], { direction: [{
|
|
2580
2564
|
type: Input
|
|
2581
2565
|
}, {
|
|
@@ -2586,8 +2570,8 @@ class PasswordSelectionComponent {
|
|
|
2586
2570
|
}, {
|
|
2587
2571
|
type: HostBinding,
|
|
2588
2572
|
args: ['style.form.width']
|
|
2589
|
-
}] }); })();
|
|
2590
|
-
(() => { (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 }); })();
|
|
2591
2575
|
|
|
2592
2576
|
class DateRangePickerComponent {
|
|
2593
2577
|
constructor() {
|
|
@@ -2608,9 +2592,8 @@ class DateRangePickerComponent {
|
|
|
2608
2592
|
}
|
|
2609
2593
|
static { this.ɵfac = function DateRangePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateRangePickerComponent)(); }; }
|
|
2610
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) {
|
|
2611
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2612
2595
|
i0.ɵɵelementStart(0, "mat-form-field", 1)(1, "mat-datepicker-toggle", 2);
|
|
2613
|
-
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(); });
|
|
2614
2597
|
i0.ɵɵelementStart(2, "mat-icon", 3);
|
|
2615
2598
|
i0.ɵɵtext(3, "clear");
|
|
2616
2599
|
i0.ɵɵelementEnd()();
|
|
@@ -2624,27 +2607,27 @@ class DateRangePickerComponent {
|
|
|
2624
2607
|
i0.ɵɵelement(10, "mat-datepicker-toggle", 7)(11, "mat-date-range-picker", null, 0);
|
|
2625
2608
|
i0.ɵɵelementEnd();
|
|
2626
2609
|
} if (rf & 2) {
|
|
2627
|
-
const
|
|
2610
|
+
const campaignOnePicker_r1 = i0.ɵɵreference(12);
|
|
2628
2611
|
i0.ɵɵadvance(5);
|
|
2629
2612
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "dateRangeSelectorLabel"));
|
|
2630
2613
|
i0.ɵɵadvance(2);
|
|
2631
|
-
i0.ɵɵproperty("formGroup", ctx.form)("rangePicker",
|
|
2614
|
+
i0.ɵɵproperty("formGroup", ctx.form)("rangePicker", campaignOnePicker_r1);
|
|
2632
2615
|
i0.ɵɵadvance();
|
|
2633
2616
|
i0.ɵɵproperty("readOnly", true);
|
|
2634
2617
|
i0.ɵɵadvance();
|
|
2635
2618
|
i0.ɵɵproperty("readOnly", true);
|
|
2636
2619
|
i0.ɵɵadvance();
|
|
2637
|
-
i0.ɵɵproperty("for",
|
|
2638
|
-
} }, 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 }); }
|
|
2639
2622
|
}
|
|
2640
2623
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateRangePickerComponent, [{
|
|
2641
2624
|
type: Component,
|
|
2642
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>" }]
|
|
2643
|
-
}], () => [],
|
|
2626
|
+
}], () => [], { range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }] }); })();
|
|
2644
2627
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/components/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
|
|
2645
2628
|
|
|
2646
|
-
const _c0$
|
|
2647
|
-
const _c1$
|
|
2629
|
+
const _c0$7 = ["auto"];
|
|
2630
|
+
const _c1$1 = ["chipInput"];
|
|
2648
2631
|
const _c2$1 = a0 => ({ data: a0 });
|
|
2649
2632
|
function DropdownChipAutocompleteComponent_For_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2650
2633
|
i0.ɵɵelementStart(0, "mat-icon", 13);
|
|
@@ -2874,9 +2857,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2874
2857
|
let _t;
|
|
2875
2858
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionTemplate = _t.first);
|
|
2876
2859
|
} }, viewQuery: function DropdownChipAutocompleteComponent_Query(rf, ctx) { if (rf & 1) {
|
|
2877
|
-
i0.ɵɵviewQuery(_c0$
|
|
2878
|
-
i0.ɵɵviewQuery(_c1$2, 5);
|
|
2879
|
-
i0.ɵɵviewQuery(MatAutocompleteTrigger, 5);
|
|
2860
|
+
i0.ɵɵviewQuery(_c0$7, 5)(_c1$1, 5)(MatAutocompleteTrigger, 5);
|
|
2880
2861
|
} if (rf & 2) {
|
|
2881
2862
|
let _t;
|
|
2882
2863
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.matAutocomplete = _t.first);
|
|
@@ -2900,7 +2881,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2900
2881
|
i0.ɵɵtext(10, "arrow_drop_down");
|
|
2901
2882
|
i0.ɵɵelementEnd()()();
|
|
2902
2883
|
i0.ɵɵelementStart(11, "mat-autocomplete", 10, 2);
|
|
2903
|
-
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); });
|
|
2904
2885
|
i0.ɵɵrepeaterCreate(13, DropdownChipAutocompleteComponent_For_14_Template, 3, 2, "mat-option", 11, i0.ɵɵrepeaterTrackByIdentity);
|
|
2905
2886
|
i0.ɵɵpipe(15, "async");
|
|
2906
2887
|
i0.ɵɵelementEnd()();
|
|
@@ -2923,9 +2904,9 @@ class DropdownChipAutocompleteComponent {
|
|
|
2923
2904
|
} }, dependencies: [MatChipGrid,
|
|
2924
2905
|
MatChip,
|
|
2925
2906
|
MatChipRemove,
|
|
2926
|
-
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,
|
|
2927
2908
|
MatIcon,
|
|
2928
|
-
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}"] }); }
|
|
2929
2910
|
}
|
|
2930
2911
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownChipAutocompleteComponent, [{
|
|
2931
2912
|
type: Component,
|
|
@@ -2941,7 +2922,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2941
2922
|
MatChipInput,
|
|
2942
2923
|
MatIcon,
|
|
2943
2924
|
CommonModule
|
|
2944
|
-
], template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\n\n <mat-chip-grid #chipGrid [disabled]=\"disabled\">\n\n @for (key of value; track key) {\n <mat-chip highlighted [disabled]=\"disabled\" (removed)=\"removeSelectedItem(key)\" color=\"primary\">\n {{getValueDisplay(key)}}\n @if (allowRemove) {\n <mat-icon matChipRemove>cancel</mat-icon>\n }\n </mat-chip>\n }\n\n <div class=\"input-wrapper\">\n <input\n #chipInput\n [(ngModel)]=\"searchValue\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipGrid\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n @if (value.length > 0 && canRemoveAll()) {\n <mat-icon matPrefix class=\"clearAll\" (click)=\"onClearAll();\">clear</mat-icon>\n }\n <mat-icon matSuffix>arrow_drop_down</mat-icon>\n </div>\n </mat-chip-grid>\n\n <mat-autocomplete #auto=\"matAutocomplete\" panelWidth=\"500px\" [class.full-width-field]=\"optionTemplate\" (optionSelected)=\"selectItemOnAutocomplete($event)\">\n @for (item of filteredListAutoComplete | async; track item) {\n <mat-option [value]=\"item[keyValue]\" class=\"full-width-option\">\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: {data: item}\" />\n } @else {\n {{item[displayValue]}}\n }\n </mat-option>\n }\n </mat-autocomplete>\n</div>\n\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}:host{cursor:pointer}:host mat-icon{align-self:center;color:var(--mat-select-enabled-arrow-color)}:host input.mat-mdc-chip-input{flex:1}.input-wrapper{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper>input{flex:1;min-width:150px}.input-wrapper>mat-icon{flex-shrink:0}\n"] }]
|
|
2925
|
+
], template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\r\n\r\n <mat-chip-grid #chipGrid [disabled]=\"disabled\">\r\n\r\n @for (key of value; track key) {\r\n <mat-chip highlighted [disabled]=\"disabled\" (removed)=\"removeSelectedItem(key)\" color=\"primary\">\r\n {{getValueDisplay(key)}}\r\n @if (allowRemove) {\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n }\r\n </mat-chip>\r\n }\r\n\r\n <div class=\"input-wrapper\">\r\n <input\r\n #chipInput\r\n [(ngModel)]=\"searchValue\"\r\n [matAutocomplete]=\"auto\"\r\n [matChipInputFor]=\"chipGrid\"\r\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n @if (value.length > 0 && canRemoveAll()) {\r\n <mat-icon matPrefix class=\"clearAll\" (click)=\"onClearAll();\">clear</mat-icon>\r\n }\r\n <mat-icon matSuffix>arrow_drop_down</mat-icon>\r\n </div>\r\n </mat-chip-grid>\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" panelWidth=\"500px\" [class.full-width-field]=\"optionTemplate\" (optionSelected)=\"selectItemOnAutocomplete($event)\">\r\n @for (item of filteredListAutoComplete | async; track item) {\r\n <mat-option [value]=\"item[keyValue]\" class=\"full-width-option\">\r\n @if (optionTemplate) {\r\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: {data: item}\" />\r\n } @else {\r\n {{item[displayValue]}}\r\n }\r\n </mat-option>\r\n }\r\n </mat-autocomplete>\r\n</div>\r\n\r\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}:host{cursor:pointer}:host mat-icon{align-self:center;color:var(--mat-select-enabled-arrow-color)}:host input.mat-mdc-chip-input{flex:1}.input-wrapper{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper>input{flex:1;min-width:150px}.input-wrapper>mat-icon{flex-shrink:0}\n"] }]
|
|
2945
2926
|
}], () => [{ type: i1$7.NgControl, decorators: [{
|
|
2946
2927
|
type: Optional
|
|
2947
2928
|
}, {
|
|
@@ -2974,7 +2955,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2974
2955
|
type: Input
|
|
2975
2956
|
}], ariaDescribedBy: [{
|
|
2976
2957
|
type: Input
|
|
2977
|
-
}], 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: [{
|
|
2978
2959
|
type: ContentChild,
|
|
2979
2960
|
args: [TemplateRef]
|
|
2980
2961
|
}], shouldLabelFloat: [{
|
|
@@ -3077,7 +3058,7 @@ class ColorPickerComponent {
|
|
|
3077
3058
|
} if (rf & 2) {
|
|
3078
3059
|
i0.ɵɵtwoWayProperty("colorPicker", ctx.value);
|
|
3079
3060
|
i0.ɵɵproperty("value", ctx.value);
|
|
3080
|
-
} }, dependencies: [MatInputModule, i3.MatInput, ColorPickerDirective], encapsulation: 2 }); }
|
|
3061
|
+
} }, dependencies: [MatInputModule, i3$1.MatInput, ColorPickerDirective], encapsulation: 2 }); }
|
|
3081
3062
|
}
|
|
3082
3063
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColorPickerComponent, [{
|
|
3083
3064
|
type: Component,
|
|
@@ -3101,8 +3082,8 @@ class ColorPickerComponent {
|
|
|
3101
3082
|
}] }); })();
|
|
3102
3083
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "lib/components/inputs/color-picker/color-picker.component.ts", lineNumber: 18 }); })();
|
|
3103
3084
|
|
|
3104
|
-
const _c0$
|
|
3105
|
-
const _c1
|
|
3085
|
+
const _c0$6 = ["singleSelect"];
|
|
3086
|
+
const _c1 = ["*"];
|
|
3106
3087
|
const _c2 = () => [];
|
|
3107
3088
|
function SelectWithSearchComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
3108
3089
|
i0.ɵɵelementStart(0, "mat-option");
|
|
@@ -3135,10 +3116,8 @@ class SelectWithSearchComponent {
|
|
|
3135
3116
|
this.allowMultiSelection = input(false, ...(ngDevMode ? [{ debugName: "allowMultiSelection" }] : []));
|
|
3136
3117
|
this.showClearOption = input(false, ...(ngDevMode ? [{ debugName: "showClearOption" }] : []));
|
|
3137
3118
|
this.enableSearch = input(true, ...(ngDevMode ? [{ debugName: "enableSearch" }] : []));
|
|
3138
|
-
this.filteredOptions = resource({
|
|
3139
|
-
|
|
3140
|
-
loader: ({ params }) => Promise.resolve(this.computeFilteredOptions(params))
|
|
3141
|
-
});
|
|
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)) });
|
|
3142
3121
|
this.valueChanged = new EventEmitter();
|
|
3143
3122
|
this.allOptions = signal([], ...(ngDevMode ? [{ debugName: "allOptions" }] : []));
|
|
3144
3123
|
this.filterText = toSignal(this.optionFilterControl.valueChanges, { initialValue: '' });
|
|
@@ -3201,11 +3180,11 @@ class SelectWithSearchComponent {
|
|
|
3201
3180
|
}
|
|
3202
3181
|
static { this.ɵfac = function SelectWithSearchComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectWithSearchComponent)(); }; }
|
|
3203
3182
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectWithSearchComponent, selectors: [["cauca-select-with-search"]], viewQuery: function SelectWithSearchComponent_Query(rf, ctx) { if (rf & 1) {
|
|
3204
|
-
i0.ɵɵviewQuery(_c0$
|
|
3183
|
+
i0.ɵɵviewQuery(_c0$6, 7);
|
|
3205
3184
|
} if (rf & 2) {
|
|
3206
3185
|
let _t;
|
|
3207
3186
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.singleSelect = _t.first);
|
|
3208
|
-
} }, 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) {
|
|
3209
3188
|
i0.ɵɵprojectionDef();
|
|
3210
3189
|
i0.ɵɵelementStart(0, "mat-form-field", 0);
|
|
3211
3190
|
i0.ɵɵprojection(1);
|
|
@@ -3229,11 +3208,11 @@ class SelectWithSearchComponent {
|
|
|
3229
3208
|
i0.ɵɵconditional(ctx.enableSearch() ? 6 : -1);
|
|
3230
3209
|
i0.ɵɵadvance();
|
|
3231
3210
|
i0.ɵɵrepeater(ctx.filteredOptions.value() || i0.ɵɵpureFunction0(9, _c2));
|
|
3232
|
-
} }, 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 }); }
|
|
3233
3212
|
}
|
|
3234
3213
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
|
|
3235
3214
|
type: Component,
|
|
3236
|
-
args: [{ selector: 'cauca-select-with-search', standalone: true, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\n <ng-content></ng-content>\n <mat-label>{{ label | translate }}</mat-label>\n <mat-select [(value)]=\"value\" [disabled]=\"disableControl()\" [class.readonly-field]=\"disableControl()\" [multiple]=\"allowMultiSelection()\" >\n @if (enableSearch()) {\n <mat-option>\n <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\n [noEntriesFoundLabel]=\"'noResult' | translate\">\n </ngx-mat-select-search>\n </mat-option>\n }\n @for (option of filteredOptions.value() || []; track option) {\n <mat-option [value]=\"option.id\">\n {{option.name}}\n </mat-option>\n }\n </mat-select>\n\n</mat-form-field>" }]
|
|
3215
|
+
args: [{ selector: 'cauca-select-with-search', standalone: true, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\r\n <ng-content></ng-content>\r\n <mat-label>{{ label | translate }}</mat-label>\r\n <mat-select [(value)]=\"value\" [disabled]=\"disableControl()\" [class.readonly-field]=\"disableControl()\" [multiple]=\"allowMultiSelection()\" >\r\n @if (enableSearch()) {\r\n <mat-option>\r\n <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\r\n [noEntriesFoundLabel]=\"'noResult' | translate\">\r\n </ngx-mat-select-search>\r\n </mat-option>\r\n }\r\n @for (option of filteredOptions.value() || []; track option) {\r\n <mat-option [value]=\"option.id\">\r\n {{option.name}}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n\r\n</mat-form-field>" }]
|
|
3237
3216
|
}], null, { label: [{
|
|
3238
3217
|
type: Input,
|
|
3239
3218
|
args: [{ required: true }]
|
|
@@ -3242,7 +3221,7 @@ class SelectWithSearchComponent {
|
|
|
3242
3221
|
}], singleSelect: [{
|
|
3243
3222
|
type: ViewChild,
|
|
3244
3223
|
args: ['singleSelect', { static: true }]
|
|
3245
|
-
}], 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: [{
|
|
3246
3225
|
type: Output
|
|
3247
3226
|
}], options: [{
|
|
3248
3227
|
type: Input
|
|
@@ -3251,13 +3230,13 @@ class SelectWithSearchComponent {
|
|
|
3251
3230
|
}] }); })();
|
|
3252
3231
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectWithSearchComponent, { className: "SelectWithSearchComponent", filePath: "lib/components/inputs/select-with-search/select-with-search.component.ts", lineNumber: 22 }); })();
|
|
3253
3232
|
|
|
3254
|
-
const _c0$
|
|
3233
|
+
const _c0$5 = ["*"];
|
|
3255
3234
|
class GroupContainerComponent {
|
|
3256
3235
|
constructor() {
|
|
3257
3236
|
this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
|
|
3258
3237
|
}
|
|
3259
3238
|
static { this.ɵfac = function GroupContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GroupContainerComponent)(); }; }
|
|
3260
|
-
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) {
|
|
3261
3240
|
i0.ɵɵprojectionDef();
|
|
3262
3241
|
i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
|
|
3263
3242
|
i0.ɵɵtext(2);
|
|
@@ -3274,10 +3253,10 @@ class GroupContainerComponent {
|
|
|
3274
3253
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupContainerComponent, [{
|
|
3275
3254
|
type: Component,
|
|
3276
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"] }]
|
|
3277
|
-
}], null,
|
|
3256
|
+
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }] }); })();
|
|
3278
3257
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupContainerComponent, { className: "GroupContainerComponent", filePath: "lib/components/layout/group-container/group-container.component.ts", lineNumber: 12 }); })();
|
|
3279
3258
|
|
|
3280
|
-
const _c0$
|
|
3259
|
+
const _c0$4 = ["*"];
|
|
3281
3260
|
function MainSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
3282
3261
|
i0.ɵɵdomElementStart(0, "div", 1);
|
|
3283
3262
|
i0.ɵɵtext(1);
|
|
@@ -3293,7 +3272,7 @@ class MainSectionComponent {
|
|
|
3293
3272
|
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
3294
3273
|
}
|
|
3295
3274
|
static { this.ɵfac = function MainSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MainSectionComponent)(); }; }
|
|
3296
|
-
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) {
|
|
3297
3276
|
i0.ɵɵprojectionDef();
|
|
3298
3277
|
i0.ɵɵdomElementStart(0, "div", 0);
|
|
3299
3278
|
i0.ɵɵconditionalCreate(1, MainSectionComponent_Conditional_1_Template, 3, 3, "div", 1);
|
|
@@ -3308,16 +3287,16 @@ class MainSectionComponent {
|
|
|
3308
3287
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainSectionComponent, [{
|
|
3309
3288
|
type: Component,
|
|
3310
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"] }]
|
|
3311
|
-
}], null,
|
|
3290
|
+
}], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] }); })();
|
|
3312
3291
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/components/layout/sections/main-section/main-section.component.ts", lineNumber: 11 }); })();
|
|
3313
3292
|
|
|
3314
|
-
const _c0$
|
|
3293
|
+
const _c0$3 = ["*"];
|
|
3315
3294
|
class SectionColumnComponent {
|
|
3316
3295
|
constructor() {
|
|
3317
3296
|
this.showBigGap = input(false, ...(ngDevMode ? [{ debugName: "showBigGap" }] : []));
|
|
3318
3297
|
}
|
|
3319
3298
|
static { this.ɵfac = function SectionColumnComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionColumnComponent)(); }; }
|
|
3320
|
-
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) {
|
|
3321
3300
|
i0.ɵɵprojectionDef();
|
|
3322
3301
|
i0.ɵɵdomElementStart(0, "div", 0);
|
|
3323
3302
|
i0.ɵɵprojection(1);
|
|
@@ -3329,7 +3308,7 @@ class SectionColumnComponent {
|
|
|
3329
3308
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionColumnComponent, [{
|
|
3330
3309
|
type: Component,
|
|
3331
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"] }]
|
|
3332
|
-
}], null,
|
|
3311
|
+
}], null, { showBigGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBigGap", required: false }] }] }); })();
|
|
3333
3312
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionColumnComponent, { className: "SectionColumnComponent", filePath: "lib/components/layout/sections/section-column/section-column.component.ts", lineNumber: 10 }); })();
|
|
3334
3313
|
|
|
3335
3314
|
function SectionFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3413,21 +3392,26 @@ class SectionFieldComponent {
|
|
|
3413
3392
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionFieldComponent, [{
|
|
3414
3393
|
type: Component,
|
|
3415
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"] }]
|
|
3416
|
-
}], 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 }] }] }); })();
|
|
3417
3396
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
|
|
3418
3397
|
|
|
3398
|
+
function PageTitleComponent_Conditional_4_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
3399
|
+
i0.ɵɵelementStart(0, "span");
|
|
3400
|
+
i0.ɵɵtext(1, "/");
|
|
3401
|
+
i0.ɵɵelementEnd();
|
|
3402
|
+
} }
|
|
3419
3403
|
function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
3420
3404
|
i0.ɵɵelementStart(0, "div", 4);
|
|
3421
3405
|
i0.ɵɵtext(1);
|
|
3422
3406
|
i0.ɵɵpipe(2, "translate");
|
|
3423
3407
|
i0.ɵɵelementEnd();
|
|
3424
|
-
i0.ɵɵ
|
|
3425
|
-
i0.ɵɵtext(4, "/");
|
|
3426
|
-
i0.ɵɵelementEnd();
|
|
3408
|
+
i0.ɵɵconditionalCreate(3, PageTitleComponent_Conditional_4_Conditional_1_Conditional_3_Template, 2, 0, "span");
|
|
3427
3409
|
} if (rf & 2) {
|
|
3428
3410
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
3429
3411
|
i0.ɵɵadvance();
|
|
3430
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2,
|
|
3412
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r0.baseCrumb()));
|
|
3413
|
+
i0.ɵɵadvance(2);
|
|
3414
|
+
i0.ɵɵconditional(ctx_r0.breadcrumbLocation().length > 0 || ctx_r0.currentBreadcrumb() ? 3 : -1);
|
|
3431
3415
|
} }
|
|
3432
3416
|
function PageTitleComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
3433
3417
|
i0.ɵɵelementStart(0, "a", 5);
|
|
@@ -3461,19 +3445,27 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template(rf, ctx)
|
|
|
3461
3445
|
i0.ɵɵadvance();
|
|
3462
3446
|
i0.ɵɵtextInterpolate(location_r2.title);
|
|
3463
3447
|
} }
|
|
3448
|
+
function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
3449
|
+
i0.ɵɵelementStart(0, "span");
|
|
3450
|
+
i0.ɵɵtext(1, "/");
|
|
3451
|
+
i0.ɵɵelementEnd();
|
|
3452
|
+
} }
|
|
3464
3453
|
function PageTitleComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
3465
3454
|
i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_For_3_Conditional_0_Template, 3, 5, "a", 5)(1, PageTitleComponent_Conditional_4_For_3_Conditional_1_Template, 3, 3, "span", 6)(2, PageTitleComponent_Conditional_4_For_3_Conditional_2_Template, 2, 1, "span", 4);
|
|
3466
|
-
i0.ɵɵ
|
|
3467
|
-
i0.ɵɵtext(4, "/");
|
|
3468
|
-
i0.ɵɵelementEnd();
|
|
3455
|
+
i0.ɵɵconditionalCreate(3, PageTitleComponent_Conditional_4_For_3_Conditional_3_Template, 2, 0, "span");
|
|
3469
3456
|
} if (rf & 2) {
|
|
3470
3457
|
const location_r2 = ctx.$implicit;
|
|
3458
|
+
const ɵ$index_19_r4 = ctx.$index;
|
|
3459
|
+
const ɵ$count_19_r5 = ctx.$count;
|
|
3460
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
3471
3461
|
i0.ɵɵconditional(location_r2.link ? 0 : location_r2.action ? 1 : 2);
|
|
3462
|
+
i0.ɵɵadvance(3);
|
|
3463
|
+
i0.ɵɵconditional(!(ɵ$index_19_r4 === ɵ$count_19_r5 - 1) || ctx_r0.currentBreadcrumb() ? 3 : -1);
|
|
3472
3464
|
} }
|
|
3473
3465
|
function PageTitleComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
3474
3466
|
i0.ɵɵelementStart(0, "div", 2);
|
|
3475
|
-
i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_1_Template,
|
|
3476
|
-
i0.ɵɵrepeaterCreate(2, PageTitleComponent_Conditional_4_For_3_Template,
|
|
3467
|
+
i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_1_Template, 4, 4);
|
|
3468
|
+
i0.ɵɵrepeaterCreate(2, PageTitleComponent_Conditional_4_For_3_Template, 4, 2, null, null, i0.ɵɵrepeaterTrackByIdentity);
|
|
3477
3469
|
i0.ɵɵelementStart(4, "span", 3);
|
|
3478
3470
|
i0.ɵɵtext(5);
|
|
3479
3471
|
i0.ɵɵpipe(6, "translate");
|
|
@@ -3514,15 +3506,15 @@ class PageTitleComponent {
|
|
|
3514
3506
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.caption()));
|
|
3515
3507
|
i0.ɵɵadvance(2);
|
|
3516
3508
|
i0.ɵɵconditional(ctx.displayBreadcrumb() ? 4 : -1);
|
|
3517
|
-
} }, 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
|
|
3509
|
+
} }, 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}}"] }); }
|
|
3518
3510
|
}
|
|
3519
3511
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
|
|
3520
3512
|
type: Component,
|
|
3521
|
-
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
|
|
3522
|
-
}], null,
|
|
3513
|
+
args: [{ selector: 'cauca-page-title', imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\r\n\r\n <h4 class=\"title-label\">{{caption() | translate }}</h4>\r\n\r\n @if (displayBreadcrumb()) {\r\n <div class=\"breadcrumb\">\r\n\r\n @if (baseCrumb()) {\r\n <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\r\n @if (breadcrumbLocation().length > 0 || currentBreadcrumb()) {\r\n <span>/</span>\r\n }\r\n }\r\n\r\n @for(location of breadcrumbLocation(); track location) {\r\n @if (location.link) {\r\n <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\r\n } @else if (location.action) {\r\n <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\r\n } @else {\r\n <span class=\"basecrumb\">{{location.title}}</span>\r\n }\r\n @if (!$last || currentBreadcrumb()) {\r\n <span>/</span>\r\n }\r\n }\r\n\r\n <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\r\n\r\n </div>\r\n }\r\n\r\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"] }]
|
|
3514
|
+
}], 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 }] }] }); })();
|
|
3523
3515
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 13 }); })();
|
|
3524
3516
|
|
|
3525
|
-
const _c0$
|
|
3517
|
+
const _c0$2 = ["*"];
|
|
3526
3518
|
class ExpandablePanelComponent {
|
|
3527
3519
|
constructor() {
|
|
3528
3520
|
this.isCollapsed = model(false, ...(ngDevMode ? [{ debugName: "isCollapsed" }] : []));
|
|
@@ -3533,7 +3525,7 @@ class ExpandablePanelComponent {
|
|
|
3533
3525
|
this.isCollapsed.update(value => !value);
|
|
3534
3526
|
}
|
|
3535
3527
|
static { this.ɵfac = function ExpandablePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExpandablePanelComponent)(); }; }
|
|
3536
|
-
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$
|
|
3528
|
+
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: 12, vars: 6, consts: [[1, "expansion-button", 3, "click"], [1, "primary"], [1, "body2"], [1, "expansion-panel"], [1, "expansion-panel-content"]], template: function ExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3537
3529
|
i0.ɵɵprojectionDef();
|
|
3538
3530
|
i0.ɵɵelementStart(0, "section")(1, "div", 0);
|
|
3539
3531
|
i0.ɵɵlistener("click", function ExpandablePanelComponent_Template_div_click_1_listener() { return ctx.changeState(); });
|
|
@@ -3546,9 +3538,9 @@ class ExpandablePanelComponent {
|
|
|
3546
3538
|
i0.ɵɵelementStart(7, "div", 2);
|
|
3547
3539
|
i0.ɵɵtext(8);
|
|
3548
3540
|
i0.ɵɵelementEnd()()();
|
|
3549
|
-
i0.ɵɵelementStart(9, "div", 3);
|
|
3550
|
-
i0.ɵɵprojection(
|
|
3551
|
-
i0.ɵɵelementEnd()();
|
|
3541
|
+
i0.ɵɵelementStart(9, "div", 3)(10, "div", 4);
|
|
3542
|
+
i0.ɵɵprojection(11);
|
|
3543
|
+
i0.ɵɵelementEnd()()();
|
|
3552
3544
|
} if (rf & 2) {
|
|
3553
3545
|
i0.ɵɵadvance(2);
|
|
3554
3546
|
i0.ɵɵclassProp("collapsed", ctx.isCollapsed());
|
|
@@ -3558,12 +3550,12 @@ class ExpandablePanelComponent {
|
|
|
3558
3550
|
i0.ɵɵtextInterpolate(ctx.subCaption());
|
|
3559
3551
|
i0.ɵɵadvance();
|
|
3560
3552
|
i0.ɵɵclassProp("collapsed", ctx.isCollapsed());
|
|
3561
|
-
} }, 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 }); }
|
|
3553
|
+
} }, 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;min-height:0;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}.expansion-panel-content[_ngcontent-%COMP%]{min-height:0}"], changeDetection: 0 }); }
|
|
3562
3554
|
}
|
|
3563
3555
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
|
|
3564
3556
|
type: Component,
|
|
3565
|
-
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"] }]
|
|
3566
|
-
}], null,
|
|
3557
|
+
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 <div class=\"expansion-panel-content\">\r\n <ng-content></ng-content>\r\n </div>\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;min-height:0;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}.expansion-panel-content{min-height:0}\n"] }]
|
|
3558
|
+
}], 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 }] }] }); })();
|
|
3567
3559
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib/components/layout/expandable-panel/expandable-panel.component.ts", lineNumber: 11 }); })();
|
|
3568
3560
|
|
|
3569
3561
|
class MenuExpandablePanelItemComponent {
|
|
@@ -3602,12 +3594,12 @@ class MenuExpandablePanelItemComponent {
|
|
|
3602
3594
|
i0.ɵɵclassMap(ctx.isSubItem() ? "subtitle2" : "subtitle1");
|
|
3603
3595
|
i0.ɵɵadvance();
|
|
3604
3596
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, ctx.caption()));
|
|
3605
|
-
} }, dependencies: [MatIconModule, i1$
|
|
3597
|
+
} }, 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}"] }); }
|
|
3606
3598
|
}
|
|
3607
3599
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelItemComponent, [{
|
|
3608
3600
|
type: Component,
|
|
3609
3601
|
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"] }]
|
|
3610
|
-
}], null,
|
|
3602
|
+
}], 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 }] }] }); })();
|
|
3611
3603
|
(() => { (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 }); })();
|
|
3612
3604
|
|
|
3613
3605
|
const _forTrack0 = ($index, $item) => $item.title;
|
|
@@ -3710,12 +3702,12 @@ class MenuExpandablePanelComponent {
|
|
|
3710
3702
|
i0.ɵɵconditional(ctx.showExpansionIcon() ? 8 : -1);
|
|
3711
3703
|
i0.ɵɵadvance();
|
|
3712
3704
|
i0.ɵɵconditional(ctx.opened() ? 9 : -1);
|
|
3713
|
-
} }, dependencies: [MatIconModule, i1$
|
|
3705
|
+
} }, 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}"] }); }
|
|
3714
3706
|
}
|
|
3715
3707
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelComponent, [{
|
|
3716
3708
|
type: Component,
|
|
3717
3709
|
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"] }]
|
|
3718
|
-
}], null, { topLeftRadius: [{
|
|
3710
|
+
}], 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: [{
|
|
3719
3711
|
type: HostBinding,
|
|
3720
3712
|
args: ['style.border-top-left-radius']
|
|
3721
3713
|
}], topRightRadius: [{
|
|
@@ -3759,7 +3751,7 @@ class SavingConfirmedBoxComponent {
|
|
|
3759
3751
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingConfirmedBoxComponent, [{
|
|
3760
3752
|
type: Component,
|
|
3761
3753
|
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}" }]
|
|
3762
|
-
}], null,
|
|
3754
|
+
}], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }] }); })();
|
|
3763
3755
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingConfirmedBoxComponent, { className: "SavingConfirmedBoxComponent", filePath: "lib/components/notifications/saving-confirmed-box/saving-confirmed-box.component.ts", lineNumber: 13 }); })();
|
|
3764
3756
|
|
|
3765
3757
|
function SavingErrorBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3791,7 +3783,7 @@ class SavingErrorBoxComponent {
|
|
|
3791
3783
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingErrorBoxComponent, [{
|
|
3792
3784
|
type: Component,
|
|
3793
3785
|
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}" }]
|
|
3794
|
-
}], null,
|
|
3786
|
+
}], 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 }] }] }); })();
|
|
3795
3787
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/components/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
|
|
3796
3788
|
|
|
3797
3789
|
class AutoTrimAndLowerDirective {
|
|
@@ -3839,8 +3831,7 @@ class HasErrorRootDirective {
|
|
|
3839
3831
|
}
|
|
3840
3832
|
static { this.ɵfac = function HasErrorRootDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HasErrorRootDirective)(); }; }
|
|
3841
3833
|
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HasErrorRootDirective, selectors: [["mat-form-field"]], contentQueries: function HasErrorRootDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
3842
|
-
i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5);
|
|
3843
|
-
i0.ɵɵcontentQuery(dirIndex, FormControlName, 5);
|
|
3834
|
+
i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5)(dirIndex, FormControlName, 5);
|
|
3844
3835
|
} if (rf & 2) {
|
|
3845
3836
|
let _t;
|
|
3846
3837
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formControl = _t.first);
|
|
@@ -3850,7 +3841,9 @@ class HasErrorRootDirective {
|
|
|
3850
3841
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HasErrorRootDirective, [{
|
|
3851
3842
|
type: Directive,
|
|
3852
3843
|
args: [{
|
|
3844
|
+
/* eslint-disable @angular-eslint/directive-selector */
|
|
3853
3845
|
selector: 'mat-form-field',
|
|
3846
|
+
/* eslint-enable @angular-eslint/directive-selector */
|
|
3854
3847
|
standalone: false,
|
|
3855
3848
|
}]
|
|
3856
3849
|
}], null, { formControl: [{
|
|
@@ -3954,10 +3947,10 @@ function provideCaucaMaterial() {
|
|
|
3954
3947
|
];
|
|
3955
3948
|
}
|
|
3956
3949
|
|
|
3957
|
-
function
|
|
3950
|
+
function CaucaSimpleDialogComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
3958
3951
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
3959
|
-
i0.ɵɵelementStart(0, "button",
|
|
3960
|
-
i0.ɵɵlistener("click", function
|
|
3952
|
+
i0.ɵɵelementStart(0, "button", 5);
|
|
3953
|
+
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)); });
|
|
3961
3954
|
i0.ɵɵtext(1);
|
|
3962
3955
|
i0.ɵɵelementEnd();
|
|
3963
3956
|
} if (rf & 2) {
|
|
@@ -3965,14 +3958,14 @@ function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf &
|
|
|
3965
3958
|
i0.ɵɵadvance();
|
|
3966
3959
|
i0.ɵɵtextInterpolate(label_r4);
|
|
3967
3960
|
} }
|
|
3968
|
-
function
|
|
3969
|
-
i0.ɵɵelementStart(0, "div",
|
|
3970
|
-
i0.ɵɵ
|
|
3961
|
+
function CaucaSimpleDialogComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
3962
|
+
i0.ɵɵelementStart(0, "div", 3);
|
|
3963
|
+
i0.ɵɵrepeaterCreate(1, CaucaSimpleDialogComponent_Conditional_4_For_2_Template, 2, 1, "button", 4, i0.ɵɵrepeaterTrackByIdentity);
|
|
3971
3964
|
i0.ɵɵelementEnd();
|
|
3972
3965
|
} if (rf & 2) {
|
|
3973
3966
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3974
3967
|
i0.ɵɵadvance();
|
|
3975
|
-
i0.ɵɵ
|
|
3968
|
+
i0.ɵɵrepeater(ctx_r2.data.buttons);
|
|
3976
3969
|
} }
|
|
3977
3970
|
class CaucaSimpleDialogComponent {
|
|
3978
3971
|
constructor() {
|
|
@@ -3983,68 +3976,65 @@ class CaucaSimpleDialogComponent {
|
|
|
3983
3976
|
this.dialogRef.close(buttonIndex);
|
|
3984
3977
|
}
|
|
3985
3978
|
static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaSimpleDialogComponent)(); }; }
|
|
3986
|
-
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", ""
|
|
3979
|
+
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) {
|
|
3987
3980
|
i0.ɵɵelementStart(0, "h1", 0);
|
|
3988
3981
|
i0.ɵɵtext(1);
|
|
3989
3982
|
i0.ɵɵelementEnd();
|
|
3990
3983
|
i0.ɵɵelementStart(2, "div", 1);
|
|
3991
3984
|
i0.ɵɵelement(3, "div", 2);
|
|
3992
3985
|
i0.ɵɵelementEnd();
|
|
3993
|
-
i0.ɵɵ
|
|
3986
|
+
i0.ɵɵconditionalCreate(4, CaucaSimpleDialogComponent_Conditional_4_Template, 3, 0, "div", 3);
|
|
3994
3987
|
} if (rf & 2) {
|
|
3995
3988
|
i0.ɵɵadvance();
|
|
3996
3989
|
i0.ɵɵtextInterpolate(ctx.data.title);
|
|
3997
3990
|
i0.ɵɵadvance(2);
|
|
3998
3991
|
i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
|
|
3999
3992
|
i0.ɵɵadvance();
|
|
4000
|
-
i0.ɵɵ
|
|
4001
|
-
} }, dependencies: [
|
|
3993
|
+
i0.ɵɵconditional(ctx.data.buttons ? 4 : -1);
|
|
3994
|
+
} }, dependencies: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule, i1$1.MatButton], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
|
|
4002
3995
|
}
|
|
4003
3996
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
|
|
4004
3997
|
type: Component,
|
|
4005
|
-
args: [{ selector: 'cauca-simple-dialog', imports: [
|
|
3998
|
+
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\r\n<div mat-dialog-content>\r\n <div [innerHTML]=\"data.message\"></div>\r\n</div>\r\n@if (data.buttons) {\r\n <div mat-dialog-actions>\r\n @for (label of data.buttons; track label; let i = $index) {\r\n <button mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\r\n }\r\n </div>\r\n}", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
|
|
4006
3999
|
}], null, null); })();
|
|
4007
4000
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
|
|
4008
4001
|
|
|
4009
|
-
const _c0$
|
|
4010
|
-
function
|
|
4002
|
+
const _c0$1 = ["file"];
|
|
4003
|
+
function CaucaInputFileComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
4011
4004
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
4012
4005
|
i0.ɵɵtext(1);
|
|
4013
4006
|
i0.ɵɵelementEnd();
|
|
4014
4007
|
} if (rf & 2) {
|
|
4015
|
-
const
|
|
4008
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4016
4009
|
i0.ɵɵadvance();
|
|
4017
|
-
i0.ɵɵtextInterpolate(
|
|
4010
|
+
i0.ɵɵtextInterpolate(ctx_r0.icon);
|
|
4018
4011
|
} }
|
|
4019
|
-
function
|
|
4012
|
+
function CaucaInputFileComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
4020
4013
|
i0.ɵɵelementStart(0, "span");
|
|
4021
4014
|
i0.ɵɵtext(1);
|
|
4022
4015
|
i0.ɵɵelementEnd();
|
|
4023
4016
|
} if (rf & 2) {
|
|
4024
|
-
const
|
|
4017
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4025
4018
|
i0.ɵɵadvance();
|
|
4026
|
-
i0.ɵɵtextInterpolate(
|
|
4019
|
+
i0.ɵɵtextInterpolate(ctx_r0.text);
|
|
4027
4020
|
} }
|
|
4028
|
-
function
|
|
4029
|
-
const
|
|
4030
|
-
i0.ɵɵ
|
|
4031
|
-
i0.ɵɵ
|
|
4032
|
-
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)); });
|
|
4021
|
+
function CaucaInputFileComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
4022
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
4023
|
+
i0.ɵɵelementStart(0, "input", 4, 0);
|
|
4024
|
+
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)); });
|
|
4033
4025
|
i0.ɵɵelementEnd();
|
|
4034
|
-
i0.ɵɵelementContainerEnd();
|
|
4035
4026
|
} if (rf & 2) {
|
|
4036
|
-
const
|
|
4037
|
-
i0.ɵɵ
|
|
4038
|
-
i0.ɵɵproperty("accept", ctx_r1.accept);
|
|
4027
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4028
|
+
i0.ɵɵproperty("accept", ctx_r0.accept);
|
|
4039
4029
|
} }
|
|
4040
|
-
function
|
|
4041
|
-
const
|
|
4042
|
-
i0.ɵɵelementStart(0, "input",
|
|
4043
|
-
i0.ɵɵlistener("change", function
|
|
4030
|
+
function CaucaInputFileComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
4031
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
4032
|
+
i0.ɵɵelementStart(0, "input", 5, 0);
|
|
4033
|
+
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)); });
|
|
4044
4034
|
i0.ɵɵelementEnd();
|
|
4045
4035
|
} if (rf & 2) {
|
|
4046
|
-
const
|
|
4047
|
-
i0.ɵɵproperty("accept",
|
|
4036
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
4037
|
+
i0.ɵɵproperty("accept", ctx_r0.accept);
|
|
4048
4038
|
} }
|
|
4049
4039
|
class CaucaInputFileComponent {
|
|
4050
4040
|
constructor() {
|
|
@@ -4106,30 +4096,29 @@ class CaucaInputFileComponent {
|
|
|
4106
4096
|
}
|
|
4107
4097
|
static { this.ɵfac = function CaucaInputFileComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputFileComponent)(); }; }
|
|
4108
4098
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
|
|
4109
|
-
i0.ɵɵviewQuery(_c0$
|
|
4099
|
+
i0.ɵɵviewQuery(_c0$1, 5);
|
|
4110
4100
|
} if (rf & 2) {
|
|
4111
4101
|
let _t;
|
|
4112
4102
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.file = _t.first);
|
|
4113
|
-
} }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, decls:
|
|
4114
|
-
|
|
4115
|
-
i0.ɵɵ
|
|
4116
|
-
i0.ɵɵ
|
|
4117
|
-
i0.ɵɵ
|
|
4103
|
+
} }, 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) {
|
|
4104
|
+
i0.ɵɵelementStart(0, "button", 1);
|
|
4105
|
+
i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { return ctx.openDialog($event); });
|
|
4106
|
+
i0.ɵɵconditionalCreate(1, CaucaInputFileComponent_Conditional_1_Template, 2, 1, "mat-icon");
|
|
4107
|
+
i0.ɵɵconditionalCreate(2, CaucaInputFileComponent_Conditional_2_Template, 2, 1, "span");
|
|
4118
4108
|
i0.ɵɵelementEnd();
|
|
4119
|
-
i0.ɵɵ
|
|
4109
|
+
i0.ɵɵconditionalCreate(3, CaucaInputFileComponent_Conditional_3_Template, 2, 1, "input", 2)(4, CaucaInputFileComponent_Conditional_4_Template, 2, 1, "input", 3);
|
|
4120
4110
|
} if (rf & 2) {
|
|
4121
|
-
const notMultipleInput_r5 = i0.ɵɵreference(5);
|
|
4122
4111
|
i0.ɵɵadvance();
|
|
4123
|
-
i0.ɵɵ
|
|
4112
|
+
i0.ɵɵconditional(ctx.icon ? 1 : -1);
|
|
4124
4113
|
i0.ɵɵadvance();
|
|
4125
|
-
i0.ɵɵ
|
|
4114
|
+
i0.ɵɵconditional(ctx.text ? 2 : -1);
|
|
4126
4115
|
i0.ɵɵadvance();
|
|
4127
|
-
i0.ɵɵ
|
|
4128
|
-
} }, dependencies: [MatButtonModule,
|
|
4116
|
+
i0.ɵɵconditional(ctx.multiple ? 3 : 4);
|
|
4117
|
+
} }, dependencies: [MatButtonModule, i1$1.MatButton, MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
|
|
4129
4118
|
}
|
|
4130
4119
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
4131
4120
|
type: Component,
|
|
4132
|
-
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\n <mat-icon
|
|
4121
|
+
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\r\n @if (icon) {\r\n <mat-icon>{{icon}}</mat-icon>\r\n }\r\n @if (text) {\r\n <span>{{text}}</span>\r\n }\r\n</button>\r\n@if (multiple) {\r\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\r\n} @else {\r\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\r\n}\r\n\r\n", styles: [":host input{display:none}\n"] }]
|
|
4133
4122
|
}], null, { file: [{
|
|
4134
4123
|
type: ViewChild,
|
|
4135
4124
|
args: ['file', { static: false }]
|
|
@@ -4146,31 +4135,31 @@ class CaucaInputFileComponent {
|
|
|
4146
4135
|
}] }); })();
|
|
4147
4136
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib/components/deprecated-components/cauca-input-file/cauca-input-file.component.ts", lineNumber: 14 }); })();
|
|
4148
4137
|
|
|
4149
|
-
function
|
|
4138
|
+
function CaucaInputMultipleLangueComponent_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
4150
4139
|
i0.ɵɵelementStart(0, "mat-error");
|
|
4151
4140
|
i0.ɵɵtext(1);
|
|
4152
4141
|
i0.ɵɵpipe(2, "translate");
|
|
4153
4142
|
i0.ɵɵelementEnd();
|
|
4154
4143
|
} if (rf & 2) {
|
|
4155
|
-
const
|
|
4144
|
+
const ɵ$index_3_r1 = i0.ɵɵnextContext().$index;
|
|
4156
4145
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
4157
4146
|
i0.ɵɵadvance();
|
|
4158
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(
|
|
4147
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(ɵ$index_3_r1)));
|
|
4159
4148
|
} }
|
|
4160
|
-
function
|
|
4161
|
-
i0.ɵɵelementStart(0, "mat-tab",
|
|
4162
|
-
i0.ɵɵelement(2, "input",
|
|
4163
|
-
i0.ɵɵ
|
|
4149
|
+
function CaucaInputMultipleLangueComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
4150
|
+
i0.ɵɵelementStart(0, "mat-tab", 1)(1, "mat-form-field", 2);
|
|
4151
|
+
i0.ɵɵelement(2, "input", 3);
|
|
4152
|
+
i0.ɵɵconditionalCreate(3, CaucaInputMultipleLangueComponent_For_2_Conditional_3_Template, 3, 3, "mat-error");
|
|
4164
4153
|
i0.ɵɵelementEnd()();
|
|
4165
4154
|
} if (rf & 2) {
|
|
4166
4155
|
const lang_r3 = ctx.$implicit;
|
|
4167
|
-
const
|
|
4156
|
+
const ɵ$index_3_r1 = ctx.$index;
|
|
4168
4157
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
4169
4158
|
i0.ɵɵproperty("label", lang_r3);
|
|
4170
4159
|
i0.ɵɵadvance(2);
|
|
4171
|
-
i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[
|
|
4160
|
+
i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[ɵ$index_3_r1]);
|
|
4172
4161
|
i0.ɵɵadvance();
|
|
4173
|
-
i0.ɵɵ
|
|
4162
|
+
i0.ɵɵconditional(ctx_r1.forms[ɵ$index_3_r1].invalid ? 3 : -1);
|
|
4174
4163
|
} }
|
|
4175
4164
|
class CaucaInputMultipleLangueComponent {
|
|
4176
4165
|
constructor() {
|
|
@@ -4205,339 +4194,25 @@ class CaucaInputMultipleLangueComponent {
|
|
|
4205
4194
|
});
|
|
4206
4195
|
}
|
|
4207
4196
|
static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputMultipleLangueComponent)(); }; }
|
|
4208
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls:
|
|
4197
|
+
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) {
|
|
4209
4198
|
i0.ɵɵelementStart(0, "mat-tab-group", 0);
|
|
4210
4199
|
i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
|
|
4211
|
-
i0.ɵɵ
|
|
4200
|
+
i0.ɵɵrepeaterCreate(1, CaucaInputMultipleLangueComponent_For_2_Template, 4, 4, "mat-tab", 1, i0.ɵɵrepeaterTrackByIdentity);
|
|
4212
4201
|
i0.ɵɵelementEnd();
|
|
4213
4202
|
} if (rf & 2) {
|
|
4214
4203
|
i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
|
|
4215
4204
|
i0.ɵɵadvance();
|
|
4216
|
-
i0.ɵɵ
|
|
4217
|
-
} }, dependencies: [
|
|
4205
|
+
i0.ɵɵrepeater(ctx.labels);
|
|
4206
|
+
} }, 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%}"] }); }
|
|
4218
4207
|
}
|
|
4219
4208
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
4220
4209
|
type: Component,
|
|
4221
|
-
args: [{ selector: 'cauca-input-multiple-langue', imports: [
|
|
4210
|
+
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\r\n @for (lang of labels; track lang; let i = $index) {\r\n <mat-tab [label]=\"lang\">\r\n <mat-form-field hideRequiredMarker=\"never\">\r\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\r\n @if (forms[i].invalid) {\r\n <mat-error>{{getErrorMessage(i) | translate}}</mat-error>\r\n }\r\n </mat-form-field>\r\n </mat-tab>\r\n }\r\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
|
|
4222
4211
|
}], () => [], { value: [{
|
|
4223
4212
|
type: Input
|
|
4224
4213
|
}] }); })();
|
|
4225
4214
|
(() => { (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 }); })();
|
|
4226
4215
|
|
|
4227
|
-
function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
4228
|
-
i0.ɵɵelement(0, "fa-icon", 8);
|
|
4229
|
-
} if (rf & 2) {
|
|
4230
|
-
const menu_r2 = i0.ɵɵnextContext(2).$implicit;
|
|
4231
|
-
i0.ɵɵproperty("icon", menu_r2.icon);
|
|
4232
|
-
} }
|
|
4233
|
-
function CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
4234
|
-
i0.ɵɵelement(0, "img", 9);
|
|
4235
|
-
} if (rf & 2) {
|
|
4236
|
-
const menu_r2 = i0.ɵɵnextContext(2).$implicit;
|
|
4237
|
-
i0.ɵɵproperty("src", menu_r2.icon, i0.ɵɵsanitizeUrl);
|
|
4238
|
-
} }
|
|
4239
|
-
function CaucaMenuVerticalComponent_h4_0_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
4240
|
-
i0.ɵɵelementStart(0, "div", 5);
|
|
4241
|
-
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);
|
|
4242
|
-
i0.ɵɵelementEnd();
|
|
4243
|
-
} if (rf & 2) {
|
|
4244
|
-
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
4245
|
-
i0.ɵɵadvance();
|
|
4246
|
-
i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
|
|
4247
|
-
i0.ɵɵadvance();
|
|
4248
|
-
i0.ɵɵproperty("ngIf", menu_r2.icon.filter === undefined);
|
|
4249
|
-
} }
|
|
4250
|
-
function CaucaMenuVerticalComponent_h4_0_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
4251
|
-
i0.ɵɵelementStart(0, "div", 10)(1, "span");
|
|
4252
|
-
i0.ɵɵtext(2);
|
|
4253
|
-
i0.ɵɵpipe(3, "translate");
|
|
4254
|
-
i0.ɵɵelementEnd()();
|
|
4255
|
-
} if (rf & 2) {
|
|
4256
|
-
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
4257
|
-
i0.ɵɵadvance(2);
|
|
4258
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r2.label));
|
|
4259
|
-
} }
|
|
4260
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
4261
|
-
i0.ɵɵelementStart(0, "div", 15);
|
|
4262
|
-
i0.ɵɵtext(1, "\u2022");
|
|
4263
|
-
i0.ɵɵelementEnd();
|
|
4264
|
-
} }
|
|
4265
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
4266
|
-
i0.ɵɵelement(0, "fa-icon", 8);
|
|
4267
|
-
} if (rf & 2) {
|
|
4268
|
-
const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
|
|
4269
|
-
i0.ɵɵproperty("icon", submenu_r5.icon);
|
|
4270
|
-
} }
|
|
4271
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
4272
|
-
i0.ɵɵelement(0, "img", 9);
|
|
4273
|
-
} if (rf & 2) {
|
|
4274
|
-
const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
|
|
4275
|
-
i0.ɵɵproperty("src", submenu_r5.icon, i0.ɵɵsanitizeUrl);
|
|
4276
|
-
} }
|
|
4277
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
4278
|
-
i0.ɵɵelementStart(0, "div", 5);
|
|
4279
|
-
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);
|
|
4280
|
-
i0.ɵɵelementEnd();
|
|
4281
|
-
} if (rf & 2) {
|
|
4282
|
-
const submenu_r5 = i0.ɵɵnextContext().$implicit;
|
|
4283
|
-
i0.ɵɵadvance();
|
|
4284
|
-
i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
|
|
4285
|
-
i0.ɵɵadvance();
|
|
4286
|
-
i0.ɵɵproperty("ngIf", submenu_r5.icon.filter === undefined);
|
|
4287
|
-
} }
|
|
4288
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
4289
|
-
i0.ɵɵelementStart(0, "div", 10)(1, "span");
|
|
4290
|
-
i0.ɵɵtext(2);
|
|
4291
|
-
i0.ɵɵpipe(3, "translate");
|
|
4292
|
-
i0.ɵɵelementEnd()();
|
|
4293
|
-
} if (rf & 2) {
|
|
4294
|
-
const submenu_r5 = i0.ɵɵnextContext().$implicit;
|
|
4295
|
-
i0.ɵɵadvance(2);
|
|
4296
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r5.label));
|
|
4297
|
-
} }
|
|
4298
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
4299
|
-
const _r4 = i0.ɵɵgetCurrentView();
|
|
4300
|
-
i0.ɵɵelementStart(0, "div", 13);
|
|
4301
|
-
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)); });
|
|
4302
|
-
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);
|
|
4303
|
-
i0.ɵɵelementEnd();
|
|
4304
|
-
} if (rf & 2) {
|
|
4305
|
-
const submenu_r5 = ctx.$implicit;
|
|
4306
|
-
i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
|
|
4307
|
-
i0.ɵɵadvance();
|
|
4308
|
-
i0.ɵɵproperty("ngIf", !submenu_r5.icon);
|
|
4309
|
-
i0.ɵɵadvance();
|
|
4310
|
-
i0.ɵɵproperty("ngIf", submenu_r5.icon);
|
|
4311
|
-
i0.ɵɵadvance();
|
|
4312
|
-
i0.ɵɵproperty("ngIf", submenu_r5.label);
|
|
4313
|
-
} }
|
|
4314
|
-
function CaucaMenuVerticalComponent_h4_0_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
4315
|
-
i0.ɵɵelementStart(0, "div", 11);
|
|
4316
|
-
i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template, 4, 5, "div", 12);
|
|
4317
|
-
i0.ɵɵelementEnd();
|
|
4318
|
-
} if (rf & 2) {
|
|
4319
|
-
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
4320
|
-
i0.ɵɵadvance();
|
|
4321
|
-
i0.ɵɵproperty("ngForOf", menu_r2.childs);
|
|
4322
|
-
} }
|
|
4323
|
-
function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
|
|
4324
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
4325
|
-
i0.ɵɵelementStart(0, "h4")(1, "div", 1);
|
|
4326
|
-
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)); });
|
|
4327
|
-
i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
|
|
4328
|
-
i0.ɵɵelementEnd();
|
|
4329
|
-
i0.ɵɵtemplate(4, CaucaMenuVerticalComponent_h4_0_div_4_Template, 2, 1, "div", 4);
|
|
4330
|
-
i0.ɵɵelementEnd();
|
|
4331
|
-
} if (rf & 2) {
|
|
4332
|
-
const menu_r2 = ctx.$implicit;
|
|
4333
|
-
i0.ɵɵclassMap(menu_r2.activated ? "selected" : "");
|
|
4334
|
-
i0.ɵɵadvance(2);
|
|
4335
|
-
i0.ɵɵproperty("ngIf", menu_r2.icon);
|
|
4336
|
-
i0.ɵɵadvance();
|
|
4337
|
-
i0.ɵɵproperty("ngIf", menu_r2.label);
|
|
4338
|
-
i0.ɵɵadvance();
|
|
4339
|
-
i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.activated);
|
|
4340
|
-
} }
|
|
4341
|
-
class CaucaMenuVerticalComponent {
|
|
4342
|
-
constructor() {
|
|
4343
|
-
this.itemClick = new EventEmitter();
|
|
4344
|
-
this.menuItems = [];
|
|
4345
|
-
this.router = inject(Router);
|
|
4346
|
-
this.router.events.subscribe((route) => {
|
|
4347
|
-
if (route instanceof NavigationEnd) {
|
|
4348
|
-
this.selectActiveRoute(route);
|
|
4349
|
-
}
|
|
4350
|
-
});
|
|
4351
|
-
}
|
|
4352
|
-
goTo(path, e) {
|
|
4353
|
-
this.router.navigate([path]);
|
|
4354
|
-
this.itemClick.emit();
|
|
4355
|
-
e.stopPropagation();
|
|
4356
|
-
}
|
|
4357
|
-
selectActiveRoute(route) {
|
|
4358
|
-
this.menuItems.forEach((menu) => {
|
|
4359
|
-
if (route.url) {
|
|
4360
|
-
menu.activated = (route.url === menu.path || (menu.childs.length && route.url.indexOf(menu.path) > -1));
|
|
4361
|
-
}
|
|
4362
|
-
menu.childs.forEach((subMenu) => {
|
|
4363
|
-
if (route.url) {
|
|
4364
|
-
subMenu.activated = (route.url === subMenu.path || route.urlAfterRedirects === subMenu.path);
|
|
4365
|
-
}
|
|
4366
|
-
});
|
|
4367
|
-
});
|
|
4368
|
-
}
|
|
4369
|
-
static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuVerticalComponent)(); }; }
|
|
4370
|
-
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) {
|
|
4371
|
-
i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
|
|
4372
|
-
} if (rf & 2) {
|
|
4373
|
-
i0.ɵɵproperty("ngForOf", ctx.menuItems);
|
|
4374
|
-
} }, dependencies: [CommonModule, i1$3.NgForOf, i1$3.NgIf, FaIconComponent,
|
|
4375
|
-
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}"] }); }
|
|
4376
|
-
}
|
|
4377
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
|
|
4378
|
-
type: Component,
|
|
4379
|
-
args: [{ selector: 'cauca-menu-vertical', imports: [
|
|
4380
|
-
CommonModule,
|
|
4381
|
-
FaIconComponent,
|
|
4382
|
-
TranslateModule,
|
|
4383
|
-
], 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"] }]
|
|
4384
|
-
}], () => [], { itemClick: [{
|
|
4385
|
-
type: Output
|
|
4386
|
-
}], menuItems: [{
|
|
4387
|
-
type: Input
|
|
4388
|
-
}] }); })();
|
|
4389
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib/components/deprecated-components/cauca-menu-vertical/cauca-menu-vertical.component.ts", lineNumber: 18 }); })();
|
|
4390
|
-
|
|
4391
|
-
const _c0$1 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
|
|
4392
|
-
const _c1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
|
|
4393
|
-
function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
|
|
4394
|
-
const _r2 = i0.ɵɵgetCurrentView();
|
|
4395
|
-
i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
|
|
4396
|
-
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()); });
|
|
4397
|
-
i0.ɵɵelementEnd();
|
|
4398
|
-
i0.ɵɵelementStart(2, "span", 9);
|
|
4399
|
-
i0.ɵɵtext(3);
|
|
4400
|
-
i0.ɵɵpipe(4, "translate");
|
|
4401
|
-
i0.ɵɵelementEnd();
|
|
4402
|
-
i0.ɵɵelementStart(5, "span", 10);
|
|
4403
|
-
i0.ɵɵtext(6);
|
|
4404
|
-
i0.ɵɵelementEnd()();
|
|
4405
|
-
} if (rf & 2) {
|
|
4406
|
-
const ctx_r2 = i0.ɵɵnextContext();
|
|
4407
|
-
i0.ɵɵadvance(3);
|
|
4408
|
-
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r2.version);
|
|
4409
|
-
i0.ɵɵadvance(3);
|
|
4410
|
-
i0.ɵɵtextInterpolate(ctx_r2.version);
|
|
4411
|
-
} }
|
|
4412
|
-
class CaucaMenuSidebarComponent {
|
|
4413
|
-
constructor() {
|
|
4414
|
-
this.menuItems = [];
|
|
4415
|
-
this.version = '';
|
|
4416
|
-
this.keepMenuExpanded = false;
|
|
4417
|
-
const element = inject(ElementRef);
|
|
4418
|
-
this.hostElement = element.nativeElement;
|
|
4419
|
-
this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
|
|
4420
|
-
this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
|
|
4421
|
-
this.setDisplayMenu();
|
|
4422
|
-
}
|
|
4423
|
-
onResize(_e) {
|
|
4424
|
-
this.setDisplayMenu();
|
|
4425
|
-
}
|
|
4426
|
-
onMenuItemClick() {
|
|
4427
|
-
if (window.innerWidth < 1000) {
|
|
4428
|
-
this.hideOnMobile();
|
|
4429
|
-
}
|
|
4430
|
-
}
|
|
4431
|
-
hideOnMobile() {
|
|
4432
|
-
this.hostElement.classList.remove('mobile');
|
|
4433
|
-
this.hostElement.classList.add('hidden');
|
|
4434
|
-
}
|
|
4435
|
-
showOnMobile() {
|
|
4436
|
-
this.hostElement.classList.remove('hidden');
|
|
4437
|
-
this.hostElement.classList.add('mobile');
|
|
4438
|
-
}
|
|
4439
|
-
onToggleCollapse() {
|
|
4440
|
-
if (this.keepMenuExpanded) {
|
|
4441
|
-
this.onCollapseMenu();
|
|
4442
|
-
this.hostElement.classList.remove('keepExpanded');
|
|
4443
|
-
}
|
|
4444
|
-
else {
|
|
4445
|
-
this.onExpandedMenu();
|
|
4446
|
-
this.hostElement.classList.add('keepExpanded');
|
|
4447
|
-
}
|
|
4448
|
-
this.keepMenuExpanded = !this.keepMenuExpanded;
|
|
4449
|
-
localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
4450
|
-
}
|
|
4451
|
-
setDisplayMenu() {
|
|
4452
|
-
this.hostElement.className = '';
|
|
4453
|
-
if (window.innerWidth < 1000) {
|
|
4454
|
-
this.hostElement.classList.add('hidden');
|
|
4455
|
-
}
|
|
4456
|
-
else {
|
|
4457
|
-
if (localStorage.getItem('cauca-menu-status') === 'expanded') {
|
|
4458
|
-
this.keepMenuExpanded = true;
|
|
4459
|
-
this.hostElement.classList.add('keepExpanded');
|
|
4460
|
-
}
|
|
4461
|
-
this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
4462
|
-
}
|
|
4463
|
-
}
|
|
4464
|
-
onMouseOver(e) {
|
|
4465
|
-
if (!this.keepMenuExpanded) {
|
|
4466
|
-
this.onExpandedMenu();
|
|
4467
|
-
}
|
|
4468
|
-
e.stopPropagation();
|
|
4469
|
-
}
|
|
4470
|
-
onMouseOut(e) {
|
|
4471
|
-
if (!this.keepMenuExpanded) {
|
|
4472
|
-
this.onCollapseMenu();
|
|
4473
|
-
}
|
|
4474
|
-
e.stopPropagation();
|
|
4475
|
-
}
|
|
4476
|
-
onExpandedMenu() {
|
|
4477
|
-
if (window.innerWidth >= 1000) {
|
|
4478
|
-
this.hostElement.classList.remove('collapsed');
|
|
4479
|
-
this.hostElement.classList.add('expanded');
|
|
4480
|
-
}
|
|
4481
|
-
}
|
|
4482
|
-
onCollapseMenu() {
|
|
4483
|
-
if (window.innerWidth >= 1000) {
|
|
4484
|
-
this.hostElement.classList.remove('expanded');
|
|
4485
|
-
this.hostElement.classList.add('collapsed');
|
|
4486
|
-
}
|
|
4487
|
-
}
|
|
4488
|
-
static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuSidebarComponent)(); }; }
|
|
4489
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuSidebarComponent, selectors: [["cauca-menu-sidebar"]], hostBindings: function CaucaMenuSidebarComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
4490
|
-
i0.ɵɵlistener("resize", function CaucaMenuSidebarComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, i0.ɵɵresolveWindow);
|
|
4491
|
-
} }, 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) {
|
|
4492
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
4493
|
-
i0.ɵɵprojectionDef(_c0$1);
|
|
4494
|
-
i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
|
|
4495
|
-
i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hideOnMobile()); });
|
|
4496
|
-
i0.ɵɵelementStart(2, "mat-icon");
|
|
4497
|
-
i0.ɵɵtext(3, "clear");
|
|
4498
|
-
i0.ɵɵelementEnd()();
|
|
4499
|
-
i0.ɵɵprojection(4);
|
|
4500
|
-
i0.ɵɵelementEnd();
|
|
4501
|
-
i0.ɵɵelementStart(5, "div", 3);
|
|
4502
|
-
i0.ɵɵprojection(6, 1);
|
|
4503
|
-
i0.ɵɵelementStart(7, "cauca-menu-vertical", 4, 0);
|
|
4504
|
-
i0.ɵɵlistener("itemClick", function CaucaMenuSidebarComponent_Template_cauca_menu_vertical_itemClick_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMenuItemClick()); });
|
|
4505
|
-
i0.ɵɵelementEnd();
|
|
4506
|
-
i0.ɵɵprojection(9, 2);
|
|
4507
|
-
i0.ɵɵelementEnd();
|
|
4508
|
-
i0.ɵɵelementStart(10, "div", 5);
|
|
4509
|
-
i0.ɵɵprojection(11, 3);
|
|
4510
|
-
i0.ɵɵelementEnd();
|
|
4511
|
-
i0.ɵɵtemplate(12, CaucaMenuSidebarComponent_div_12_Template, 7, 5, "div", 6);
|
|
4512
|
-
} if (rf & 2) {
|
|
4513
|
-
i0.ɵɵadvance(7);
|
|
4514
|
-
i0.ɵɵproperty("menuItems", ctx.menuItems);
|
|
4515
|
-
i0.ɵɵadvance(5);
|
|
4516
|
-
i0.ɵɵproperty("ngIf", ctx.version);
|
|
4517
|
-
} }, 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}}"] }); }
|
|
4518
|
-
}
|
|
4519
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
|
|
4520
|
-
type: Component,
|
|
4521
|
-
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"] }]
|
|
4522
|
-
}], () => [], { menuItems: [{
|
|
4523
|
-
type: Input
|
|
4524
|
-
}], version: [{
|
|
4525
|
-
type: Input
|
|
4526
|
-
}], onResize: [{
|
|
4527
|
-
type: HostListener,
|
|
4528
|
-
args: ['window:resize', ['$event']]
|
|
4529
|
-
}] }); })();
|
|
4530
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib/components/deprecated-components/cauca-menu-sidebar/cauca-menu-sidebar.component.ts", lineNumber: 15 }); })();
|
|
4531
|
-
|
|
4532
|
-
class MenuItem {
|
|
4533
|
-
constructor(label, path, icon = '') {
|
|
4534
|
-
this.label = label;
|
|
4535
|
-
this.path = path;
|
|
4536
|
-
this.icon = icon;
|
|
4537
|
-
this.childs = [];
|
|
4538
|
-
}
|
|
4539
|
-
}
|
|
4540
|
-
|
|
4541
4216
|
const _c0 = ["container"];
|
|
4542
4217
|
function CaucaSlideshowComponent_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
4543
4218
|
i0.ɵɵdomElementStart(0, "div");
|
|
@@ -4555,10 +4230,10 @@ class CaucaSlideshowComponent {
|
|
|
4555
4230
|
constructor() {
|
|
4556
4231
|
this.height = '150px';
|
|
4557
4232
|
this.autoPlay = true;
|
|
4558
|
-
this.timer = null;
|
|
4559
|
-
this.items = [];
|
|
4560
4233
|
this.states = [];
|
|
4561
4234
|
this.selectedIndex = 0;
|
|
4235
|
+
this.timer = null;
|
|
4236
|
+
this.items = [];
|
|
4562
4237
|
}
|
|
4563
4238
|
set images(list) {
|
|
4564
4239
|
this.items = list;
|
|
@@ -4611,11 +4286,11 @@ class CaucaSlideshowComponent {
|
|
|
4611
4286
|
} if (rf & 2) {
|
|
4612
4287
|
i0.ɵɵadvance(2);
|
|
4613
4288
|
i0.ɵɵrepeater(ctx.images);
|
|
4614
|
-
} },
|
|
4289
|
+
} }, 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}"] }); }
|
|
4615
4290
|
}
|
|
4616
4291
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
|
|
4617
4292
|
type: Component,
|
|
4618
|
-
args: [{ selector: 'cauca-slideshow', imports: [
|
|
4293
|
+
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\r\n @for (url of images; track url; let index = $index) {\r\n <div [class.active]=\"index === selectedIndex\" [class.entering]=\"states[index] === 'in'\" [class.leaving]=\"states[index] === 'out'\">\r\n <img [src]=\"url\" />\r\n </div>\r\n }\r\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"] }]
|
|
4619
4294
|
}], null, { container: [{
|
|
4620
4295
|
type: ViewChild,
|
|
4621
4296
|
args: ['container', { static: true }]
|
|
@@ -4636,5 +4311,5 @@ class CaucaSlideshowComponent {
|
|
|
4636
4311
|
* Generated bundle index. Do not edit.
|
|
4637
4312
|
*/
|
|
4638
4313
|
|
|
4639
|
-
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService,
|
|
4314
|
+
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 };
|
|
4640
4315
|
//# sourceMappingURL=cauca-911-material.mjs.map
|