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