@cauca-911/material 21.1.4 → 21.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +20 -20
- package/README.md +4 -4
- package/assets/i18n/cauca/en-material.json +104 -104
- package/assets/i18n/cauca/es-material.json +104 -104
- package/assets/i18n/cauca/fr-material.json +106 -106
- package/fesm2022/cauca-911-material.mjs +56 -30
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cauca-911-material.d.ts +8 -2
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
{
|
|
2
|
-
"material": {
|
|
3
|
-
"ok": "Ok",
|
|
4
|
-
"apply": "Appliquer",
|
|
5
|
-
"cancel": "Annuler",
|
|
6
|
-
"clear": "Vider",
|
|
7
|
-
"description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
|
|
8
|
-
"select": "Sélectionner",
|
|
9
|
-
"dialogTitle": "Acquisition des données",
|
|
10
|
-
"dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
|
|
11
|
-
"version": "Version",
|
|
12
|
-
"refresh": "Rafraîchir"
|
|
13
|
-
},
|
|
14
|
-
"ok": "Ok",
|
|
15
|
-
"apply": "Appliquer",
|
|
16
|
-
"cancel": "Annuler",
|
|
17
|
-
"clear": "Vider",
|
|
18
|
-
"description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
|
|
19
|
-
"select": "Sélectionner",
|
|
20
|
-
"dialogTitle": "Acquisition des données",
|
|
21
|
-
"dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
|
|
22
|
-
"version": "Version",
|
|
23
|
-
"refresh": "Rafraîchir",
|
|
24
|
-
"errorTitle": "Erreur",
|
|
25
|
-
"edit": "Éditer",
|
|
26
|
-
"delete": "Supprimer",
|
|
27
|
-
"save": "Sauvegarder",
|
|
28
|
-
"yes": "Oui",
|
|
29
|
-
"no": "Non",
|
|
30
|
-
"close": "Fermer",
|
|
31
|
-
"copyLink": "Copier le lien",
|
|
32
|
-
"logout": "Déconnexion",
|
|
33
|
-
"search": "Rechercher",
|
|
34
|
-
"en": "Anglais",
|
|
35
|
-
"fr": "Français",
|
|
36
|
-
"es": "Espagnol",
|
|
37
|
-
"or": "OU",
|
|
38
|
-
"dateRangeSelectorLabel": "Dates",
|
|
39
|
-
"errorDialog": {
|
|
40
|
-
"titleError": "Erreur de suppression",
|
|
41
|
-
"messageError": "Une erreur est survenue lors de la suppression de \"{{itemName}}\". Veuillez réessayer plus tard."
|
|
42
|
-
},
|
|
43
|
-
"deleteDialog": {
|
|
44
|
-
"titleFemale": "Supprimer une {{itemType}}",
|
|
45
|
-
"titleMale": "Supprimer un {{itemType}}",
|
|
46
|
-
"message": "Êtes-vous sûr de vouloir supprimer l'élément \"{{itemName}}\" ?",
|
|
47
|
-
"titleError": "Erreur de suppression",
|
|
48
|
-
"messageError": "Une erreur s'est produite lors de la suppression de l'élément \"{{itemName}}\"."
|
|
49
|
-
},
|
|
50
|
-
"cancelEditionDialog": {
|
|
51
|
-
"title": "Confirmation d'annulation",
|
|
52
|
-
"message": "Vous avez des changements non sauvegardés, êtes-vous sûr de vouloir les annuler ?"
|
|
53
|
-
},
|
|
54
|
-
"validationErrorDialog": {
|
|
55
|
-
"title": "Données invalides",
|
|
56
|
-
"message": "Vous ne pouvez sauvegarder parce que vous avez des informations invalides.",
|
|
57
|
-
"messageNext": "Vous ne pouvez continuer parce que vous avez des informations invalides."
|
|
58
|
-
},
|
|
59
|
-
"alertDialog": {
|
|
60
|
-
"errorTitle": "Erreur",
|
|
61
|
-
"noResult": "Aucun résultat",
|
|
62
|
-
"genericErrorMessage": "Une erreur s'est produite, veuillez réessayer.",
|
|
63
|
-
"saveErrorMessage": "Une erreur s'est produite lors de la sauvegarde, veuillez réessayer.",
|
|
64
|
-
"loadErrorMessage": "Une erreur s'est produite lors du chargement, veuillez réessayer.",
|
|
65
|
-
"deleteErrorMessage": "Une erreur s'est produite lors de la suppression, veuillez réessayer.",
|
|
66
|
-
"creationErrorMessage": "Une erreur s'est produite lors de la création du fichier, veuillez réessayer."
|
|
67
|
-
},
|
|
68
|
-
"savingSuccessNotification": {
|
|
69
|
-
"title": "Sauvegarde",
|
|
70
|
-
"message": "La sauvegarde s'est effectuée avec succès."
|
|
71
|
-
},
|
|
72
|
-
"generalError": {
|
|
73
|
-
"errorAlertTitle": "Erreur",
|
|
74
|
-
"loadingErrorAlertTitle": "Erreur de chargement",
|
|
75
|
-
"loadingErrorAlertMessage": "Une erreur s'est produite pendant le chargement, veuillez réessayer.",
|
|
76
|
-
"savingErrorAlertTitle": "Erreur de sauvegarde",
|
|
77
|
-
"savingErrorAlertMessage": "Une erreur s'est produite pendant la sauvegarde, veuillez réessayer.",
|
|
78
|
-
"retryButtonLabel": "Réessayer"
|
|
79
|
-
},
|
|
80
|
-
"error": {
|
|
81
|
-
"requiredField": "Ce champ est obligatoire.",
|
|
82
|
-
"maxLength": "Ce champ doit avoir moins de {{value}} caractères.",
|
|
83
|
-
"valueMin": "Valeur sous minimum",
|
|
84
|
-
"valueMax": "Valeur au dessus maximum",
|
|
85
|
-
"invalidEmail": "Le courriel entré n'est pas valide",
|
|
86
|
-
"invalidPhoneNumber": "Le téléphone n'est pas valide",
|
|
87
|
-
"min": "Valeur minimale: {{value}}",
|
|
88
|
-
"max": "Valeur maximale: {{value}}",
|
|
89
|
-
"minimumCharacters": "Minimum 13 caractères",
|
|
90
|
-
"minimumNumeric": "Minimum 1 chiffre (0-9)",
|
|
91
|
-
"minimumSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, ...)",
|
|
92
|
-
"minimumUpperAndLowercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
|
|
93
|
-
"identicalPassword": "Mots de passe identiques",
|
|
94
|
-
"length": "La longueur ne doit pas dépasser {{value}} caractères."
|
|
95
|
-
},
|
|
96
|
-
"passwordEdition" : {
|
|
97
|
-
"passwordSelection": "Veuillez choisir un mot de passe.",
|
|
98
|
-
"password": "Mot de passe",
|
|
99
|
-
"passwordConfirmation": "Confirmation du mot de passe",
|
|
100
|
-
"minimumCharacters": "Minimum 13 caractères",
|
|
101
|
-
"minimumOneNumeric": "Minimum 1 chiffre (0-9)",
|
|
102
|
-
"minimumOneSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, etc.)",
|
|
103
|
-
"needLowerAndUppercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
|
|
104
|
-
"equalPasswords": "Mots de passe identiques"
|
|
105
|
-
}
|
|
106
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"material": {
|
|
3
|
+
"ok": "Ok",
|
|
4
|
+
"apply": "Appliquer",
|
|
5
|
+
"cancel": "Annuler",
|
|
6
|
+
"clear": "Vider",
|
|
7
|
+
"description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
|
|
8
|
+
"select": "Sélectionner",
|
|
9
|
+
"dialogTitle": "Acquisition des données",
|
|
10
|
+
"dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
|
|
11
|
+
"version": "Version",
|
|
12
|
+
"refresh": "Rafraîchir"
|
|
13
|
+
},
|
|
14
|
+
"ok": "Ok",
|
|
15
|
+
"apply": "Appliquer",
|
|
16
|
+
"cancel": "Annuler",
|
|
17
|
+
"clear": "Vider",
|
|
18
|
+
"description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
|
|
19
|
+
"select": "Sélectionner",
|
|
20
|
+
"dialogTitle": "Acquisition des données",
|
|
21
|
+
"dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
|
|
22
|
+
"version": "Version",
|
|
23
|
+
"refresh": "Rafraîchir",
|
|
24
|
+
"errorTitle": "Erreur",
|
|
25
|
+
"edit": "Éditer",
|
|
26
|
+
"delete": "Supprimer",
|
|
27
|
+
"save": "Sauvegarder",
|
|
28
|
+
"yes": "Oui",
|
|
29
|
+
"no": "Non",
|
|
30
|
+
"close": "Fermer",
|
|
31
|
+
"copyLink": "Copier le lien",
|
|
32
|
+
"logout": "Déconnexion",
|
|
33
|
+
"search": "Rechercher",
|
|
34
|
+
"en": "Anglais",
|
|
35
|
+
"fr": "Français",
|
|
36
|
+
"es": "Espagnol",
|
|
37
|
+
"or": "OU",
|
|
38
|
+
"dateRangeSelectorLabel": "Dates",
|
|
39
|
+
"errorDialog": {
|
|
40
|
+
"titleError": "Erreur de suppression",
|
|
41
|
+
"messageError": "Une erreur est survenue lors de la suppression de \"{{itemName}}\". Veuillez réessayer plus tard."
|
|
42
|
+
},
|
|
43
|
+
"deleteDialog": {
|
|
44
|
+
"titleFemale": "Supprimer une {{itemType}}",
|
|
45
|
+
"titleMale": "Supprimer un {{itemType}}",
|
|
46
|
+
"message": "Êtes-vous sûr de vouloir supprimer l'élément \"{{itemName}}\" ?",
|
|
47
|
+
"titleError": "Erreur de suppression",
|
|
48
|
+
"messageError": "Une erreur s'est produite lors de la suppression de l'élément \"{{itemName}}\"."
|
|
49
|
+
},
|
|
50
|
+
"cancelEditionDialog": {
|
|
51
|
+
"title": "Confirmation d'annulation",
|
|
52
|
+
"message": "Vous avez des changements non sauvegardés, êtes-vous sûr de vouloir les annuler ?"
|
|
53
|
+
},
|
|
54
|
+
"validationErrorDialog": {
|
|
55
|
+
"title": "Données invalides",
|
|
56
|
+
"message": "Vous ne pouvez sauvegarder parce que vous avez des informations invalides.",
|
|
57
|
+
"messageNext": "Vous ne pouvez continuer parce que vous avez des informations invalides."
|
|
58
|
+
},
|
|
59
|
+
"alertDialog": {
|
|
60
|
+
"errorTitle": "Erreur",
|
|
61
|
+
"noResult": "Aucun résultat",
|
|
62
|
+
"genericErrorMessage": "Une erreur s'est produite, veuillez réessayer.",
|
|
63
|
+
"saveErrorMessage": "Une erreur s'est produite lors de la sauvegarde, veuillez réessayer.",
|
|
64
|
+
"loadErrorMessage": "Une erreur s'est produite lors du chargement, veuillez réessayer.",
|
|
65
|
+
"deleteErrorMessage": "Une erreur s'est produite lors de la suppression, veuillez réessayer.",
|
|
66
|
+
"creationErrorMessage": "Une erreur s'est produite lors de la création du fichier, veuillez réessayer."
|
|
67
|
+
},
|
|
68
|
+
"savingSuccessNotification": {
|
|
69
|
+
"title": "Sauvegarde",
|
|
70
|
+
"message": "La sauvegarde s'est effectuée avec succès."
|
|
71
|
+
},
|
|
72
|
+
"generalError": {
|
|
73
|
+
"errorAlertTitle": "Erreur",
|
|
74
|
+
"loadingErrorAlertTitle": "Erreur de chargement",
|
|
75
|
+
"loadingErrorAlertMessage": "Une erreur s'est produite pendant le chargement, veuillez réessayer.",
|
|
76
|
+
"savingErrorAlertTitle": "Erreur de sauvegarde",
|
|
77
|
+
"savingErrorAlertMessage": "Une erreur s'est produite pendant la sauvegarde, veuillez réessayer.",
|
|
78
|
+
"retryButtonLabel": "Réessayer"
|
|
79
|
+
},
|
|
80
|
+
"error": {
|
|
81
|
+
"requiredField": "Ce champ est obligatoire.",
|
|
82
|
+
"maxLength": "Ce champ doit avoir moins de {{value}} caractères.",
|
|
83
|
+
"valueMin": "Valeur sous minimum",
|
|
84
|
+
"valueMax": "Valeur au dessus maximum",
|
|
85
|
+
"invalidEmail": "Le courriel entré n'est pas valide",
|
|
86
|
+
"invalidPhoneNumber": "Le téléphone n'est pas valide",
|
|
87
|
+
"min": "Valeur minimale: {{value}}",
|
|
88
|
+
"max": "Valeur maximale: {{value}}",
|
|
89
|
+
"minimumCharacters": "Minimum 13 caractères",
|
|
90
|
+
"minimumNumeric": "Minimum 1 chiffre (0-9)",
|
|
91
|
+
"minimumSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, ...)",
|
|
92
|
+
"minimumUpperAndLowercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
|
|
93
|
+
"identicalPassword": "Mots de passe identiques",
|
|
94
|
+
"length": "La longueur ne doit pas dépasser {{value}} caractères."
|
|
95
|
+
},
|
|
96
|
+
"passwordEdition" : {
|
|
97
|
+
"passwordSelection": "Veuillez choisir un mot de passe.",
|
|
98
|
+
"password": "Mot de passe",
|
|
99
|
+
"passwordConfirmation": "Confirmation du mot de passe",
|
|
100
|
+
"minimumCharacters": "Minimum 13 caractères",
|
|
101
|
+
"minimumOneNumeric": "Minimum 1 chiffre (0-9)",
|
|
102
|
+
"minimumOneSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, etc.)",
|
|
103
|
+
"needLowerAndUppercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
|
|
104
|
+
"equalPasswords": "Mots de passe identiques"
|
|
105
|
+
}
|
|
106
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, model, computed, Injector, ElementRef, Directive, forwardRef, TemplateRef, Input, Optional, Self, ContentChild, ViewChild, resource, effect, NgModule, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, model, computed, Injector, ElementRef, Directive, forwardRef, TemplateRef, Input, Optional, Self, ContentChild, ViewChild, resource, effect, NgModule, Pipe, EventEmitter, Output } from '@angular/core';
|
|
3
3
|
import * as i1 from '@ngx-translate/core';
|
|
4
4
|
import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
|
|
5
5
|
import * as i1$5 from '@angular/material/dialog';
|
|
@@ -130,7 +130,7 @@ class MobileTimePickerComponent {
|
|
|
130
130
|
MatIconModule,
|
|
131
131
|
MatFormFieldModule,
|
|
132
132
|
MatInputModule
|
|
133
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button (click)=\"valueUp()\">\
|
|
133
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button (click)=\"valueUp()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n</button>\n<div>\n{{(value() < 10 ? '0' : '' ) + value()}}\n</div>\n<button mat-icon-button (click)=\"valueDown()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;font-family:var(--mat-form-field-container-text-font)}.mat-mdc-icon-button{height:24px;width:24px;line-height:24px;padding:0}\n"] }]
|
|
134
134
|
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
|
|
135
135
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.ts", lineNumber: 19 }); })();
|
|
136
136
|
|
|
@@ -171,7 +171,7 @@ class DesktopTimePickerComponent {
|
|
|
171
171
|
type: Component,
|
|
172
172
|
args: [{ selector: 'cauca-desktop-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
173
173
|
MatListModule
|
|
174
|
-
], template: "<mat-list [disabled]=\"disabled()?.all\">\
|
|
174
|
+
], template: "<mat-list [disabled]=\"disabled()?.all\">\n @for (option of options(); track option) {\n <mat-list-item [activated]=\"value() === option\" [disabled]=\"disabled()?.someOptions?.includes(option)\"\n (click)=\"valueChange.emit(option)\">{{(option < 10 ? '0' : '' ) + option}}</mat-list-item>\n }\n</mat-list>", styles: ["mat-list{width:50px;padding:0}mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}>div::-webkit-scrollbar{display:none}::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
|
|
175
175
|
}], null, { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
|
|
176
176
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 13 }); })();
|
|
177
177
|
|
|
@@ -519,7 +519,7 @@ class DialogDateTimePickerComponent {
|
|
|
519
519
|
MatListModule,
|
|
520
520
|
MobileTimePickerComponent,
|
|
521
521
|
DesktopTimePickerComponent
|
|
522
|
-
], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\
|
|
522
|
+
], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\n <div [ngClass]=\"showSeconds() ? 'show-seconds' : 'hide-seconds'\" class=\"date-time-picker\">\n <div class=\"calendar\">\n <mat-calendar\n [minDate]=\"minimumDate\"\n [maxDate]=\"maximumDate\"\n [selected]=\"selectedDate\"\n (selectedChange)=\"dateChanged($event)\"\n ></mat-calendar>\n </div>\n\n @if (showTime()) {\n @if (!showMobileUi) {\n <div class=\"hours\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n </div>\n }\n @if (showMobileUi) {\n <div class=\"hours\">\n <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n </div>\n }\n\n @if (showMobileUi) {\n <div class=\"hour-and-minute-separator\">:</div>\n }\n\n @if (!showMobileUi) {\n <div class=\"minutes\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n </div>\n }\n @if (showMobileUi) {\n <div class=\"minutes\">\n <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n </div>\n }\n\n @if (showSeconds() && showMobileUi) {\n <div class=\"minute-and-second-separator\">:</div>\n }\n @if (showSeconds() && !showMobileUi) {\n <div class=\"seconds\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n </div>\n }\n @if (showSeconds() && showMobileUi) {\n <div class=\"seconds\">\n <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n </div>\n }\n }\n </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n @if (showClearButton) {\n <button mat-stroked-button (click)=\"clear()\">\n @if (showButtonIcons) {\n <mat-icon>clear</mat-icon>\n }\n {{'material.clear' | translate}}\n </button>\n }\n <button color=\"primary\" mat-stroked-button (click)=\"cancel()\">\n @if (showButtonIcons) {\n <mat-icon>cancel</mat-icon>\n }\n {{'material.cancel' | translate}}\n </button>\n <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n @if (showButtonIcons) {\n <mat-icon>check</mat-icon>\n }\n {{'material.ok' | translate}}\n </button>\n</div>", styles: ["div[mat-dialog-actions]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions] button{margin:2px}.date-time-picker{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker>div{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker>div:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px;height:350px}.date-time-picker>div::-webkit-scrollbar{display:none}.date-time-picker ::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker ::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker ::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar{grid-area:calendar}.hours{grid-area:hours}.minutes{grid-area:minutes}.seconds{grid-area:seconds}.hour-and-minute-separator{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width:555px){.show-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker{grid-template-rows:auto auto;height:450px}.date-time-picker>div{border-left:none}.date-time-picker>div:not(:first-child){height:70px}.date-time-picker>div:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}\n"] }]
|
|
523
523
|
}], () => [], { onResize: [{
|
|
524
524
|
type: HostListener,
|
|
525
525
|
args: ['window:resize', ['$event']]
|
|
@@ -677,7 +677,7 @@ class CaucaDateTimePickerComponent {
|
|
|
677
677
|
multi: true,
|
|
678
678
|
useExisting: CaucaDateTimePickerComponent,
|
|
679
679
|
}
|
|
680
|
-
], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing()\">\
|
|
680
|
+
], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing()\">\n @if (label()) {\n <mat-label>{{ translateLabel() ? (label() | translate) : label() }}{{isRequired() ? '*' : ''}}</mat-label>\n }\n <input (focusout)=\"onTouched()\" matInput [value]=\"stringDate()\" readonly=\"readonly\">\n <button matSuffix mat-icon-button (click)=\"showDialog()\">\n <mat-icon>calendar_month</mat-icon>\n </button>\n</mat-form-field>", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
|
|
681
681
|
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], subscriptSizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "subscriptSizing", required: false }] }], showTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTime", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], stepHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepHours", required: false }] }], stepMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepMinutes", required: false }] }], stepSecondes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepSecondes", required: false }] }], minimumDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumDate", required: false }] }], maximumDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumDate", required: false }] }], showSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeconds", required: false }] }], showFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormat", required: false }] }], showClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearButton", required: false }] }], showButtonIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtonIcons", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] }); })();
|
|
682
682
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 34 }); })();
|
|
683
683
|
|
|
@@ -1082,7 +1082,7 @@ class ButtonComponent {
|
|
|
1082
1082
|
}
|
|
1083
1083
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
1084
1084
|
type: Component,
|
|
1085
|
-
args: [{ selector: 'cauca-button', imports: [MatIconModule, MatButtonModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (type() === 'basic') {\
|
|
1085
|
+
args: [{ selector: 'cauca-button', imports: [MatIconModule, MatButtonModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (type() === 'basic') {\n <button [ngClass]=\"class()\" mat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-basic\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'raised') {\n <button [ngClass]=\"class()\" matButton=\"elevated\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-raised\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'stroked') {\n <button [ngClass]=\"class()\" matButton=\"outlined\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-stroked\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'flat') {\n <button [ngClass]=\"class()\" matButton=\"filled\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-flat\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'icon') {\n <button [ngClass]=\"class()\" matIconButton (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n </button>\n}\n\n@if (type() === 'fab') {\n <button [ngClass]=\"class()\" matFab (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}.button-spin{animation:spinner 1s linear infinite}\n"] }]
|
|
1086
1086
|
}], null, { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], disable: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
|
|
1087
1087
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/button/button.component.ts", lineNumber: 13 }); })();
|
|
1088
1088
|
|
|
@@ -1393,7 +1393,7 @@ class AlertDialogComponent {
|
|
|
1393
1393
|
}
|
|
1394
1394
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
|
|
1395
1395
|
type: Component,
|
|
1396
|
-
args: [{ selector: 'cauca-alert-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\
|
|
1396
|
+
args: [{ selector: 'cauca-alert-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\n <div class=\"h6\">{{ title | translate }}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.alert-dialog-content{white-space:pre-wrap}\n"] }]
|
|
1397
1397
|
}], () => [], null); })();
|
|
1398
1398
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/components/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 18 }); })();
|
|
1399
1399
|
|
|
@@ -1449,7 +1449,7 @@ class ConfirmDialogComponent {
|
|
|
1449
1449
|
}
|
|
1450
1450
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
|
|
1451
1451
|
type: Component,
|
|
1452
|
-
args: [{ selector: 'cauca-confirm-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\
|
|
1452
|
+
args: [{ selector: 'cauca-confirm-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n </div>\n <div mat-dialog-content>\n <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n </div>\n <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n </mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}.title{padding-top:8px}.action-buttons{display:flex;align-items:center;flex-direction:row;gap:8px}\n"] }]
|
|
1453
1453
|
}], () => [], null); })();
|
|
1454
1454
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 20 }); })();
|
|
1455
1455
|
|
|
@@ -1640,7 +1640,7 @@ class DeleteDialogComponent {
|
|
|
1640
1640
|
}
|
|
1641
1641
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
|
|
1642
1642
|
type: Component,
|
|
1643
|
-
args: [{ selector: 'cauca-delete-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\
|
|
1643
|
+
args: [{ selector: 'cauca-delete-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\n @if (itemGenderIsFemale)\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\n } @else\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\n }\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div mat-dialog-content>\n <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\n <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.mat-mdc-dialog-actions{column-gap:8px}\n"] }]
|
|
1644
1644
|
}], () => [], null); })();
|
|
1645
1645
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/components/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 19 }); })();
|
|
1646
1646
|
|
|
@@ -1682,7 +1682,7 @@ class ErrorDialogComponent {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
|
|
1684
1684
|
type: Component,
|
|
1685
|
-
args: [{ selector: 'cauca-error-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\
|
|
1685
|
+
args: [{ selector: 'cauca-error-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\n</div>\n<div mat-dialog-content>\n <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (buttonClick)=\"closeClick()\"/>\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}\n"] }]
|
|
1686
1686
|
}], () => [], null); })();
|
|
1687
1687
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/components/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 18 }); })();
|
|
1688
1688
|
|
|
@@ -1978,7 +1978,7 @@ class BadgeComponent {
|
|
|
1978
1978
|
}
|
|
1979
1979
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
1980
1980
|
type: Component,
|
|
1981
|
-
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\
|
|
1981
|
+
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\n <div class=\"mat-chip-content\">\n <mat-icon>{{icon()}}</mat-icon>\n <div class=\"chip-label\">{{label() | translate}}</div>\n </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
|
|
1982
1982
|
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] }); })();
|
|
1983
1983
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
1984
1984
|
|
|
@@ -2026,17 +2026,17 @@ class IconComponent {
|
|
|
2026
2026
|
}
|
|
2027
2027
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconComponent, [{
|
|
2028
2028
|
type: Component,
|
|
2029
|
-
args: [{ selector: 'cauca-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FontAwesomeModule], template: `
|
|
2030
|
-
@if (isFontAwesome() && faIcon().length > 0) {
|
|
2031
|
-
<div class="icon">
|
|
2032
|
-
<fa-icon [icon]="faIcon()"></fa-icon>
|
|
2033
|
-
</div>
|
|
2034
|
-
}
|
|
2035
|
-
@if (!isFontAwesome() && image()) {
|
|
2036
|
-
<div class="icon">
|
|
2037
|
-
<img [src]="image()" alt="icon" />
|
|
2038
|
-
</div>
|
|
2039
|
-
}
|
|
2029
|
+
args: [{ selector: 'cauca-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FontAwesomeModule], template: `
|
|
2030
|
+
@if (isFontAwesome() && faIcon().length > 0) {
|
|
2031
|
+
<div class="icon">
|
|
2032
|
+
<fa-icon [icon]="faIcon()"></fa-icon>
|
|
2033
|
+
</div>
|
|
2034
|
+
}
|
|
2035
|
+
@if (!isFontAwesome() && image()) {
|
|
2036
|
+
<div class="icon">
|
|
2037
|
+
<img [src]="image()" alt="icon" />
|
|
2038
|
+
</div>
|
|
2039
|
+
}
|
|
2040
2040
|
`, styles: ["img{max-height:40px;height:40px}fa-icon{max-height:40px;height:40px}\n"] }]
|
|
2041
2041
|
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] }); })();
|
|
2042
2042
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "lib/components/presenters/icon/icon.component.ts", lineNumber: 23 }); })();
|
|
@@ -2834,7 +2834,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2834
2834
|
], host: {
|
|
2835
2835
|
'[id]': 'id',
|
|
2836
2836
|
'[class.floating]': 'shouldLabelFloat',
|
|
2837
|
-
}, template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\
|
|
2837
|
+
}, template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\n\n <mat-chip-grid #chipGrid [disabled]=\"disabled\">\n\n @for (key of value; track key) {\n <mat-chip highlighted [disabled]=\"disabled\" (removed)=\"removeSelectedItem(key)\" color=\"primary\">\n {{getValueDisplay(key)}}\n @if (allowRemove()) {\n <mat-icon matChipRemove>cancel</mat-icon>\n }\n </mat-chip>\n }\n\n <div class=\"input-wrapper\">\n <input\n #chipInput\n [(ngModel)]=\"searchValue\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipGrid\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n @if (value.length > 0 && canRemoveAll()) {\n <mat-icon matPrefix class=\"clearAll\" (click)=\"onClearAll();\">clear</mat-icon>\n }\n <mat-icon matSuffix>arrow_drop_down</mat-icon>\n </div>\n </mat-chip-grid>\n\n <mat-autocomplete #auto=\"matAutocomplete\" panelWidth=\"500px\" [class.full-width-field]=\"optionTemplate\" (optionSelected)=\"selectItemOnAutocomplete($event)\">\n @for (item of filteredListAutoComplete | async; track item) {\n <mat-option [value]=\"item[keyValue()]\" class=\"full-width-option\">\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: {data: item}\" />\n } @else {\n {{item[displayValue()]}}\n }\n </mat-option>\n }\n </mat-autocomplete>\n</div>\n\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}:host{cursor:pointer}:host mat-icon{align-self:center;color:var(--mat-select-enabled-arrow-color)}:host input.mat-mdc-chip-input{flex:1}.input-wrapper{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper>input{flex:1;min-width:150px}.input-wrapper>mat-icon{flex-shrink:0}\n"] }]
|
|
2838
2838
|
}], () => [], { matAutocomplete: [{
|
|
2839
2839
|
type: ViewChild,
|
|
2840
2840
|
args: ['auto']
|
|
@@ -3084,7 +3084,7 @@ class SelectWithSearchComponent {
|
|
|
3084
3084
|
}
|
|
3085
3085
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
|
|
3086
3086
|
type: Component,
|
|
3087
|
-
args: [{ selector: 'cauca-select-with-search', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\
|
|
3087
|
+
args: [{ selector: 'cauca-select-with-search', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\n <ng-content></ng-content>\n <mat-label>{{ label() | translate }}</mat-label>\n <mat-select [value]=\"value()\" (valueChange)=\"onSelectionChange($event)\" [disabled]=\"disableControl()\" [class.readonly-field]=\"disableControl()\" [multiple]=\"allowMultiSelection()\" >\n @if (enableSearch()) {\n <mat-option>\n <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\n [noEntriesFoundLabel]=\"'noResult' | translate\">\n </ngx-mat-select-search>\n </mat-option>\n }\n @for (option of filteredOptions.value() || []; track option) {\n <mat-option [value]=\"option.id\">\n {{option.name}}\n </mat-option>\n }\n </mat-select>\n\n</mat-form-field>" }]
|
|
3088
3088
|
}], () => [], { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], selectFirstOptionByDefault: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectFirstOptionByDefault", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], allowMultiSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMultiSelection", required: false }] }], showClearOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearOption", required: false }] }], enableSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSearch", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }], singleSelect: [{
|
|
3089
3089
|
type: ViewChild,
|
|
3090
3090
|
args: ['singleSelect', { static: true }]
|
|
@@ -3366,7 +3366,7 @@ class PageTitleComponent {
|
|
|
3366
3366
|
}
|
|
3367
3367
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
|
|
3368
3368
|
type: Component,
|
|
3369
|
-
args: [{ selector: 'cauca-page-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\
|
|
3369
|
+
args: [{ selector: 'cauca-page-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\n\n <h4 class=\"title-label\">{{caption() | translate }}</h4>\n\n @if (displayBreadcrumb()) {\n <div class=\"breadcrumb\">\n\n @if (baseCrumb()) {\n <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\n }\n\n @for(location of breadcrumbLocation(); track location) {\n <span>/</span>\n @if (location.link) {\n <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\n } @else if (location.action) {\n <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\n } @else {\n <span class=\"basecrumb\">{{location.title}}</span>\n }\n }\n @if (baseCrumb() || breadcrumbLocation()?.length) {\n <span>/</span>\n }\n <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\n\n </div>\n }\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}a{text-decoration:none}a:visited{color:inherit}.basecrumb{color:#12101499}.crumb-link{cursor:pointer}@media(max-width:500px){.title-section{padding:16px}}\n"] }]
|
|
3370
3370
|
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], location: [{ type: i0.Input, args: [{ isSignal: true, alias: "location", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], baseCrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseCrumb", required: false }] }], translateBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateBreadcrumb", required: false }] }] }); })();
|
|
3371
3371
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 14 }); })();
|
|
3372
3372
|
|
|
@@ -3774,6 +3774,32 @@ class FormErrorModule {
|
|
|
3774
3774
|
ReactiveFormsModule], exports: [HasErrorDirective,
|
|
3775
3775
|
HasErrorRootDirective] }); })();
|
|
3776
3776
|
|
|
3777
|
+
class Iso8601TimeSpanPipe {
|
|
3778
|
+
transform(value) {
|
|
3779
|
+
if (!value) {
|
|
3780
|
+
return '';
|
|
3781
|
+
}
|
|
3782
|
+
const match = /^P(?:([0-9]+)D)?(?:T(?:([0-9]+)H)?(?:([0-9]+)M)?(?:([0-9]+(?:\.\d+)?)S)?)?$/i.exec(value.trim());
|
|
3783
|
+
if (!match) {
|
|
3784
|
+
return value;
|
|
3785
|
+
}
|
|
3786
|
+
const days = Number(match[1] ?? '0');
|
|
3787
|
+
const hours = Number(match[2] ?? '0') + (days * 24);
|
|
3788
|
+
const minutes = Number(match[3] ?? '0');
|
|
3789
|
+
const seconds = Math.floor(Number(match[4] ?? '0'));
|
|
3790
|
+
return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
|
3791
|
+
}
|
|
3792
|
+
static { this.ɵfac = function Iso8601TimeSpanPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Iso8601TimeSpanPipe)(); }; }
|
|
3793
|
+
static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "Iso8601TimeSpan", type: Iso8601TimeSpanPipe, pure: true }); }
|
|
3794
|
+
}
|
|
3795
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Iso8601TimeSpanPipe, [{
|
|
3796
|
+
type: Pipe,
|
|
3797
|
+
args: [{
|
|
3798
|
+
name: 'Iso8601TimeSpan',
|
|
3799
|
+
standalone: true,
|
|
3800
|
+
}]
|
|
3801
|
+
}], null, null); })();
|
|
3802
|
+
|
|
3777
3803
|
function provideCaucaMaterial() {
|
|
3778
3804
|
return [
|
|
3779
3805
|
provideNativeDateAdapter(),
|
|
@@ -3829,7 +3855,7 @@ class CaucaSimpleDialogComponent {
|
|
|
3829
3855
|
}
|
|
3830
3856
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
|
|
3831
3857
|
type: Component,
|
|
3832
|
-
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\
|
|
3858
|
+
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div [innerHTML]=\"data.message\"></div>\n</div>\n@if (data.buttons) {\n <div mat-dialog-actions>\n @for (label of data.buttons; track label; let i = $index) {\n <button mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n }\n </div>\n}", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
|
|
3833
3859
|
}], null, null); })();
|
|
3834
3860
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
|
|
3835
3861
|
|
|
@@ -3952,7 +3978,7 @@ class CaucaInputFileComponent {
|
|
|
3952
3978
|
}
|
|
3953
3979
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
3954
3980
|
type: Component,
|
|
3955
|
-
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\
|
|
3981
|
+
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\n @if (icon) {\n <mat-icon>{{icon}}</mat-icon>\n }\n @if (text) {\n <span>{{text}}</span>\n }\n</button>\n@if (multiple) {\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n} @else {\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n}\n\n", styles: [":host input{display:none}\n"] }]
|
|
3956
3982
|
}], null, { file: [{
|
|
3957
3983
|
type: ViewChild,
|
|
3958
3984
|
args: ['file', { static: false }]
|
|
@@ -4041,7 +4067,7 @@ class CaucaInputMultipleLangueComponent {
|
|
|
4041
4067
|
}
|
|
4042
4068
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
4043
4069
|
type: Component,
|
|
4044
|
-
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\
|
|
4070
|
+
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n @for (lang of labels; track lang; let i = $index) {\n <mat-tab [label]=\"lang\">\n <mat-form-field hideRequiredMarker=\"never\">\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n @if (forms[i].invalid) {\n <mat-error>{{getErrorMessage(i) | translate}}</mat-error>\n }\n </mat-form-field>\n </mat-tab>\n }\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
|
|
4045
4071
|
}], () => [], { value: [{
|
|
4046
4072
|
type: Input
|
|
4047
4073
|
}] }); })();
|
|
@@ -4124,7 +4150,7 @@ class CaucaSlideshowComponent {
|
|
|
4124
4150
|
}
|
|
4125
4151
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
|
|
4126
4152
|
type: Component,
|
|
4127
|
-
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\
|
|
4153
|
+
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\n @for (url of images; track url; let index = $index) {\n <div [class.active]=\"index === selectedIndex\" [class.entering]=\"states[index] === 'in'\" [class.leaving]=\"states[index] === 'out'\">\n <img [src]=\"url\" />\n </div>\n }\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(100%);opacity:0}.slideshow>div.active{transform:translate(0);opacity:1}.slideshow>div.leaving{transform:translate(-100%);opacity:0}.slideshow>div.entering{transform:translate(0);opacity:1}img{max-height:100%;max-width:100%;margin:0 auto;display:block}\n"] }]
|
|
4128
4154
|
}], null, { container: [{
|
|
4129
4155
|
type: ViewChild,
|
|
4130
4156
|
args: ['container', { static: true }]
|
|
@@ -4145,5 +4171,5 @@ class CaucaSlideshowComponent {
|
|
|
4145
4171
|
* Generated bundle index. Do not edit.
|
|
4146
4172
|
*/
|
|
4147
4173
|
|
|
4148
|
-
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelComponent, FabButtonComponent, FlatButtonComponent, FormErrorModule, GroupContainerComponent, HasErrorDirective, HasErrorRootDirective, IconButtonComponent, IconComponent, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SavingConfirmedBoxComponent, SavingErrorBoxComponent, SectionColumnComponent, SectionFieldComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent, provideCaucaMaterial };
|
|
4174
|
+
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelComponent, FabButtonComponent, FlatButtonComponent, FormErrorModule, GroupContainerComponent, HasErrorDirective, HasErrorRootDirective, IconButtonComponent, IconComponent, Iso8601TimeSpanPipe, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SavingConfirmedBoxComponent, SavingErrorBoxComponent, SectionColumnComponent, SectionFieldComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent, provideCaucaMaterial };
|
|
4149
4175
|
//# sourceMappingURL=cauca-911-material.mjs.map
|