@cauca-911/material 18.0.1-beta6 → 18.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 -2125
- 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 -78
- 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 -17
- 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,1929 +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 {
|
|
1092
|
-
constructor() {
|
|
1093
|
-
this.translateLabel = input(true);
|
|
1094
|
-
this.label = input();
|
|
1095
|
-
this.color = input(undefined);
|
|
1096
|
-
this.icon = input();
|
|
1097
|
-
this.iconAlignment = input('left');
|
|
1098
|
-
this.isDisabled = input(false);
|
|
1099
|
-
this.isInProgress = false;
|
|
1100
|
-
this.showIcon = computed(() => !!this.icon() || this.isInProgress);
|
|
1101
|
-
this.iconToShow = computed(() => this.isInProgress ? 'update' : this.icon());
|
|
1102
|
-
this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress);
|
|
1103
|
-
this.buttonClick = output();
|
|
1104
|
-
}
|
|
1105
|
-
static { this.ɵfac = function RaisedButtonComponent_Factory(t) { return new (t || RaisedButtonComponent)(); }; }
|
|
1106
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-raised-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: "isInProgress" }, outputs: { buttonClick: "buttonClick" }, standalone: true, features: [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) {
|
|
1107
|
-
i0.ɵɵelementStart(0, "button", 0);
|
|
1108
|
-
i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
|
|
1109
|
-
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);
|
|
1110
|
-
i0.ɵɵelementEnd();
|
|
1111
|
-
} if (rf & 2) {
|
|
1112
|
-
i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
|
|
1113
|
-
i0.ɵɵadvance();
|
|
1114
|
-
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
|
|
1115
|
-
i0.ɵɵadvance();
|
|
1116
|
-
i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
|
|
1117
|
-
i0.ɵɵadvance(2);
|
|
1118
|
-
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
|
|
1119
|
-
} }, 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 }); }
|
|
1120
|
-
}
|
|
1121
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
|
|
1122
|
-
type: Component,
|
|
1123
|
-
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"] }]
|
|
1124
|
-
}], null, { isInProgress: [{
|
|
1125
|
-
type: Input
|
|
1126
|
-
}] }); })();
|
|
1127
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber: 14 }); })();
|
|
1128
|
-
|
|
1129
|
-
class IconButtonComponent extends BaseButton {
|
|
1130
|
-
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(t) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(t || IconButtonComponent); }; })(); }
|
|
1131
|
-
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) {
|
|
1132
|
-
i0.ɵɵelementStart(0, "button", 0);
|
|
1133
|
-
i0.ɵɵlistener("click", function IconButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
|
|
1134
|
-
i0.ɵɵelementStart(1, "mat-icon");
|
|
1135
|
-
i0.ɵɵtext(2);
|
|
1136
|
-
i0.ɵɵelementEnd()();
|
|
1137
|
-
} if (rf & 2) {
|
|
1138
|
-
i0.ɵɵproperty("disabled", ctx.buttonDisabled());
|
|
1139
|
-
i0.ɵɵadvance();
|
|
1140
|
-
i0.ɵɵstyleProp("color", ctx.color());
|
|
1141
|
-
i0.ɵɵclassProp("button-spin", ctx.isInProgress());
|
|
1142
|
-
i0.ɵɵadvance();
|
|
1143
|
-
i0.ɵɵtextInterpolate(ctx.iconToShow());
|
|
1144
|
-
} }, 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 }); }
|
|
1145
|
-
}
|
|
1146
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconButtonComponent, [{
|
|
1147
|
-
type: Component,
|
|
1148
|
-
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"] }]
|
|
1149
|
-
}], null, null); })();
|
|
1150
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib\\buttons\\icon-button\\icon-button.component.ts", lineNumber: 14 }); })();
|
|
1151
|
-
|
|
1152
|
-
function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
1153
|
-
i0.ɵɵelementStart(0, "mat-icon");
|
|
1154
|
-
i0.ɵɵtext(1);
|
|
1155
|
-
i0.ɵɵelementEnd();
|
|
1156
|
-
} if (rf & 2) {
|
|
1157
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
1158
|
-
i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
|
|
1159
|
-
i0.ɵɵadvance();
|
|
1160
|
-
i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
|
|
1161
|
-
} }
|
|
1162
|
-
function MenuItemComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
1163
|
-
i0.ɵɵtext(0);
|
|
1164
|
-
i0.ɵɵpipe(1, "translate");
|
|
1165
|
-
} if (rf & 2) {
|
|
1166
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
1167
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
|
|
1168
|
-
} }
|
|
1169
|
-
function MenuItemComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
1170
|
-
i0.ɵɵtext(0);
|
|
1171
|
-
} if (rf & 2) {
|
|
1172
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
1173
|
-
i0.ɵɵtextInterpolate(ctx_r0.label());
|
|
1174
|
-
} }
|
|
1175
|
-
function MenuItemComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
1176
|
-
i0.ɵɵelementStart(0, "mat-icon");
|
|
1177
|
-
i0.ɵɵtext(1);
|
|
1178
|
-
i0.ɵɵelementEnd();
|
|
1179
|
-
} if (rf & 2) {
|
|
1180
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
1181
|
-
i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
|
|
1182
|
-
i0.ɵɵadvance();
|
|
1183
|
-
i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
|
|
1184
|
-
} }
|
|
1185
|
-
class MenuItemComponent extends BaseButtonWithLabel {
|
|
1186
|
-
constructor() {
|
|
1187
|
-
super(...arguments);
|
|
1188
|
-
this.translateLabel = input(false);
|
|
1189
|
-
this.trigger = input();
|
|
1190
|
-
}
|
|
1191
|
-
static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMenuItemComponent_BaseFactory; return function MenuItemComponent_Factory(t) { return (ɵMenuItemComponent_BaseFactory || (ɵMenuItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuItemComponent)))(t || MenuItemComponent); }; })(); }
|
|
1192
|
-
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) {
|
|
1193
|
-
i0.ɵɵelementStart(0, "button", 0);
|
|
1194
|
-
i0.ɵɵlistener("click", function MenuItemComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
|
|
1195
|
-
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);
|
|
1196
|
-
i0.ɵɵelementEnd();
|
|
1197
|
-
} if (rf & 2) {
|
|
1198
|
-
i0.ɵɵproperty("matMenuTriggerFor", ctx.trigger())("disabled", ctx.buttonDisabled());
|
|
1199
|
-
i0.ɵɵadvance();
|
|
1200
|
-
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
|
|
1201
|
-
i0.ɵɵadvance();
|
|
1202
|
-
i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
|
|
1203
|
-
i0.ɵɵadvance(2);
|
|
1204
|
-
i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
|
|
1205
|
-
} }, dependencies: [MatMenuItem, TranslateModule, i2.TranslatePipe, MatIcon, MatMenuTrigger], changeDetection: 0 }); }
|
|
1206
|
-
}
|
|
1207
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
|
|
1208
|
-
type: Component,
|
|
1209
|
-
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>" }]
|
|
1210
|
-
}], null, null); })();
|
|
1211
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib\\buttons\\menu-item\\menu-item.component.ts", lineNumber: 15 }); })();
|
|
1212
|
-
|
|
1213
|
-
const _c0$4 = ["*"];
|
|
1214
|
-
const DEFAULT_DURATION$1 = 500;
|
|
1215
|
-
class ExpandablePanelComponent {
|
|
1216
|
-
constructor() {
|
|
1217
|
-
this.isCollapsed = model(false);
|
|
1218
|
-
this.title = input('');
|
|
1219
|
-
this.subTitle = input('');
|
|
1220
|
-
}
|
|
1221
|
-
changeState() {
|
|
1222
|
-
this.isCollapsed.update(value => !value);
|
|
1223
|
-
}
|
|
1224
|
-
static { this.ɵfac = function ExpandablePanelComponent_Factory(t) { return new (t || ExpandablePanelComponent)(); }; }
|
|
1225
|
-
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) {
|
|
1226
|
-
i0.ɵɵprojectionDef();
|
|
1227
|
-
i0.ɵɵelementStart(0, "section")(1, "div", 0);
|
|
1228
|
-
i0.ɵɵlistener("click", function ExpandablePanelComponent_Template_div_click_1_listener() { return ctx.changeState(); });
|
|
1229
|
-
i0.ɵɵelementStart(2, "mat-icon");
|
|
1230
|
-
i0.ɵɵtext(3, "expand_less");
|
|
1231
|
-
i0.ɵɵelementEnd();
|
|
1232
|
-
i0.ɵɵelementStart(4, "div")(5, "div", 1);
|
|
1233
|
-
i0.ɵɵtext(6);
|
|
1234
|
-
i0.ɵɵelementEnd();
|
|
1235
|
-
i0.ɵɵelementStart(7, "div", 2);
|
|
1236
|
-
i0.ɵɵtext(8);
|
|
1237
|
-
i0.ɵɵelementEnd()()();
|
|
1238
|
-
i0.ɵɵelementStart(9, "div", 3);
|
|
1239
|
-
i0.ɵɵprojection(10);
|
|
1240
|
-
i0.ɵɵelementEnd()();
|
|
1241
|
-
} if (rf & 2) {
|
|
1242
|
-
i0.ɵɵadvance(2);
|
|
1243
|
-
i0.ɵɵproperty("@arrow-collapse", ctx.isCollapsed());
|
|
1244
|
-
i0.ɵɵadvance(4);
|
|
1245
|
-
i0.ɵɵtextInterpolate(ctx.title());
|
|
1246
|
-
i0.ɵɵadvance(2);
|
|
1247
|
-
i0.ɵɵtextInterpolate(ctx.subTitle());
|
|
1248
|
-
i0.ɵɵadvance();
|
|
1249
|
-
i0.ɵɵproperty("@collapse", ctx.isCollapsed());
|
|
1250
|
-
} }, 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: [
|
|
1251
|
-
trigger('collapse', [
|
|
1252
|
-
state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
|
|
1253
|
-
state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
|
|
1254
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
1255
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
1256
|
-
]),
|
|
1257
|
-
trigger('arrow-collapse', [
|
|
1258
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
1259
|
-
state('true', style({ transform: 'rotate(180deg)' })),
|
|
1260
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
1261
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
1262
|
-
])
|
|
1263
|
-
] }, changeDetection: 0 }); }
|
|
1264
|
-
}
|
|
1265
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
|
|
1266
|
-
type: Component,
|
|
1267
|
-
args: [{ selector: 'app-expandable-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], animations: [
|
|
1268
|
-
trigger('collapse', [
|
|
1269
|
-
state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
|
|
1270
|
-
state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
|
|
1271
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
1272
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
1273
|
-
]),
|
|
1274
|
-
trigger('arrow-collapse', [
|
|
1275
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
1276
|
-
state('true', style({ transform: 'rotate(180deg)' })),
|
|
1277
|
-
transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
|
|
1278
|
-
transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
|
|
1279
|
-
])
|
|
1280
|
-
], 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"] }]
|
|
1281
|
-
}], null, null); })();
|
|
1282
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib\\layout\\expandable-panel\\expandable-panel.component.ts", lineNumber: 29 }); })();
|
|
1283
|
-
|
|
1284
|
-
class MenuExpandablePanelItemComponent {
|
|
1285
|
-
constructor() {
|
|
1286
|
-
this.icon = input();
|
|
1287
|
-
this.title = input();
|
|
1288
|
-
this.route = input();
|
|
1289
|
-
this.isSubItem = input(false);
|
|
1290
|
-
this.action = input(null);
|
|
1291
|
-
this.router = inject(Router);
|
|
1292
|
-
}
|
|
1293
|
-
openRoute() {
|
|
1294
|
-
if (this.action()) {
|
|
1295
|
-
this.action()();
|
|
1296
|
-
}
|
|
1297
|
-
else {
|
|
1298
|
-
this.router.navigate(this.route());
|
|
1299
|
-
}
|
|
1300
|
-
}
|
|
1301
|
-
static { this.ɵfac = function MenuExpandablePanelItemComponent_Factory(t) { return new (t || MenuExpandablePanelItemComponent)(); }; }
|
|
1302
|
-
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) {
|
|
1303
|
-
i0.ɵɵelementStart(0, "section", 0);
|
|
1304
|
-
i0.ɵɵlistener("click", function MenuExpandablePanelItemComponent_Template_section_click_0_listener() { return ctx.openRoute(); });
|
|
1305
|
-
i0.ɵɵelementStart(1, "mat-icon");
|
|
1306
|
-
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);
|
|
1307
233
|
i0.ɵɵelementEnd();
|
|
1308
|
-
i0.ɵɵ
|
|
1309
|
-
i0.ɵɵtext(4);
|
|
1310
|
-
i0.ɵɵpipe(5, "translate");
|
|
1311
|
-
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);
|
|
1312
235
|
} if (rf & 2) {
|
|
1313
|
-
i0.ɵɵ
|
|
1314
|
-
i0.ɵɵ
|
|
236
|
+
const notMultipleInput_r5 = i0.ɵɵreference(5);
|
|
237
|
+
i0.ɵɵadvance();
|
|
238
|
+
i0.ɵɵproperty("ngIf", ctx.icon);
|
|
1315
239
|
i0.ɵɵadvance();
|
|
1316
|
-
i0.ɵɵ
|
|
240
|
+
i0.ɵɵproperty("ngIf", ctx.text);
|
|
1317
241
|
i0.ɵɵadvance();
|
|
1318
|
-
i0.ɵɵ
|
|
1319
|
-
} }, 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}"] }); }
|
|
1320
244
|
}
|
|
1321
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
245
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
1322
246
|
type: Component,
|
|
1323
|
-
args: [{ selector: '
|
|
1324
|
-
}],
|
|
1325
|
-
|
|
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 }); })();
|
|
1326
263
|
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
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");
|
|
1330
266
|
i0.ɵɵtext(1);
|
|
1331
267
|
i0.ɵɵpipe(2, "translate");
|
|
1332
268
|
i0.ɵɵelementEnd();
|
|
1333
269
|
} if (rf & 2) {
|
|
1334
|
-
const
|
|
270
|
+
const i_r1 = i0.ɵɵnextContext().index;
|
|
271
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
1335
272
|
i0.ɵɵadvance();
|
|
1336
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1,
|
|
1337
|
-
} }
|
|
1338
|
-
function MenuExpandablePanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
1339
|
-
i0.ɵɵelementStart(0, "mat-icon");
|
|
1340
|
-
i0.ɵɵtext(1, "arrow_forward_ios");
|
|
1341
|
-
i0.ɵɵelementEnd();
|
|
1342
|
-
} if (rf & 2) {
|
|
1343
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
1344
|
-
i0.ɵɵproperty("@arrow-collapse", ctx_r0.opened());
|
|
1345
|
-
} }
|
|
1346
|
-
function MenuExpandablePanelComponent_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
1347
|
-
i0.ɵɵelement(0, "app-menu-expandable-panel-item", 3);
|
|
1348
|
-
} if (rf & 2) {
|
|
1349
|
-
const item_r2 = ctx.$implicit;
|
|
1350
|
-
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)));
|
|
1351
274
|
} }
|
|
1352
|
-
function
|
|
1353
|
-
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()();
|
|
1354
280
|
} if (rf & 2) {
|
|
1355
|
-
const
|
|
1356
|
-
|
|
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);
|
|
1357
289
|
} }
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
this.
|
|
1362
|
-
this.
|
|
1363
|
-
this.
|
|
1364
|
-
this.
|
|
1365
|
-
this.
|
|
1366
|
-
this.addTopBorderRadius = input(false);
|
|
1367
|
-
this.bottomBorder = input(false);
|
|
1368
|
-
this.addBottomBorderRadius = input(false);
|
|
1369
|
-
this.route = input([]);
|
|
1370
|
-
this.items = input([]);
|
|
1371
|
-
this.opened = signal(false);
|
|
1372
|
-
this.router = inject(Router);
|
|
1373
|
-
}
|
|
1374
|
-
get topLeftRadius() {
|
|
1375
|
-
return this.addTopBorderRadius() ? '12px' : '0px';
|
|
1376
|
-
}
|
|
1377
|
-
get topRightRadius() {
|
|
1378
|
-
return this.addTopBorderRadius() ? '12px' : '0px';
|
|
1379
|
-
}
|
|
1380
|
-
get bottomLeftRadius() {
|
|
1381
|
-
return this.addBottomBorderRadius() ? '12px' : '0px';
|
|
1382
|
-
}
|
|
1383
|
-
get bottomRightRadius() {
|
|
1384
|
-
return this.addBottomBorderRadius() ? '12px' : '0px';
|
|
1385
|
-
}
|
|
1386
|
-
get bottomBorderClass() {
|
|
1387
|
-
return this.bottomBorder();
|
|
1388
|
-
}
|
|
1389
|
-
handleClick() {
|
|
1390
|
-
if (this.route().length > 0 && this.items().length === 0) {
|
|
1391
|
-
this.router.navigate(this.route());
|
|
1392
|
-
}
|
|
1393
|
-
else {
|
|
1394
|
-
this.opened.set(!this.opened());
|
|
1395
|
-
}
|
|
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();
|
|
1396
298
|
}
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
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);
|
|
1414
326
|
i0.ɵɵelementEnd();
|
|
1415
|
-
i0.ɵɵtemplate(9, MenuExpandablePanelComponent_Conditional_9_Template, 2, 0);
|
|
1416
327
|
} if (rf & 2) {
|
|
1417
|
-
i0.ɵɵproperty("
|
|
1418
|
-
i0.ɵɵadvance(2);
|
|
1419
|
-
i0.ɵɵtextInterpolate(ctx.menuIcon());
|
|
1420
|
-
i0.ɵɵadvance(3);
|
|
1421
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, ctx.title()));
|
|
1422
|
-
i0.ɵɵadvance(2);
|
|
1423
|
-
i0.ɵɵconditional(ctx.subTitle() ? 7 : -1);
|
|
1424
|
-
i0.ɵɵadvance();
|
|
1425
|
-
i0.ɵɵconditional(ctx.showExpansionIcon() ? 8 : -1);
|
|
328
|
+
i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
|
|
1426
329
|
i0.ɵɵadvance();
|
|
1427
|
-
i0.ɵɵ
|
|
1428
|
-
} }, dependencies: [
|
|
1429
|
-
trigger('arrow-collapse', [
|
|
1430
|
-
state('false', style({ transform: 'rotate(0deg)' })),
|
|
1431
|
-
state('true', style({ transform: 'rotate(-90deg)' })),
|
|
1432
|
-
transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
|
|
1433
|
-
transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
|
|
1434
|
-
])
|
|
1435
|
-
] } }); }
|
|
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%}"] }); }
|
|
1436
332
|
}
|
|
1437
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
333
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
1438
334
|
type: Component,
|
|
1439
|
-
args: [{ selector: '
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
state('true', style({ transform: 'rotate(-90deg)' })),
|
|
1443
|
-
transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
|
|
1444
|
-
transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
|
|
1445
|
-
])
|
|
1446
|
-
], 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"] }]
|
|
1447
|
-
}], null, { topLeftRadius: [{
|
|
1448
|
-
type: HostBinding,
|
|
1449
|
-
args: ['style.border-top-left-radius']
|
|
1450
|
-
}], topRightRadius: [{
|
|
1451
|
-
type: HostBinding,
|
|
1452
|
-
args: ['style.border-top-right-radius']
|
|
1453
|
-
}], bottomLeftRadius: [{
|
|
1454
|
-
type: HostBinding,
|
|
1455
|
-
args: ['style.border-bottom-left-radius']
|
|
1456
|
-
}], bottomRightRadius: [{
|
|
1457
|
-
type: HostBinding,
|
|
1458
|
-
args: ['style.border-bottom-right-radius']
|
|
1459
|
-
}], bottomBorderClass: [{
|
|
1460
|
-
type: HostBinding,
|
|
1461
|
-
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
|
|
1462
338
|
}] }); })();
|
|
1463
|
-
(() => { (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 }); })();
|
|
1464
340
|
|
|
1465
|
-
function
|
|
1466
|
-
i0.ɵɵ
|
|
1467
|
-
|
|
1468
|
-
i0.ɵɵ
|
|
1469
|
-
i0.ɵɵ
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
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);
|
|
1473
356
|
i0.ɵɵelementEnd();
|
|
1474
|
-
i0.ɵɵelementContainerEnd();
|
|
1475
357
|
} if (rf & 2) {
|
|
1476
|
-
const
|
|
1477
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
358
|
+
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
1478
359
|
i0.ɵɵadvance();
|
|
1479
|
-
i0.ɵɵproperty("
|
|
360
|
+
i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
|
|
1480
361
|
i0.ɵɵadvance();
|
|
1481
|
-
i0.ɵɵ
|
|
362
|
+
i0.ɵɵproperty("ngIf", menu_r2.icon.filter === undefined);
|
|
1482
363
|
} }
|
|
1483
|
-
function
|
|
1484
|
-
i0.ɵɵelementStart(0, "
|
|
1485
|
-
i0.ɵɵtext(
|
|
1486
|
-
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");
|
|
1487
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);
|
|
1488
381
|
} if (rf & 2) {
|
|
1489
|
-
const
|
|
1490
|
-
i0.ɵɵ
|
|
1491
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.breadcrumb()));
|
|
382
|
+
const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
|
|
383
|
+
i0.ɵɵproperty("icon", submenu_r5.icon);
|
|
1492
384
|
} }
|
|
1493
|
-
function
|
|
1494
|
-
i0.ɵɵ
|
|
1495
|
-
|
|
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);
|
|
1496
394
|
i0.ɵɵelementEnd();
|
|
1497
395
|
} if (rf & 2) {
|
|
1498
|
-
const
|
|
396
|
+
const submenu_r5 = i0.ɵɵnextContext().$implicit;
|
|
397
|
+
i0.ɵɵadvance();
|
|
398
|
+
i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
|
|
1499
399
|
i0.ɵɵadvance();
|
|
1500
|
-
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));
|
|
1501
411
|
} }
|
|
1502
|
-
function
|
|
1503
|
-
i0.ɵɵ
|
|
1504
|
-
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);
|
|
1505
417
|
i0.ɵɵelementEnd();
|
|
1506
418
|
} if (rf & 2) {
|
|
1507
|
-
const
|
|
419
|
+
const submenu_r5 = ctx.$implicit;
|
|
420
|
+
i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
|
|
1508
421
|
i0.ɵɵadvance();
|
|
1509
|
-
i0.ɵɵproperty("
|
|
422
|
+
i0.ɵɵproperty("ngIf", !submenu_r5.icon);
|
|
423
|
+
i0.ɵɵadvance();
|
|
424
|
+
i0.ɵɵproperty("ngIf", submenu_r5.icon);
|
|
1510
425
|
i0.ɵɵadvance();
|
|
1511
|
-
i0.ɵɵ
|
|
426
|
+
i0.ɵɵproperty("ngIf", submenu_r5.label);
|
|
1512
427
|
} }
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
this.currentLocation = input([]);
|
|
1517
|
-
this.currentLocationLink = input(null);
|
|
1518
|
-
this.breadcrumb = input('');
|
|
1519
|
-
this.showBreadcrumb = input(false);
|
|
1520
|
-
this.translateBreadcrumb = input(false);
|
|
1521
|
-
}
|
|
1522
|
-
static { this.ɵfac = function PageTitleComponent_Factory(t) { return new (t || PageTitleComponent)(); }; }
|
|
1523
|
-
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) {
|
|
1524
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
|
|
1525
|
-
i0.ɵɵtext(2);
|
|
1526
|
-
i0.ɵɵpipe(3, "translate");
|
|
1527
|
-
i0.ɵɵelementEnd();
|
|
1528
|
-
i0.ɵɵtemplate(4, PageTitleComponent_div_4_Template, 4, 2, "div", 2);
|
|
1529
|
-
i0.ɵɵelementEnd();
|
|
1530
|
-
} if (rf & 2) {
|
|
1531
|
-
i0.ɵɵadvance(2);
|
|
1532
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title()));
|
|
1533
|
-
i0.ɵɵadvance(2);
|
|
1534
|
-
i0.ɵɵproperty("ngIf", ctx.showBreadcrumb);
|
|
1535
|
-
} }, 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 }); }
|
|
1536
|
-
}
|
|
1537
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
|
|
1538
|
-
type: Component,
|
|
1539
|
-
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"] }]
|
|
1540
|
-
}], null, null); })();
|
|
1541
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib\\layout\\page-title\\page-title.component.ts", lineNumber: 14 }); })();
|
|
1542
|
-
|
|
1543
|
-
function PasswordCriteriaComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
1544
|
-
i0.ɵɵelementStart(0, "mat-icon", 0);
|
|
1545
|
-
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);
|
|
1546
431
|
i0.ɵɵelementEnd();
|
|
1547
432
|
} if (rf & 2) {
|
|
1548
|
-
const
|
|
1549
|
-
i0.ɵɵ
|
|
433
|
+
const menu_r2 = i0.ɵɵnextContext().$implicit;
|
|
434
|
+
i0.ɵɵadvance();
|
|
435
|
+
i0.ɵɵproperty("ngForOf", menu_r2.childs);
|
|
1550
436
|
} }
|
|
1551
|
-
function
|
|
1552
|
-
i0.ɵɵ
|
|
1553
|
-
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);
|
|
1554
444
|
i0.ɵɵelementEnd();
|
|
1555
445
|
} if (rf & 2) {
|
|
1556
|
-
const
|
|
1557
|
-
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);
|
|
1558
454
|
} }
|
|
1559
|
-
class
|
|
1560
|
-
constructor() {
|
|
1561
|
-
this.
|
|
1562
|
-
this.
|
|
1563
|
-
this.
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
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);
|
|
1571
486
|
} if (rf & 2) {
|
|
1572
|
-
i0.ɵɵ
|
|
1573
|
-
|
|
1574
|
-
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
1575
|
-
i0.ɵɵadvance();
|
|
1576
|
-
i0.ɵɵtextInterpolate(ctx.label());
|
|
1577
|
-
} }, 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}"] }); }
|
|
1578
489
|
}
|
|
1579
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
490
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
|
|
1580
491
|
type: Component,
|
|
1581
|
-
args: [{ selector: '
|
|
1582
|
-
}],
|
|
1583
|
-
|
|
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 }); })();
|
|
1584
499
|
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
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()); });
|
|
1589
506
|
i0.ɵɵelementEnd();
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
i0.ɵɵ
|
|
1593
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.label()));
|
|
1594
|
-
} }
|
|
1595
|
-
function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
1596
|
-
i0.ɵɵelementStart(0, "mat-label");
|
|
1597
|
-
i0.ɵɵtext(1);
|
|
507
|
+
i0.ɵɵelementStart(2, "span", 9);
|
|
508
|
+
i0.ɵɵtext(3);
|
|
509
|
+
i0.ɵɵpipe(4, "translate");
|
|
1598
510
|
i0.ɵɵelementEnd();
|
|
511
|
+
i0.ɵɵelementStart(5, "span", 10);
|
|
512
|
+
i0.ɵɵtext(6);
|
|
513
|
+
i0.ɵɵelementEnd()();
|
|
1599
514
|
} if (rf & 2) {
|
|
1600
|
-
const
|
|
1601
|
-
i0.ɵɵadvance();
|
|
1602
|
-
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);
|
|
1603
520
|
} }
|
|
1604
|
-
class
|
|
1605
|
-
constructor() {
|
|
1606
|
-
this.
|
|
1607
|
-
this.
|
|
1608
|
-
this.
|
|
1609
|
-
this.
|
|
1610
|
-
this.
|
|
1611
|
-
this.
|
|
1612
|
-
this.
|
|
1613
|
-
this.passwordControl = new FormControl('');
|
|
1614
|
-
this.disabled = signal(false);
|
|
1615
|
-
this.showPassword = signal(false);
|
|
1616
|
-
this.inputType = computed(() => this.showPassword() ? 'text' : 'password');
|
|
1617
|
-
this.onChange = (value) => value;
|
|
1618
|
-
this.onTouched = () => { };
|
|
1619
|
-
this.passwordControl.valueChanges.subscribe(value => {
|
|
1620
|
-
this.onChange(value);
|
|
1621
|
-
});
|
|
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();
|
|
1622
530
|
}
|
|
1623
|
-
|
|
1624
|
-
this.
|
|
531
|
+
onResize(_e) {
|
|
532
|
+
this.setDisplayMenu();
|
|
1625
533
|
}
|
|
1626
|
-
|
|
1627
|
-
|
|
534
|
+
onMenuItemClick() {
|
|
535
|
+
if (window.innerWidth < 1000) {
|
|
536
|
+
this.hideOnMobile();
|
|
537
|
+
}
|
|
1628
538
|
}
|
|
1629
|
-
|
|
1630
|
-
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');
|
|
1631
546
|
}
|
|
1632
|
-
|
|
1633
|
-
this.
|
|
1634
|
-
|
|
1635
|
-
this.
|
|
547
|
+
onToggleCollapse() {
|
|
548
|
+
if (this.keepMenuExpanded) {
|
|
549
|
+
this.onCollapseMenu();
|
|
550
|
+
this.hostElement.classList.remove('keepExpanded');
|
|
1636
551
|
}
|
|
1637
552
|
else {
|
|
1638
|
-
this.
|
|
553
|
+
this.onExpandedMenu();
|
|
554
|
+
this.hostElement.classList.add('keepExpanded');
|
|
1639
555
|
}
|
|
556
|
+
this.keepMenuExpanded = !this.keepMenuExpanded;
|
|
557
|
+
localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
1640
558
|
}
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
i0.ɵɵelementStart(0, "mat-form-field", 1);
|
|
1651
|
-
i0.ɵɵtemplate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
|
|
1652
|
-
i0.ɵɵelementStart(3, "input", 2, 0);
|
|
1653
|
-
i0.ɵɵpipe(5, "translate");
|
|
1654
|
-
i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.enterKeyDown.emit()); });
|
|
1655
|
-
i0.ɵɵelementEnd();
|
|
1656
|
-
i0.ɵɵelementStart(6, "mat-icon", 3);
|
|
1657
|
-
i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.showPassword.set(!ctx.showPassword())); });
|
|
1658
|
-
i0.ɵɵtext(7);
|
|
1659
|
-
i0.ɵɵelementEnd()();
|
|
1660
|
-
} if (rf & 2) {
|
|
1661
|
-
const password_r3 = i0.ɵɵreference(4);
|
|
1662
|
-
i0.ɵɵadvance();
|
|
1663
|
-
i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
|
|
1664
|
-
i0.ɵɵadvance(2);
|
|
1665
|
-
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());
|
|
1666
|
-
i0.ɵɵadvance(3);
|
|
1667
|
-
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
1668
|
-
i0.ɵɵadvance();
|
|
1669
|
-
i0.ɵɵtextInterpolate1(" ", password_r3.type === "password" ? "visibility_off" : "visibility", " ");
|
|
1670
|
-
} }, 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}"] }); }
|
|
1671
|
-
}
|
|
1672
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
|
|
1673
|
-
type: Component,
|
|
1674
|
-
args: [{ selector: 'app-password-input', standalone: true, imports: [TranslateModule, NgClass, MatFormFieldModule, MatIconModule, MatInputModule, ReactiveFormsModule], providers: [
|
|
1675
|
-
{
|
|
1676
|
-
provide: NG_VALUE_ACCESSOR,
|
|
1677
|
-
multi: true,
|
|
1678
|
-
useExisting: forwardRef(() => PasswordInputComponent),
|
|
1679
|
-
},
|
|
1680
|
-
], 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"] }]
|
|
1681
|
-
}], () => [], null); })();
|
|
1682
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib\\inputs\\password\\password-input\\password-input.component.ts", lineNumber: 23 }); })();
|
|
1683
|
-
|
|
1684
|
-
class PasswordCriteriaViewerComponent {
|
|
1685
|
-
constructor() {
|
|
1686
|
-
this.passwordValidation = input.required();
|
|
1687
|
-
this.disabled = input(false);
|
|
1688
|
-
}
|
|
1689
|
-
static { this.ɵfac = function PasswordCriteriaViewerComponent_Factory(t) { return new (t || PasswordCriteriaViewerComponent)(); }; }
|
|
1690
|
-
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) {
|
|
1691
|
-
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);
|
|
1692
|
-
} if (rf & 2) {
|
|
1693
|
-
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumCharacters);
|
|
1694
|
-
i0.ɵɵadvance();
|
|
1695
|
-
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumNumeric);
|
|
1696
|
-
i0.ɵɵadvance();
|
|
1697
|
-
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasSpecialCharacter);
|
|
1698
|
-
i0.ɵɵadvance();
|
|
1699
|
-
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasLowerAndUppercase);
|
|
1700
|
-
i0.ɵɵadvance();
|
|
1701
|
-
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasIdenticalPassword);
|
|
1702
|
-
} }, dependencies: [PasswordCriteriaComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{flex-grow:1}"] }); }
|
|
1703
|
-
}
|
|
1704
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
|
|
1705
|
-
type: Component,
|
|
1706
|
-
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"] }]
|
|
1707
|
-
}], null, null); })();
|
|
1708
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib\\inputs\\password\\password-criteria-viewer\\password-criteria-viewer.component.ts", lineNumber: 12 }); })();
|
|
1709
|
-
|
|
1710
|
-
class PasswordValidation {
|
|
1711
|
-
constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
|
|
1712
|
-
this.hasMinimumCharacters = hasMinimumCharacters;
|
|
1713
|
-
this.hasMinimumNumeric = hasMinimumNumeric;
|
|
1714
|
-
this.hasLowerAndUppercase = hasLowerAndUppercase;
|
|
1715
|
-
this.hasSpecialCharacter = hasSpecialCharacter;
|
|
1716
|
-
this.hasIdenticalPassword = hasIdenticalPassword;
|
|
1717
|
-
}
|
|
1718
|
-
isValid() {
|
|
1719
|
-
return this.hasMinimumCharacters && this.hasMinimumNumeric && this.hasLowerAndUppercase && this.hasSpecialCharacter && this.hasIdenticalPassword;
|
|
1720
|
-
}
|
|
1721
|
-
}
|
|
1722
|
-
|
|
1723
|
-
class PasswordValidator {
|
|
1724
|
-
static { this.passwordMinLength = 13; }
|
|
1725
|
-
static validate(formGroup) {
|
|
1726
|
-
const password = formGroup.controls['password'].value;
|
|
1727
|
-
const confirmedPassword = formGroup.controls['confirmation'].value;
|
|
1728
|
-
return new PasswordValidation(password.length >= this.passwordMinLength, this.hasNumeric(password), this.hasLowerCaseAndUpperCase(password), this.hasSpecialCharacter(password), password && password === confirmedPassword);
|
|
1729
|
-
}
|
|
1730
|
-
static hasLowerCaseAndUpperCase(password) {
|
|
1731
|
-
return /^(?=.*[a-z])(?=.*[A-Z])/.test(password);
|
|
1732
|
-
}
|
|
1733
|
-
static hasNumeric(password) {
|
|
1734
|
-
return /(?=.*\d)/.test(password);
|
|
1735
|
-
}
|
|
1736
|
-
static hasSpecialCharacter(password) {
|
|
1737
|
-
return new RegExp(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/).test(password);
|
|
1738
|
-
}
|
|
1739
|
-
}
|
|
1740
|
-
|
|
1741
|
-
const _c0$3 = ["*"];
|
|
1742
|
-
class PasswordSelectionComponent {
|
|
1743
|
-
constructor(formBuilder) {
|
|
1744
|
-
this.passwordValidation = new PasswordValidation();
|
|
1745
|
-
this.disabled = false;
|
|
1746
|
-
this.direction = 'row';
|
|
1747
|
-
this.formWidth = '50%';
|
|
1748
|
-
this.lastPasswordValidationSent = false;
|
|
1749
|
-
this.onChange = (value) => value;
|
|
1750
|
-
this.onTouched = () => { };
|
|
1751
|
-
this.form = formBuilder.group({
|
|
1752
|
-
password: ['', Validators.required],
|
|
1753
|
-
confirmation: ['', Validators.required]
|
|
1754
|
-
}, { validators: (formGroup) => {
|
|
1755
|
-
this.passwordValidation = PasswordValidator.validate(formGroup);
|
|
1756
|
-
if (!this.passwordValidation.isValid()) {
|
|
1757
|
-
return ({ validation: this.passwordValidation });
|
|
1758
|
-
}
|
|
1759
|
-
return null;
|
|
1760
|
-
} });
|
|
1761
|
-
this.form.valueChanges.pipe(filter(_ => this.form.valid != this.lastPasswordValidationSent)).subscribe(form => {
|
|
1762
|
-
this.lastPasswordValidationSent = this.form.valid;
|
|
1763
|
-
if (this.form.valid) {
|
|
1764
|
-
this.onChange(form.password);
|
|
1765
|
-
}
|
|
1766
|
-
else {
|
|
1767
|
-
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');
|
|
1768
568
|
}
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
writeValue(value) {
|
|
1772
|
-
this.form.get('password').setValue(value);
|
|
1773
|
-
this.form.get('confirmation').setValue(value);
|
|
569
|
+
this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
570
|
+
}
|
|
1774
571
|
}
|
|
1775
|
-
|
|
1776
|
-
this.
|
|
572
|
+
onMouseOver(e) {
|
|
573
|
+
if (!this.keepMenuExpanded) {
|
|
574
|
+
this.onExpandedMenu();
|
|
575
|
+
}
|
|
576
|
+
e.stopPropagation();
|
|
1777
577
|
}
|
|
1778
|
-
|
|
1779
|
-
this.
|
|
578
|
+
onMouseOut(e) {
|
|
579
|
+
if (!this.keepMenuExpanded) {
|
|
580
|
+
this.onCollapseMenu();
|
|
581
|
+
}
|
|
582
|
+
e.stopPropagation();
|
|
1780
583
|
}
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
this.
|
|
1785
|
-
this.form.get('confirmation').disable();
|
|
584
|
+
onExpandedMenu() {
|
|
585
|
+
if (window.innerWidth >= 1000) {
|
|
586
|
+
this.hostElement.classList.remove('collapsed');
|
|
587
|
+
this.hostElement.classList.add('expanded');
|
|
1786
588
|
}
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
589
|
+
}
|
|
590
|
+
onCollapseMenu() {
|
|
591
|
+
if (window.innerWidth >= 1000) {
|
|
592
|
+
this.hostElement.classList.remove('expanded');
|
|
593
|
+
this.hostElement.classList.add('collapsed');
|
|
1790
594
|
}
|
|
1791
595
|
}
|
|
1792
|
-
static { this.ɵfac = function
|
|
1793
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
|
|
1794
|
-
i0.ɵɵ
|
|
1795
|
-
} }, inputs: {
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
i0.ɵɵprojectionDef();
|
|
1803
|
-
i0.ɵɵelementStart(0, "form", 0)(1, "div", 1);
|
|
1804
|
-
i0.ɵɵelement(2, "app-password-input", 2)(3, "app-password-input", 3);
|
|
1805
|
-
i0.ɵɵelementEnd();
|
|
1806
|
-
i0.ɵɵelementStart(4, "div", 4);
|
|
1807
|
-
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");
|
|
1808
606
|
i0.ɵɵelementEnd()();
|
|
1809
|
-
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);
|
|
1810
620
|
} if (rf & 2) {
|
|
1811
|
-
i0.ɵɵ
|
|
1812
|
-
i0.ɵɵproperty("
|
|
1813
|
-
i0.ɵɵadvance(
|
|
1814
|
-
i0.ɵɵproperty("
|
|
1815
|
-
|
|
1816
|
-
i0.ɵɵproperty("translateLabel", true)("required", true);
|
|
1817
|
-
i0.ɵɵadvance(3);
|
|
1818
|
-
i0.ɵɵproperty("disabled", ctx.disabled)("passwordValidation", ctx.passwordValidation);
|
|
1819
|
-
} }, 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}}"] }); }
|
|
1820
626
|
}
|
|
1821
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
627
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
|
|
1822
628
|
type: Component,
|
|
1823
|
-
args: [{ selector: '
|
|
1824
|
-
|
|
1825
|
-
provide: NG_VALUE_ACCESSOR,
|
|
1826
|
-
multi: true,
|
|
1827
|
-
useExisting: forwardRef(() => PasswordSelectionComponent),
|
|
1828
|
-
},
|
|
1829
|
-
], 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"] }]
|
|
1830
|
-
}], () => [{ 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: [{
|
|
1831
631
|
type: Input
|
|
1832
|
-
}, {
|
|
1833
|
-
type: HostBinding,
|
|
1834
|
-
args: ['style.flex-direction']
|
|
1835
|
-
}], formWidth: [{
|
|
632
|
+
}], version: [{
|
|
1836
633
|
type: Input
|
|
1837
|
-
}, {
|
|
1838
|
-
type:
|
|
1839
|
-
args: ['
|
|
634
|
+
}], onResize: [{
|
|
635
|
+
type: HostListener,
|
|
636
|
+
args: ['window:resize', ['$event']]
|
|
1840
637
|
}] }); })();
|
|
1841
|
-
(() => { (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 }); })();
|
|
1842
639
|
|
|
1843
|
-
const _c0$
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
i0.ɵɵ
|
|
1847
|
-
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);
|
|
1848
644
|
i0.ɵɵelementEnd();
|
|
1849
645
|
} if (rf & 2) {
|
|
1850
|
-
const
|
|
1851
|
-
|
|
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));
|
|
1852
650
|
i0.ɵɵadvance();
|
|
1853
|
-
i0.ɵɵ
|
|
651
|
+
i0.ɵɵproperty("src", url_r1, i0.ɵɵsanitizeUrl);
|
|
1854
652
|
} }
|
|
1855
|
-
class
|
|
653
|
+
class CaucaSlideshowComponent {
|
|
1856
654
|
constructor() {
|
|
1857
|
-
this.
|
|
1858
|
-
this.
|
|
1859
|
-
this.
|
|
1860
|
-
this.
|
|
1861
|
-
this.
|
|
1862
|
-
this.
|
|
1863
|
-
this.allOptions = [];
|
|
1864
|
-
}
|
|
1865
|
-
set options(newOptions) {
|
|
1866
|
-
if (newOptions) {
|
|
1867
|
-
this.allOptions = newOptions;
|
|
1868
|
-
this.filteredOptions.next(newOptions.slice());
|
|
1869
|
-
this.setInitialSelectedOption();
|
|
1870
|
-
this.isDisabled = (this.options.length < 1);
|
|
1871
|
-
}
|
|
1872
|
-
else {
|
|
1873
|
-
this.allOptions = [];
|
|
1874
|
-
this.isDisabled = (this.options.length < 1);
|
|
1875
|
-
}
|
|
1876
|
-
}
|
|
1877
|
-
get options() {
|
|
1878
|
-
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;
|
|
1879
661
|
}
|
|
1880
|
-
set
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
this.valueChanged.emit(this.value);
|
|
1884
|
-
}
|
|
662
|
+
set images(list) {
|
|
663
|
+
this.items = list;
|
|
664
|
+
this.restart();
|
|
1885
665
|
}
|
|
1886
|
-
get
|
|
1887
|
-
return this.
|
|
666
|
+
get images() {
|
|
667
|
+
return this.items;
|
|
1888
668
|
}
|
|
1889
669
|
ngOnInit() {
|
|
1890
|
-
this.
|
|
1891
|
-
|
|
1892
|
-
.subscribe(() => {
|
|
1893
|
-
this.filterCities();
|
|
1894
|
-
});
|
|
1895
|
-
}
|
|
1896
|
-
ngOnDestroy() {
|
|
1897
|
-
this._onDestroy.next();
|
|
1898
|
-
this._onDestroy.complete();
|
|
670
|
+
this.container.nativeElement.style.height = this.height;
|
|
671
|
+
this.container.nativeElement.style.width = '100%';
|
|
1899
672
|
}
|
|
1900
|
-
|
|
1901
|
-
if (
|
|
1902
|
-
return;
|
|
673
|
+
getState(index) {
|
|
674
|
+
if (this.states[index]) {
|
|
675
|
+
return this.states[index];
|
|
1903
676
|
}
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
677
|
+
return (this.selectedIndex === index ? 'in' : 'out');
|
|
678
|
+
}
|
|
679
|
+
restart() {
|
|
680
|
+
if (this.timer) {
|
|
681
|
+
window.clearInterval(this.timer);
|
|
1908
682
|
}
|
|
1909
|
-
|
|
1910
|
-
|
|
683
|
+
if (this.images && this.images.length) {
|
|
684
|
+
this.timer = window.setInterval(() => this.changed('next'), 5000);
|
|
1911
685
|
}
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
if (this.value) {
|
|
1917
|
-
const city = this.options.find((c) => c.id === this.value);
|
|
1918
|
-
if (!city) {
|
|
1919
|
-
this.selectFirstOption();
|
|
1920
|
-
}
|
|
686
|
+
}
|
|
687
|
+
next() {
|
|
688
|
+
if (this.selectedIndex < this.items.length - 1) {
|
|
689
|
+
this.selectedIndex++;
|
|
1921
690
|
}
|
|
1922
|
-
else
|
|
1923
|
-
this.
|
|
691
|
+
else {
|
|
692
|
+
this.selectedIndex = 0;
|
|
1924
693
|
}
|
|
1925
694
|
}
|
|
1926
|
-
|
|
1927
|
-
this.
|
|
695
|
+
changed(action) {
|
|
696
|
+
this.states[this.selectedIndex] = 'out';
|
|
697
|
+
this[action]();
|
|
698
|
+
this.states[this.selectedIndex] = 'in';
|
|
1928
699
|
}
|
|
1929
|
-
static { this.ɵfac = function
|
|
1930
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
|
|
1931
|
-
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);
|
|
1932
703
|
} if (rf & 2) {
|
|
1933
704
|
let _t;
|
|
1934
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.
|
|
1935
|
-
} }, inputs: {
|
|
1936
|
-
i0.ɵɵ
|
|
1937
|
-
i0.ɵɵ
|
|
1938
|
-
i0.ɵɵprojection(1);
|
|
1939
|
-
i0.ɵɵelementStart(2, "mat-label");
|
|
1940
|
-
i0.ɵɵtext(3);
|
|
1941
|
-
i0.ɵɵpipe(4, "translate");
|
|
1942
|
-
i0.ɵɵelementEnd();
|
|
1943
|
-
i0.ɵɵelementStart(5, "mat-select", 1);
|
|
1944
|
-
i0.ɵɵtwoWayListener("valueChange", function SelectWithSearchComponent_Template_mat_select_valueChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
|
|
1945
|
-
i0.ɵɵelementStart(6, "mat-option");
|
|
1946
|
-
i0.ɵɵelement(7, "ngx-mat-select-search", 2);
|
|
1947
|
-
i0.ɵɵpipe(8, "translate");
|
|
1948
|
-
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);
|
|
1949
709
|
i0.ɵɵelementEnd();
|
|
1950
|
-
i0.ɵɵtemplate(10, SelectWithSearchComponent_mat_option_10_Template, 2, 2, "mat-option", 3);
|
|
1951
|
-
i0.ɵɵpipe(11, "async");
|
|
1952
|
-
i0.ɵɵelementEnd()();
|
|
1953
710
|
} if (rf & 2) {
|
|
1954
|
-
i0.ɵɵadvance(3);
|
|
1955
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 7, ctx.label));
|
|
1956
711
|
i0.ɵɵadvance(2);
|
|
1957
|
-
i0.ɵɵ
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
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
|
+
] } }); }
|
|
1964
737
|
}
|
|
1965
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(
|
|
738
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
|
|
1966
739
|
type: Component,
|
|
1967
|
-
args: [{ selector: '
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
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: [{
|
|
1974
765
|
type: ViewChild,
|
|
1975
|
-
args: ['
|
|
1976
|
-
}],
|
|
1977
|
-
type: Output
|
|
1978
|
-
}], options: [{
|
|
766
|
+
args: ['container', { static: true }]
|
|
767
|
+
}], height: [{
|
|
1979
768
|
type: Input
|
|
1980
|
-
}],
|
|
769
|
+
}], autoPlay: [{
|
|
770
|
+
type: Input
|
|
771
|
+
}], images: [{
|
|
1981
772
|
type: Input
|
|
1982
773
|
}] }); })();
|
|
1983
|
-
(() => { (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] }); })();
|
|
1984
850
|
|
|
1985
851
|
class MobileTimePickerComponent {
|
|
1986
852
|
constructor() {
|
|
@@ -2026,7 +892,7 @@ class MobileTimePickerComponent {
|
|
|
2026
892
|
} if (rf & 2) {
|
|
2027
893
|
i0.ɵɵadvance(4);
|
|
2028
894
|
i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
|
|
2029
|
-
} }, dependencies: [MatButtonModule, i4
|
|
895
|
+
} }, dependencies: [MatButtonModule, i4.MatIconButton, MatIconModule, i5.MatIcon, MatFormFieldModule,
|
|
2030
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}"] }); }
|
|
2031
897
|
}
|
|
2032
898
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
|
|
@@ -2046,7 +912,7 @@ class MobileTimePickerComponent {
|
|
|
2046
912
|
}], valueChange: [{
|
|
2047
913
|
type: Output
|
|
2048
914
|
}] }); })();
|
|
2049
|
-
(() => { (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 }); })();
|
|
2050
916
|
|
|
2051
917
|
function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
2052
918
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -2075,7 +941,7 @@ class DesktopTimePickerComponent {
|
|
|
2075
941
|
i0.ɵɵproperty("disabled", ctx.disabled == null ? null : ctx.disabled.all);
|
|
2076
942
|
i0.ɵɵadvance();
|
|
2077
943
|
i0.ɵɵrepeater(ctx.options);
|
|
2078
|
-
} }, 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)}"] }); }
|
|
2079
945
|
}
|
|
2080
946
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
|
|
2081
947
|
type: Component,
|
|
@@ -2091,89 +957,109 @@ class DesktopTimePickerComponent {
|
|
|
2091
957
|
}], valueChange: [{
|
|
2092
958
|
type: Output
|
|
2093
959
|
}] }); })();
|
|
2094
|
-
(() => { (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 }); })();
|
|
2095
961
|
|
|
2096
|
-
const _c0
|
|
2097
|
-
function
|
|
962
|
+
const _c0 = (a0, a1) => ({ all: a0, someOptions: a1 });
|
|
963
|
+
function DialogDateTimePickerComponent_Conditional_4_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
2098
964
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
2099
965
|
i0.ɵɵelementStart(0, "div", 14)(1, "cauca-desktop-time-picker", 15);
|
|
2100
|
-
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)); });
|
|
2101
967
|
i0.ɵɵelementEnd()();
|
|
2102
968
|
} if (rf & 2) {
|
|
2103
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
969
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
2104
970
|
i0.ɵɵadvance();
|
|
2105
|
-
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);
|
|
2106
972
|
} }
|
|
2107
|
-
function
|
|
973
|
+
function DialogDateTimePickerComponent_Conditional_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
2108
974
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
2109
975
|
i0.ɵɵelementStart(0, "div", 14)(1, "cauca-mobile-time-picker", 16);
|
|
2110
|
-
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)); });
|
|
2111
977
|
i0.ɵɵelementEnd()();
|
|
2112
978
|
} if (rf & 2) {
|
|
2113
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
979
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
2114
980
|
i0.ɵɵadvance();
|
|
2115
981
|
i0.ɵɵproperty("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
|
|
2116
982
|
} }
|
|
2117
|
-
function
|
|
983
|
+
function DialogDateTimePickerComponent_Conditional_4_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
2118
984
|
i0.ɵɵelementStart(0, "div", 17);
|
|
2119
985
|
i0.ɵɵtext(1, ":");
|
|
2120
986
|
i0.ɵɵelementEnd();
|
|
2121
987
|
} }
|
|
2122
|
-
function
|
|
988
|
+
function DialogDateTimePickerComponent_Conditional_4_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
2123
989
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
2124
990
|
i0.ɵɵelementStart(0, "div", 18)(1, "cauca-desktop-time-picker", 15);
|
|
2125
|
-
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)); });
|
|
2126
992
|
i0.ɵɵelementEnd()();
|
|
2127
993
|
} if (rf & 2) {
|
|
2128
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
994
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
2129
995
|
i0.ɵɵadvance();
|
|
2130
|
-
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);
|
|
2131
997
|
} }
|
|
2132
|
-
function
|
|
998
|
+
function DialogDateTimePickerComponent_Conditional_4_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
2133
999
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
2134
1000
|
i0.ɵɵelementStart(0, "div", 18)(1, "cauca-mobile-time-picker", 16);
|
|
2135
|
-
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)); });
|
|
2136
1002
|
i0.ɵɵelementEnd()();
|
|
2137
1003
|
} if (rf & 2) {
|
|
2138
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
1004
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
2139
1005
|
i0.ɵɵadvance();
|
|
2140
1006
|
i0.ɵɵproperty("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
|
|
2141
1007
|
} }
|
|
2142
|
-
function
|
|
1008
|
+
function DialogDateTimePickerComponent_Conditional_4_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
2143
1009
|
i0.ɵɵelementStart(0, "div", 19);
|
|
2144
1010
|
i0.ɵɵtext(1, ":");
|
|
2145
1011
|
i0.ɵɵelementEnd();
|
|
2146
1012
|
} }
|
|
2147
|
-
function
|
|
1013
|
+
function DialogDateTimePickerComponent_Conditional_4_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
2148
1014
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
2149
1015
|
i0.ɵɵelementStart(0, "div", 20)(1, "cauca-desktop-time-picker", 15);
|
|
2150
|
-
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)); });
|
|
2151
1017
|
i0.ɵɵelementEnd()();
|
|
2152
1018
|
} if (rf & 2) {
|
|
2153
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
1019
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
2154
1020
|
i0.ɵɵadvance();
|
|
2155
|
-
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);
|
|
2156
1022
|
} }
|
|
2157
|
-
function
|
|
1023
|
+
function DialogDateTimePickerComponent_Conditional_4_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
2158
1024
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
2159
1025
|
i0.ɵɵelementStart(0, "div", 20)(1, "cauca-mobile-time-picker", 16);
|
|
2160
|
-
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)); });
|
|
2161
1027
|
i0.ɵɵelementEnd()();
|
|
2162
1028
|
} if (rf & 2) {
|
|
2163
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
1029
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
2164
1030
|
i0.ɵɵadvance();
|
|
2165
1031
|
i0.ɵɵproperty("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
|
|
2166
1032
|
} }
|
|
2167
|
-
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) {
|
|
2168
1054
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
2169
1055
|
i0.ɵɵtext(1, "clear");
|
|
2170
1056
|
i0.ɵɵelementEnd();
|
|
2171
1057
|
} }
|
|
2172
|
-
function
|
|
1058
|
+
function DialogDateTimePickerComponent_button_6_Template(rf, ctx) { if (rf & 1) {
|
|
2173
1059
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
2174
|
-
i0.ɵɵelementStart(0, "button",
|
|
2175
|
-
i0.ɵɵlistener("click", function
|
|
2176
|
-
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);
|
|
2177
1063
|
i0.ɵɵtext(2);
|
|
2178
1064
|
i0.ɵɵpipe(3, "translate");
|
|
2179
1065
|
i0.ɵɵelementEnd();
|
|
@@ -2184,12 +1070,12 @@ function DialogDateTimePickerComponent_button_13_Template(rf, ctx) { if (rf & 1)
|
|
|
2184
1070
|
i0.ɵɵadvance();
|
|
2185
1071
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "material.clear"), " ");
|
|
2186
1072
|
} }
|
|
2187
|
-
function
|
|
1073
|
+
function DialogDateTimePickerComponent_mat_icon_8_Template(rf, ctx) { if (rf & 1) {
|
|
2188
1074
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
2189
1075
|
i0.ɵɵtext(1, "cancel");
|
|
2190
1076
|
i0.ɵɵelementEnd();
|
|
2191
1077
|
} }
|
|
2192
|
-
function
|
|
1078
|
+
function DialogDateTimePickerComponent_mat_icon_12_Template(rf, ctx) { if (rf & 1) {
|
|
2193
1079
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
2194
1080
|
i0.ɵɵtext(1, "check");
|
|
2195
1081
|
i0.ɵɵelementEnd();
|
|
@@ -2212,6 +1098,7 @@ class DialogDateTimePickerComponent {
|
|
|
2212
1098
|
this.minutes = [...Array(60).keys()];
|
|
2213
1099
|
this.seconds = [...Array(60).keys()];
|
|
2214
1100
|
this.showMobileUi = false;
|
|
1101
|
+
this.showTime = signal(true);
|
|
2215
1102
|
this.disabled = {
|
|
2216
1103
|
hours: true,
|
|
2217
1104
|
someHours: [],
|
|
@@ -2229,6 +1116,7 @@ class DialogDateTimePickerComponent {
|
|
|
2229
1116
|
this.showSeconds = options.showSeconds;
|
|
2230
1117
|
this.showButtonIcons = options.showButtonIcons ?? this.showButtonIcons;
|
|
2231
1118
|
this.showClearButton = options.showClearButton ?? this.showClearButton;
|
|
1119
|
+
this.showTime.set(options.showTime ?? true);
|
|
2232
1120
|
this.setListHoursMinutes();
|
|
2233
1121
|
this.initialEachComponentValue(options);
|
|
2234
1122
|
}
|
|
@@ -2351,28 +1239,28 @@ class DialogDateTimePickerComponent {
|
|
|
2351
1239
|
this.minutes = this.minutes.filter(minute => minute % this.step.minutes === 0);
|
|
2352
1240
|
this.seconds = this.seconds.filter(seconde => seconde % this.step.seconds === 0);
|
|
2353
1241
|
}
|
|
2354
|
-
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)); }; }
|
|
2355
1243
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], hostBindings: function DialogDateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
2356
1244
|
i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
|
|
2357
|
-
} }, 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) {
|
|
2358
1246
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "mat-calendar", 3);
|
|
2359
1247
|
i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
|
|
2360
1248
|
i0.ɵɵelementEnd()();
|
|
2361
|
-
i0.ɵɵtemplate(4,
|
|
1249
|
+
i0.ɵɵtemplate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
|
|
2362
1250
|
i0.ɵɵelementEnd()();
|
|
2363
|
-
i0.ɵɵelementStart(
|
|
2364
|
-
i0.ɵɵtemplate(
|
|
2365
|
-
i0.ɵɵelementStart(
|
|
2366
|
-
i0.ɵɵlistener("click", function
|
|
2367
|
-
i0.ɵɵtemplate(
|
|
2368
|
-
i0.ɵɵtext(
|
|
2369
|
-
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");
|
|
2370
1258
|
i0.ɵɵelementEnd();
|
|
2371
|
-
i0.ɵɵelementStart(
|
|
2372
|
-
i0.ɵɵlistener("click", function
|
|
2373
|
-
i0.ɵɵtemplate(
|
|
2374
|
-
i0.ɵɵtext(
|
|
2375
|
-
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");
|
|
2376
1264
|
i0.ɵɵelementEnd()();
|
|
2377
1265
|
} if (rf & 2) {
|
|
2378
1266
|
i0.ɵɵadvance();
|
|
@@ -2380,65 +1268,63 @@ class DialogDateTimePickerComponent {
|
|
|
2380
1268
|
i0.ɵɵadvance(2);
|
|
2381
1269
|
i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
|
|
2382
1270
|
i0.ɵɵadvance();
|
|
2383
|
-
i0.ɵɵ
|
|
2384
|
-
i0.ɵɵadvance();
|
|
2385
|
-
i0.ɵɵproperty("ngIf", ctx.showMobileUi);
|
|
2386
|
-
i0.ɵɵadvance();
|
|
2387
|
-
i0.ɵɵproperty("ngIf", ctx.showMobileUi);
|
|
2388
|
-
i0.ɵɵadvance();
|
|
2389
|
-
i0.ɵɵproperty("ngIf", !ctx.showMobileUi);
|
|
2390
|
-
i0.ɵɵadvance();
|
|
2391
|
-
i0.ɵɵproperty("ngIf", ctx.showMobileUi);
|
|
2392
|
-
i0.ɵɵadvance();
|
|
2393
|
-
i0.ɵɵproperty("ngIf", ctx.showSeconds && ctx.showMobileUi);
|
|
2394
|
-
i0.ɵɵadvance();
|
|
2395
|
-
i0.ɵɵproperty("ngIf", ctx.showSeconds && !ctx.showMobileUi);
|
|
2396
|
-
i0.ɵɵadvance();
|
|
2397
|
-
i0.ɵɵproperty("ngIf", ctx.showSeconds && ctx.showMobileUi);
|
|
1271
|
+
i0.ɵɵconditional(ctx.showTime() ? 4 : -1);
|
|
2398
1272
|
i0.ɵɵadvance(2);
|
|
2399
1273
|
i0.ɵɵproperty("ngIf", ctx.showClearButton);
|
|
2400
1274
|
i0.ɵɵadvance(2);
|
|
2401
1275
|
i0.ɵɵproperty("ngIf", ctx.showButtonIcons);
|
|
2402
1276
|
i0.ɵɵadvance();
|
|
2403
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
1277
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "material.cancel"), " ");
|
|
2404
1278
|
i0.ɵɵadvance(3);
|
|
2405
1279
|
i0.ɵɵproperty("ngIf", ctx.showButtonIcons);
|
|
2406
1280
|
i0.ɵɵadvance();
|
|
2407
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
2408
|
-
} }, 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,
|
|
2409
1283
|
MatNativeDateModule,
|
|
2410
1284
|
MobileTimePickerComponent,
|
|
2411
|
-
DesktopTimePickerComponent,
|
|
2412
|
-
NgClass,
|
|
2413
|
-
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}}"] }); }
|
|
2414
1286
|
}
|
|
2415
1287
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
|
|
2416
1288
|
type: Component,
|
|
2417
1289
|
args: [{ selector: 'cauca-dialog-date-time-picker', standalone: true, imports: [
|
|
1290
|
+
CommonModule,
|
|
1291
|
+
CaucaCoreForChildModule,
|
|
2418
1292
|
MatButtonModule,
|
|
2419
1293
|
MatDatepickerModule,
|
|
2420
1294
|
MatIconModule,
|
|
2421
1295
|
MatListModule,
|
|
2422
1296
|
MatNativeDateModule,
|
|
2423
1297
|
MobileTimePickerComponent,
|
|
2424
|
-
DesktopTimePickerComponent
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
], 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"] }]
|
|
2428
|
-
}], () => [{ 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: [{
|
|
2429
1301
|
type: Inject,
|
|
2430
1302
|
args: [MAT_DIALOG_DATA]
|
|
2431
1303
|
}] }], { onResize: [{
|
|
2432
1304
|
type: HostListener,
|
|
2433
1305
|
args: ['window:resize', ['$event']]
|
|
2434
1306
|
}] }); })();
|
|
2435
|
-
(() => { (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 }); })();
|
|
2436
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
|
+
} }
|
|
2437
1319
|
class CaucaDateTimePickerComponent {
|
|
2438
1320
|
constructor(elementRef, dialog, datePipe) {
|
|
2439
1321
|
this.elementRef = elementRef;
|
|
2440
1322
|
this.dialog = dialog;
|
|
2441
1323
|
this.datePipe = datePipe;
|
|
1324
|
+
this.appearance = input('fill');
|
|
1325
|
+
this.showTime = input(true);
|
|
1326
|
+
this.label = input('');
|
|
1327
|
+
this.translateLabel = input(true);
|
|
2442
1328
|
this.stepHours = 1;
|
|
2443
1329
|
this.stepMinutes = 1;
|
|
2444
1330
|
this.stepSecondes = 1;
|
|
@@ -2450,6 +1336,8 @@ class CaucaDateTimePickerComponent {
|
|
|
2450
1336
|
this.showButtonIcons = true;
|
|
2451
1337
|
this.selectedChange = new EventEmitter();
|
|
2452
1338
|
this.stringDate = '';
|
|
1339
|
+
this.onChange = (value) => value;
|
|
1340
|
+
this.onTouched = () => { };
|
|
2453
1341
|
}
|
|
2454
1342
|
set value(value) {
|
|
2455
1343
|
if (value) {
|
|
@@ -2467,9 +1355,19 @@ class CaucaDateTimePickerComponent {
|
|
|
2467
1355
|
this.stringDate = this.stringifyDate(data.value);
|
|
2468
1356
|
this.selectedDate = data.value;
|
|
2469
1357
|
this.selectedChange.emit(data.value);
|
|
1358
|
+
this.onChange(data.value);
|
|
2470
1359
|
}
|
|
2471
1360
|
});
|
|
2472
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
|
+
}
|
|
2473
1371
|
getDateTimePickerOptions() {
|
|
2474
1372
|
return {
|
|
2475
1373
|
selectedDate: this.selectedDate,
|
|
@@ -2478,6 +1376,7 @@ class CaucaDateTimePickerComponent {
|
|
|
2478
1376
|
showSeconds: this.showSeconds,
|
|
2479
1377
|
showClearButton: this.showClearButton,
|
|
2480
1378
|
showButtonIcons: this.showButtonIcons,
|
|
1379
|
+
showTime: this.showTime(),
|
|
2481
1380
|
step: {
|
|
2482
1381
|
hours: this.stepHours,
|
|
2483
1382
|
minutes: this.stepMinutes,
|
|
@@ -2508,32 +1407,48 @@ class CaucaDateTimePickerComponent {
|
|
|
2508
1407
|
bottom: `${bottom}px`,
|
|
2509
1408
|
};
|
|
2510
1409
|
}
|
|
2511
|
-
static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1
|
|
2512
|
-
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([
|
|
2513
1412
|
DatePipe,
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
i0.ɵɵ
|
|
2520
|
-
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");
|
|
2521
1426
|
i0.ɵɵelementEnd()()();
|
|
2522
1427
|
} if (rf & 2) {
|
|
1428
|
+
i0.ɵɵproperty("appearance", ctx.appearance());
|
|
1429
|
+
i0.ɵɵadvance();
|
|
1430
|
+
i0.ɵɵconditional(ctx.label() ? 1 : -1);
|
|
2523
1431
|
i0.ɵɵadvance();
|
|
2524
1432
|
i0.ɵɵproperty("value", ctx.stringDate);
|
|
2525
|
-
} }, 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%}"] }); }
|
|
2526
1434
|
}
|
|
2527
1435
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
|
|
2528
1436
|
type: Component,
|
|
2529
1437
|
args: [{ selector: 'cauca-date-time-picker', standalone: true, imports: [
|
|
1438
|
+
TranslateModule,
|
|
2530
1439
|
MatButtonModule,
|
|
2531
1440
|
MatIconModule,
|
|
2532
1441
|
MatInputModule,
|
|
1442
|
+
MatFormFieldModule
|
|
2533
1443
|
], providers: [
|
|
2534
1444
|
DatePipe,
|
|
2535
|
-
|
|
2536
|
-
|
|
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: [{
|
|
2537
1452
|
type: Input
|
|
2538
1453
|
}], stepMinutes: [{
|
|
2539
1454
|
type: Input
|
|
@@ -2556,225 +1471,7 @@ class CaucaDateTimePickerComponent {
|
|
|
2556
1471
|
}], value: [{
|
|
2557
1472
|
type: Input
|
|
2558
1473
|
}] }); })();
|
|
2559
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib\\
|
|
2560
|
-
|
|
2561
|
-
const _c0 = ["*"];
|
|
2562
|
-
function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
2563
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2564
|
-
i0.ɵɵelementStart(0, "app-stroked-button", 7);
|
|
2565
|
-
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()); });
|
|
2566
|
-
i0.ɵɵelementEnd();
|
|
2567
|
-
} if (rf & 2) {
|
|
2568
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
2569
|
-
i0.ɵɵproperty("color", ctx_r1.buttonColor())("label", ctx_r1.buttonLabel());
|
|
2570
|
-
} }
|
|
2571
|
-
function SnackBarComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
2572
|
-
const _r3 = i0.ɵɵgetCurrentView();
|
|
2573
|
-
i0.ɵɵelementStart(0, "app-icon-button", 8);
|
|
2574
|
-
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()); });
|
|
2575
|
-
i0.ɵɵelementEnd();
|
|
2576
|
-
} }
|
|
2577
|
-
class SnackBarComponent {
|
|
2578
|
-
constructor() {
|
|
2579
|
-
this.icon = input('info_outlined');
|
|
2580
|
-
this.title = input('');
|
|
2581
|
-
this.showButton = input(false);
|
|
2582
|
-
this.buttonLabel = input('');
|
|
2583
|
-
this.showCloseButton = input(false);
|
|
2584
|
-
this.type = input('info');
|
|
2585
|
-
this.variant = input('standard');
|
|
2586
|
-
this.appearanceClasses = computed(() => `${this.type()} ${this.variant()}`);
|
|
2587
|
-
this.buttonColor = computed(() => this.variant() === 'filled' ? 'white' : undefined);
|
|
2588
|
-
this.closeClick = new EventEmitter();
|
|
2589
|
-
this.buttonClick = new EventEmitter();
|
|
2590
|
-
}
|
|
2591
|
-
static { this.ɵfac = function SnackBarComponent_Factory(t) { return new (t || SnackBarComponent)(); }; }
|
|
2592
|
-
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) {
|
|
2593
|
-
i0.ɵɵprojectionDef();
|
|
2594
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-icon");
|
|
2595
|
-
i0.ɵɵtext(3);
|
|
2596
|
-
i0.ɵɵelementEnd()();
|
|
2597
|
-
i0.ɵɵelementStart(4, "div", 2)(5, "div", 3);
|
|
2598
|
-
i0.ɵɵtext(6);
|
|
2599
|
-
i0.ɵɵpipe(7, "translate");
|
|
2600
|
-
i0.ɵɵelementEnd();
|
|
2601
|
-
i0.ɵɵelementStart(8, "div", 4);
|
|
2602
|
-
i0.ɵɵprojection(9);
|
|
2603
|
-
i0.ɵɵelementEnd()();
|
|
2604
|
-
i0.ɵɵtemplate(10, SnackBarComponent_Conditional_10_Template, 1, 2, "app-stroked-button", 5)(11, SnackBarComponent_Conditional_11_Template, 1, 0, "app-icon-button", 6);
|
|
2605
|
-
i0.ɵɵelementEnd();
|
|
2606
|
-
} if (rf & 2) {
|
|
2607
|
-
i0.ɵɵproperty("ngClass", ctx.appearanceClasses());
|
|
2608
|
-
i0.ɵɵadvance(3);
|
|
2609
|
-
i0.ɵɵtextInterpolate(ctx.icon());
|
|
2610
|
-
i0.ɵɵadvance(3);
|
|
2611
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 5, ctx.title()));
|
|
2612
|
-
i0.ɵɵadvance(4);
|
|
2613
|
-
i0.ɵɵconditional(ctx.showButton() ? 10 : -1);
|
|
2614
|
-
i0.ɵɵadvance();
|
|
2615
|
-
i0.ɵɵconditional(ctx.showCloseButton() ? 11 : -1);
|
|
2616
|
-
} }, 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 }); }
|
|
2617
|
-
}
|
|
2618
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
|
|
2619
|
-
type: Component,
|
|
2620
|
-
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"] }]
|
|
2621
|
-
}], null, { closeClick: [{
|
|
2622
|
-
type: Output
|
|
2623
|
-
}], buttonClick: [{
|
|
2624
|
-
type: Output
|
|
2625
|
-
}] }); })();
|
|
2626
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib\\notifications\\snack-bar\\snack-bar.component.ts", lineNumber: 16 }); })();
|
|
2627
|
-
|
|
2628
|
-
class AlertDialogComponent {
|
|
2629
|
-
constructor(dialogRef, data) {
|
|
2630
|
-
this.dialogRef = dialogRef;
|
|
2631
|
-
this.data = data;
|
|
2632
|
-
this.title = '';
|
|
2633
|
-
this.message = '';
|
|
2634
|
-
this.title = data.title;
|
|
2635
|
-
this.message = data.message;
|
|
2636
|
-
}
|
|
2637
|
-
closeClick() {
|
|
2638
|
-
this.dialogRef.close();
|
|
2639
|
-
}
|
|
2640
|
-
static { this.ɵfac = function AlertDialogComponent_Factory(t) { return new (t || AlertDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
|
|
2641
|
-
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) {
|
|
2642
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
2643
|
-
i0.ɵɵtext(2);
|
|
2644
|
-
i0.ɵɵpipe(3, "translate");
|
|
2645
|
-
i0.ɵɵelementEnd();
|
|
2646
|
-
i0.ɵɵelementStart(4, "button", 2)(5, "mat-icon");
|
|
2647
|
-
i0.ɵɵtext(6, "close");
|
|
2648
|
-
i0.ɵɵelementEnd()()();
|
|
2649
|
-
i0.ɵɵelementStart(7, "div", 3)(8, "p");
|
|
2650
|
-
i0.ɵɵtext(9);
|
|
2651
|
-
i0.ɵɵpipe(10, "translate");
|
|
2652
|
-
i0.ɵɵelementEnd()();
|
|
2653
|
-
i0.ɵɵelementStart(11, "div", 4)(12, "button", 5);
|
|
2654
|
-
i0.ɵɵtext(13);
|
|
2655
|
-
i0.ɵɵpipe(14, "translate");
|
|
2656
|
-
i0.ɵɵelementEnd()();
|
|
2657
|
-
} if (rf & 2) {
|
|
2658
|
-
i0.ɵɵadvance(2);
|
|
2659
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, ctx.title));
|
|
2660
|
-
i0.ɵɵadvance(7);
|
|
2661
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 5, ctx.message));
|
|
2662
|
-
i0.ɵɵadvance(4);
|
|
2663
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 7, "ok"));
|
|
2664
|
-
} }, 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}"] }); }
|
|
2665
|
-
}
|
|
2666
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
|
|
2667
|
-
type: Component,
|
|
2668
|
-
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"] }]
|
|
2669
|
-
}], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
2670
|
-
type: Inject,
|
|
2671
|
-
args: [MAT_DIALOG_DATA]
|
|
2672
|
-
}] }], null); })();
|
|
2673
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib\\dialogs\\alert-dialog\\alert-dialog.component.ts", lineNumber: 15 }); })();
|
|
2674
|
-
|
|
2675
|
-
class ConfirmDialogComponent {
|
|
2676
|
-
constructor(dialogRef, data) {
|
|
2677
|
-
this.dialogRef = dialogRef;
|
|
2678
|
-
this.data = data;
|
|
2679
|
-
this.title = '';
|
|
2680
|
-
this.message = '';
|
|
2681
|
-
this.title = data.title;
|
|
2682
|
-
this.message = data.message;
|
|
2683
|
-
this.options = data.options;
|
|
2684
|
-
}
|
|
2685
|
-
noClick() {
|
|
2686
|
-
this.dialogRef.close(ConfirmationResult.No);
|
|
2687
|
-
}
|
|
2688
|
-
yesClick() {
|
|
2689
|
-
this.dialogRef.close(ConfirmationResult.Yes);
|
|
2690
|
-
}
|
|
2691
|
-
cancelClick() {
|
|
2692
|
-
this.dialogRef.close(ConfirmationResult.Cancel);
|
|
2693
|
-
}
|
|
2694
|
-
static { this.ɵfac = function ConfirmDialogComponent_Factory(t) { return new (t || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
|
|
2695
|
-
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) {
|
|
2696
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
2697
|
-
i0.ɵɵtext(2);
|
|
2698
|
-
i0.ɵɵpipe(3, "translate");
|
|
2699
|
-
i0.ɵɵelementEnd();
|
|
2700
|
-
i0.ɵɵelementStart(4, "app-icon-button", 2);
|
|
2701
|
-
i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_icon_button_buttonClick_4_listener() { return ctx.cancelClick(); });
|
|
2702
|
-
i0.ɵɵelementEnd()();
|
|
2703
|
-
i0.ɵɵelementStart(5, "div", 3)(6, "p", 4);
|
|
2704
|
-
i0.ɵɵtext(7);
|
|
2705
|
-
i0.ɵɵpipe(8, "translate");
|
|
2706
|
-
i0.ɵɵelementEnd()();
|
|
2707
|
-
i0.ɵɵelementStart(9, "div", 5)(10, "app-stroked-button", 6);
|
|
2708
|
-
i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_stroked_button_buttonClick_10_listener() { return ctx.noClick(); });
|
|
2709
|
-
i0.ɵɵelementEnd();
|
|
2710
|
-
i0.ɵɵelementStart(11, "app-raised-button", 7);
|
|
2711
|
-
i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_raised_button_buttonClick_11_listener() { return ctx.yesClick(); });
|
|
2712
|
-
i0.ɵɵelementEnd()();
|
|
2713
|
-
} if (rf & 2) {
|
|
2714
|
-
i0.ɵɵadvance(2);
|
|
2715
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 6, ctx.title));
|
|
2716
|
-
i0.ɵɵadvance(5);
|
|
2717
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 8, ctx.message, ctx.options.messageArgs));
|
|
2718
|
-
i0.ɵɵadvance(3);
|
|
2719
|
-
i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
|
|
2720
|
-
i0.ɵɵadvance();
|
|
2721
|
-
i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
|
|
2722
|
-
} }, 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}"] }); }
|
|
2723
|
-
}
|
|
2724
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
|
|
2725
|
-
type: Component,
|
|
2726
|
-
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"] }]
|
|
2727
|
-
}], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
2728
|
-
type: Inject,
|
|
2729
|
-
args: [MAT_DIALOG_DATA]
|
|
2730
|
-
}] }], null); })();
|
|
2731
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib\\dialogs\\confirm-dialog\\confirm-dialog.component.ts", lineNumber: 18 }); })();
|
|
2732
|
-
|
|
2733
|
-
class DialogService {
|
|
2734
|
-
constructor(dialog) {
|
|
2735
|
-
this.dialog = dialog;
|
|
2736
|
-
this.defaultConfirmationOptions = {
|
|
2737
|
-
noText: 'no',
|
|
2738
|
-
noColor: 'primary',
|
|
2739
|
-
yesText: 'yes',
|
|
2740
|
-
messageArgs: null,
|
|
2741
|
-
yesColor: 'primary'
|
|
2742
|
-
};
|
|
2743
|
-
}
|
|
2744
|
-
async showDialog(title, message) {
|
|
2745
|
-
const dialogRef = this.dialog.open(AlertDialogComponent, {
|
|
2746
|
-
data: { title, message },
|
|
2747
|
-
autoFocus: false
|
|
2748
|
-
});
|
|
2749
|
-
return await firstValueFrom(dialogRef.afterClosed());
|
|
2750
|
-
}
|
|
2751
|
-
async showCustomDialog(component, args, options = { autoFocus: false }) {
|
|
2752
|
-
const config = { ...options, ...{ data: args } };
|
|
2753
|
-
return await this.dialog.open(component, config)
|
|
2754
|
-
.afterClosed();
|
|
2755
|
-
}
|
|
2756
|
-
async askForConfirmation(title, message, args = null, options = { autoFocus: false }) {
|
|
2757
|
-
args = { ...this.defaultConfirmationOptions, ...(args || {}) };
|
|
2758
|
-
const data = { options: args, title, message };
|
|
2759
|
-
const config = { ...options, ...{ data } };
|
|
2760
|
-
const dialogRef = this.dialog.open(ConfirmDialogComponent, config);
|
|
2761
|
-
return await dialogRef.afterClosed();
|
|
2762
|
-
}
|
|
2763
|
-
static { this.ɵfac = function DialogService_Factory(t) { return new (t || DialogService)(i0.ɵɵinject(i1$2.MatDialog)); }; }
|
|
2764
|
-
static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DialogService, factory: DialogService.ɵfac, providedIn: 'root' }); }
|
|
2765
|
-
}
|
|
2766
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogService, [{
|
|
2767
|
-
type: Injectable,
|
|
2768
|
-
args: [{
|
|
2769
|
-
providedIn: 'root'
|
|
2770
|
-
}]
|
|
2771
|
-
}], () => [{ type: i1$2.MatDialog }], null); })();
|
|
2772
|
-
var ConfirmationResult;
|
|
2773
|
-
(function (ConfirmationResult) {
|
|
2774
|
-
ConfirmationResult[ConfirmationResult["Cancel"] = 0] = "Cancel";
|
|
2775
|
-
ConfirmationResult[ConfirmationResult["Yes"] = 1] = "Yes";
|
|
2776
|
-
ConfirmationResult[ConfirmationResult["No"] = 2] = "No";
|
|
2777
|
-
})(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 }); })();
|
|
2778
1475
|
|
|
2779
1476
|
class MenuItem {
|
|
2780
1477
|
constructor(label, path, icon = '') {
|
|
@@ -2793,5 +1490,5 @@ class MenuItem {
|
|
|
2793
1490
|
* Generated bundle index. Do not edit.
|
|
2794
1491
|
*/
|
|
2795
1492
|
|
|
2796
|
-
export {
|
|
1493
|
+
export { CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
|
|
2797
1494
|
//# sourceMappingURL=cauca-911-material.mjs.map
|