@cauca-911/material 21.1.6 → 21.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +40 -39
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cauca-911-material.d.ts +3 -3
|
@@ -5,7 +5,7 @@ import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate
|
|
|
5
5
|
import * as i1$5 from '@angular/material/dialog';
|
|
6
6
|
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
|
|
7
7
|
import * as i1$2 from '@angular/material/icon';
|
|
8
|
-
import { MatIconModule, MatIcon } from '@angular/material/icon';
|
|
8
|
+
import { MatIconModule, MatIcon, MAT_ICON_DEFAULT_OPTIONS } from '@angular/material/icon';
|
|
9
9
|
import * as i3$1 from '@angular/material/input';
|
|
10
10
|
import { MatInputModule, MatInput } from '@angular/material/input';
|
|
11
11
|
import { provideNativeDateAdapter } from '@angular/material/core';
|
|
@@ -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 }]
|
|
@@ -3143,11 +3143,11 @@ class MainSectionComponent {
|
|
|
3143
3143
|
} if (rf & 2) {
|
|
3144
3144
|
i0.ɵɵadvance();
|
|
3145
3145
|
i0.ɵɵconditional(ctx.title() ? 1 : -1);
|
|
3146
|
-
} }, dependencies: [TranslateModule, i1.TranslatePipe], styles: [".section[_ngcontent-%COMP%]{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px}.section-description[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1 0 0}@media(max-width:768px){.section[_ngcontent-%COMP%] .section-fields[_ngcontent-%COMP%]{flex-direction:column}.section[_ngcontent-%COMP%]{width:100%}}"], changeDetection: 0 }); }
|
|
3146
|
+
} }, dependencies: [TranslateModule, i1.TranslatePipe], styles: [".section[_ngcontent-%COMP%]{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px;box-sizing:border-box}.section-description[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1 0 0}@media(max-width:768px){.section[_ngcontent-%COMP%] .section-fields[_ngcontent-%COMP%]{flex-direction:column}.section[_ngcontent-%COMP%]{width:100%}}"], changeDetection: 0 }); }
|
|
3147
3147
|
}
|
|
3148
3148
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainSectionComponent, [{
|
|
3149
3149
|
type: Component,
|
|
3150
|
-
args: [{ selector: 'cauca-main-section', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\">\r\n @if (title()) {\r\n <div class=\"section-description subtitle1\">{{title()|translate}}</div>\r\n }\r\n <div class=\"section-fields\"><ng-content /></div>\r\n</div>", styles: [".section{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px}.section-description{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields>*{flex:1 0 0}@media(max-width:768px){.section .section-fields{flex-direction:column}.section{width:100%}}\n"] }]
|
|
3150
|
+
args: [{ selector: 'cauca-main-section', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\">\r\n @if (title()) {\r\n <div class=\"section-description subtitle1\">{{title()|translate}}</div>\r\n }\r\n <div class=\"section-fields\"><ng-content /></div>\r\n</div>", styles: [".section{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px;box-sizing:border-box}.section-description{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields>*{flex:1 0 0}@media(max-width:768px){.section .section-fields{flex-direction:column}.section{width:100%}}\n"] }]
|
|
3151
3151
|
}], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] }); })();
|
|
3152
3152
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/components/layout/sections/main-section/main-section.component.ts", lineNumber: 11 }); })();
|
|
3153
3153
|
|
|
@@ -3177,13 +3177,13 @@ function SectionFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
3177
3177
|
i0.ɵɵpipe(1, "translate");
|
|
3178
3178
|
} if (rf & 2) {
|
|
3179
3179
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
3180
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, ctx_r0.
|
|
3180
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, ctx_r0.caption()), " ");
|
|
3181
3181
|
} }
|
|
3182
3182
|
function SectionFieldComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
3183
3183
|
i0.ɵɵtext(0);
|
|
3184
3184
|
} if (rf & 2) {
|
|
3185
3185
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
3186
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r0.
|
|
3186
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.caption(), " ");
|
|
3187
3187
|
} }
|
|
3188
3188
|
function SectionFieldComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
3189
3189
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
@@ -3216,8 +3216,8 @@ function SectionFieldComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
|
3216
3216
|
} }
|
|
3217
3217
|
class SectionFieldComponent {
|
|
3218
3218
|
constructor() {
|
|
3219
|
-
this.
|
|
3220
|
-
this.
|
|
3219
|
+
this.autoTranslateCaption = input(true, ...(ngDevMode ? [{ debugName: "autoTranslateCaption" }] : []));
|
|
3220
|
+
this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
|
|
3221
3221
|
this.value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
3222
3222
|
this.values = input([], ...(ngDevMode ? [{ debugName: "values" }] : []));
|
|
3223
3223
|
this.fieldName = input('', ...(ngDevMode ? [{ debugName: "fieldName" }] : []));
|
|
@@ -3227,7 +3227,7 @@ class SectionFieldComponent {
|
|
|
3227
3227
|
this.splitEqually = input(true, ...(ngDevMode ? [{ debugName: "splitEqually" }] : []));
|
|
3228
3228
|
}
|
|
3229
3229
|
static { this.ɵfac = function SectionFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionFieldComponent)(); }; }
|
|
3230
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionFieldComponent, selectors: [["cauca-section-field"]], inputs: {
|
|
3230
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionFieldComponent, selectors: [["cauca-section-field"]], inputs: { autoTranslateCaption: [1, "autoTranslateCaption"], caption: [1, "caption"], value: [1, "value"], values: [1, "values"], fieldName: [1, "fieldName"], showLink: [1, "showLink"], splitEqually: [1, "splitEqually"] }, outputs: { linkClick: "linkClick" }, decls: 9, vars: 9, consts: [[1, "section-fields-line"], [1, "option-caption", "body1"], ["onkeypress", "linkClick.emit()", 1, "icon-link"], [1, "option-value", "body2"], ["onkeypress", "linkClick.emit()", 1, "icon-link", 3, "click"]], template: function SectionFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3231
3231
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
3232
3232
|
i0.ɵɵconditionalCreate(2, SectionFieldComponent_Conditional_2_Template, 2, 3)(3, SectionFieldComponent_Conditional_3_Template, 1, 1);
|
|
3233
3233
|
i0.ɵɵconditionalCreate(4, SectionFieldComponent_Conditional_4_Template, 2, 0, "mat-icon", 2);
|
|
@@ -3241,7 +3241,7 @@ class SectionFieldComponent {
|
|
|
3241
3241
|
i0.ɵɵadvance();
|
|
3242
3242
|
i0.ɵɵclassProp("link", ctx.showLink());
|
|
3243
3243
|
i0.ɵɵadvance();
|
|
3244
|
-
i0.ɵɵconditional(ctx.
|
|
3244
|
+
i0.ɵɵconditional(ctx.autoTranslateCaption() ? 2 : 3);
|
|
3245
3245
|
i0.ɵɵadvance(2);
|
|
3246
3246
|
i0.ɵɵconditional(ctx.showLink() ? 4 : -1);
|
|
3247
3247
|
i0.ɵɵadvance(2);
|
|
@@ -3252,8 +3252,8 @@ class SectionFieldComponent {
|
|
|
3252
3252
|
}
|
|
3253
3253
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionFieldComponent, [{
|
|
3254
3254
|
type: Component,
|
|
3255
|
-
args: [{ selector: 'cauca-section-field', imports: [TranslateModule, MatIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-fields-line\" [class.multi-line]=\"useMultipleValues()\">\r\n <div class=\"option-
|
|
3256
|
-
}], null, {
|
|
3255
|
+
args: [{ selector: 'cauca-section-field', imports: [TranslateModule, MatIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-fields-line\" [class.multi-line]=\"useMultipleValues()\">\r\n <div class=\"option-caption body1\" [class.link]=\"showLink()\">\r\n @if(autoTranslateCaption()) {\r\n {{caption()|translate}}\r\n } @else {\r\n {{caption()}}\r\n }\r\n @if (showLink()) {\r\n <mat-icon class=\"icon-link\" (click)=\"linkClick.emit()\" onkeypress=\"linkClick.emit()\">link</mat-icon>\r\n }:\r\n </div>\r\n <div class=\"option-value body2\" [class.no-flex]=\"!splitEqually()\">\r\n @if (useMultipleValues()) {\r\n @for(item of values(); track item) {\r\n <span>{{fieldName() ? item[fieldName()] : item }}</span>\r\n }\r\n } @else {\r\n {{value()}}\r\n }\r\n </div>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.section-fields-line{display:flex;align-items:center;gap:8px;align-self:stretch;white-space:nowrap}.section-fields-line>*{flex:1 0 0}.option-value{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;white-space:wrap;word-break:break-all}.option-value.no-flex{flex:unset}.multi-line{align-items:flex-start}.icon-link{cursor:pointer}.link{display:flex}\n"] }]
|
|
3256
|
+
}], null, { autoTranslateCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslateCaption", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: false }] }], showLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLink", required: false }] }], linkClick: [{ type: i0.Output, args: ["linkClick"] }], splitEqually: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitEqually", required: false }] }] }); })();
|
|
3257
3257
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
|
|
3258
3258
|
|
|
3259
3259
|
function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -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
|
|
|
@@ -3891,6 +3891,7 @@ function provideCaucaMaterial() {
|
|
|
3891
3891
|
return [
|
|
3892
3892
|
provideNativeDateAdapter(),
|
|
3893
3893
|
{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'outline' } },
|
|
3894
|
+
{ provide: MAT_ICON_DEFAULT_OPTIONS, useValue: { color: 'primary' } },
|
|
3894
3895
|
];
|
|
3895
3896
|
}
|
|
3896
3897
|
|
|
@@ -3942,7 +3943,7 @@ class CaucaSimpleDialogComponent {
|
|
|
3942
3943
|
}
|
|
3943
3944
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
|
|
3944
3945
|
type: Component,
|
|
3945
|
-
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\
|
|
3946
|
+
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"] }]
|
|
3946
3947
|
}], null, null); })();
|
|
3947
3948
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
|
|
3948
3949
|
|
|
@@ -4065,7 +4066,7 @@ class CaucaInputFileComponent {
|
|
|
4065
4066
|
}
|
|
4066
4067
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
4067
4068
|
type: Component,
|
|
4068
|
-
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\
|
|
4069
|
+
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"] }]
|
|
4069
4070
|
}], null, { file: [{
|
|
4070
4071
|
type: ViewChild,
|
|
4071
4072
|
args: ['file', { static: false }]
|
|
@@ -4154,7 +4155,7 @@ class CaucaInputMultipleLangueComponent {
|
|
|
4154
4155
|
}
|
|
4155
4156
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
4156
4157
|
type: Component,
|
|
4157
|
-
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\
|
|
4158
|
+
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"] }]
|
|
4158
4159
|
}], () => [], { value: [{
|
|
4159
4160
|
type: Input
|
|
4160
4161
|
}] }); })();
|
|
@@ -4237,7 +4238,7 @@ class CaucaSlideshowComponent {
|
|
|
4237
4238
|
}
|
|
4238
4239
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
|
|
4239
4240
|
type: Component,
|
|
4240
|
-
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\
|
|
4241
|
+
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"] }]
|
|
4241
4242
|
}], null, { container: [{
|
|
4242
4243
|
type: ViewChild,
|
|
4243
4244
|
args: ['container', { static: true }]
|