@cauca-911/material 21.1.0 → 21.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -131,7 +131,7 @@ class MobileTimePickerComponent {
|
|
|
131
131
|
MatFormFieldModule,
|
|
132
132
|
MatInputModule
|
|
133
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
|
-
}], null,
|
|
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
|
|
|
137
137
|
function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -172,7 +172,7 @@ class DesktopTimePickerComponent {
|
|
|
172
172
|
args: [{ selector: 'cauca-desktop-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
173
173
|
MatListModule
|
|
174
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
|
-
}], null,
|
|
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
|
|
|
178
178
|
const _c0$c = (a0, a1) => ({ all: a0, someOptions: a1 });
|
|
@@ -506,7 +506,7 @@ class DialogDateTimePickerComponent {
|
|
|
506
506
|
} }, dependencies: [CommonModule, i3.NgClass, CaucaCoreForChildModule,
|
|
507
507
|
MatButtonModule, i1$1.MatButton, MatDatepickerModule, i2.MatCalendar, MatIconModule, i1$2.MatIcon, MatListModule,
|
|
508
508
|
MobileTimePickerComponent,
|
|
509
|
-
DesktopTimePickerComponent, i1.TranslatePipe], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin:2px}.date-time-picker[_ngcontent-%COMP%]{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child mat-calendar[_ngcontent-%COMP%]{width:290px;height:350px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.date-time-picker[_ngcontent-%COMP%] .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker[_ngcontent-%COMP%] .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker[_ngcontent-%COMP%] .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar[_ngcontent-%COMP%]{grid-area:calendar}.hours[_ngcontent-%COMP%]{grid-area:hours}.minutes[_ngcontent-%COMP%]{grid-area:minutes}.seconds[_ngcontent-%COMP%]{grid-area:seconds}.hour-and-minute-separator[_ngcontent-%COMP%]{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator[_ngcontent-%COMP%]{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width:
|
|
509
|
+
DesktopTimePickerComponent, i1.TranslatePipe], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin:2px}.date-time-picker[_ngcontent-%COMP%]{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child mat-calendar[_ngcontent-%COMP%]{width:290px;height:350px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.date-time-picker[_ngcontent-%COMP%] .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker[_ngcontent-%COMP%] .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker[_ngcontent-%COMP%] .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar[_ngcontent-%COMP%]{grid-area:calendar}.hours[_ngcontent-%COMP%]{grid-area:hours}.minutes[_ngcontent-%COMP%]{grid-area:minutes}.seconds[_ngcontent-%COMP%]{grid-area:seconds}.hour-and-minute-separator[_ngcontent-%COMP%]{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator[_ngcontent-%COMP%]{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width:555px){.show-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker[_ngcontent-%COMP%]{grid-template-rows:auto auto;height:450px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child){height:70px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}"], changeDetection: 0 }); }
|
|
510
510
|
}
|
|
511
511
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
|
|
512
512
|
type: Component,
|
|
@@ -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>\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:
|
|
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']]
|
|
@@ -678,7 +678,7 @@ class CaucaDateTimePickerComponent {
|
|
|
678
678
|
useExisting: CaucaDateTimePickerComponent,
|
|
679
679
|
}
|
|
680
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
|
-
}], null,
|
|
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
|
|
|
684
684
|
class BaseButton {
|
|
@@ -707,7 +707,7 @@ class BaseButton {
|
|
|
707
707
|
}
|
|
708
708
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
|
|
709
709
|
type: Directive
|
|
710
|
-
}], null,
|
|
710
|
+
}], null, { colorOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorOnHover", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAlignment", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], isInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInProgress", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
|
|
711
711
|
class BaseButtonWithLabel extends BaseButton {
|
|
712
712
|
constructor() {
|
|
713
713
|
super(...arguments);
|
|
@@ -720,7 +720,7 @@ class BaseButtonWithLabel extends BaseButton {
|
|
|
720
720
|
}
|
|
721
721
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
|
|
722
722
|
type: Directive
|
|
723
|
-
}], null,
|
|
723
|
+
}], null, { translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }] }); })();
|
|
724
724
|
|
|
725
725
|
function BasicButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
726
726
|
i0.ɵɵelementStart(0, "mat-icon");
|
|
@@ -1083,7 +1083,7 @@ class ButtonComponent {
|
|
|
1083
1083
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
1084
1084
|
type: Component,
|
|
1085
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
|
-
}], null,
|
|
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
|
|
|
1089
1089
|
class LinkButtonComponent {
|
|
@@ -1108,7 +1108,7 @@ class LinkButtonComponent {
|
|
|
1108
1108
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkButtonComponent, [{
|
|
1109
1109
|
type: Component,
|
|
1110
1110
|
args: [{ selector: 'cauca-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<cauca-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
|
|
1111
|
-
}], null,
|
|
1111
|
+
}], null, { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }] }); })();
|
|
1112
1112
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/components/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
|
|
1113
1113
|
|
|
1114
1114
|
function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1173,7 +1173,7 @@ class MenuItemComponent extends BaseButtonWithLabel {
|
|
|
1173
1173
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
|
|
1174
1174
|
type: Component,
|
|
1175
1175
|
args: [{ selector: 'cauca-menu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger, NgClass], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-menu-item [ngClass]=\"small() ? 'small-button' : ''\" class=\"change-password-menu-item\" [matMenuTriggerFor]=\"trigger()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if(showIcon() && iconAlignment() === 'left') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if(showIcon() && iconAlignment() === 'right') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>\r\n", styles: [".mat-mdc-menu-item .mat-icon-no-color{color:#0000008f}mat-icon{color:inherit}\n"] }]
|
|
1176
|
-
}], null,
|
|
1176
|
+
}], null, { translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }] }); })();
|
|
1177
1177
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/components/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
|
|
1178
1178
|
|
|
1179
1179
|
function RaisedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1255,7 +1255,7 @@ class RefreshButtonComponent {
|
|
|
1255
1255
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RefreshButtonComponent, [{
|
|
1256
1256
|
type: Component,
|
|
1257
1257
|
args: [{ selector: 'cauca-refresh-button', imports: [ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cauca-button class=\"refresh-button\" icon=\"refresh\" type=\"stroked\" color=\"primary\" (buttonClick)=\"refresh()\" [label]=\"'refresh' | translate\" />" }]
|
|
1258
|
-
}], null,
|
|
1258
|
+
}], null, { inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], refreshEvent: [{ type: i0.Output, args: ["refreshEvent"] }] }); })();
|
|
1259
1259
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RefreshButtonComponent, { className: "RefreshButtonComponent", filePath: "lib/components/buttons/refresh-button/refresh-button.component.ts", lineNumber: 12 }); })();
|
|
1260
1260
|
|
|
1261
1261
|
function RoundButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1389,11 +1389,11 @@ class AlertDialogComponent {
|
|
|
1389
1389
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title));
|
|
1390
1390
|
i0.ɵɵadvance(5);
|
|
1391
1391
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.message));
|
|
1392
|
-
} }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, i1.TranslatePipe], styles: ["@media
|
|
1392
|
+
} }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.alert-dialog-content[_ngcontent-%COMP%]{white-space:pre-wrap}"], changeDetection: 0 }); }
|
|
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>\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
|
|
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
|
|
|
@@ -1445,11 +1445,11 @@ class ConfirmDialogComponent {
|
|
|
1445
1445
|
i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
|
|
1446
1446
|
i0.ɵɵadvance();
|
|
1447
1447
|
i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
|
|
1448
|
-
} }, dependencies: [TranslateModule, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media
|
|
1448
|
+
} }, dependencies: [TranslateModule, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.yes-button[_ngcontent-%COMP%]{padding-left:8px}.message[_ngcontent-%COMP%]{white-space:pre-wrap}.title[_ngcontent-%COMP%]{padding-top:8px}.action-buttons[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:row;gap:8px}"], changeDetection: 0 }); }
|
|
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>\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
|
|
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
|
|
|
@@ -1636,11 +1636,11 @@ class DeleteDialogComponent {
|
|
|
1636
1636
|
i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
|
|
1637
1637
|
i0.ɵɵadvance(5);
|
|
1638
1638
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$b, ctx.itemName)));
|
|
1639
|
-
} }, dependencies: [MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent, i1.TranslatePipe], styles: ["@media
|
|
1639
|
+
} }, dependencies: [MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.mat-mdc-dialog-actions[_ngcontent-%COMP%]{column-gap:8px}"], changeDetection: 0 }); }
|
|
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>\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
|
|
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
|
|
|
@@ -1678,11 +1678,11 @@ class ErrorDialogComponent {
|
|
|
1678
1678
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "errorDialog.titleError"));
|
|
1679
1679
|
i0.ɵɵadvance(5);
|
|
1680
1680
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$a, ctx.itemName)));
|
|
1681
|
-
} }, dependencies: [MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, TranslateModule, RaisedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media
|
|
1681
|
+
} }, dependencies: [MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, TranslateModule, RaisedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){ .dialog-global-style{max-width:100vw!important}} .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}"], changeDetection: 0 }); }
|
|
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>\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
|
|
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
|
|
|
@@ -1895,7 +1895,7 @@ class SnackBarComponent {
|
|
|
1895
1895
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
|
|
1896
1896
|
type: Component,
|
|
1897
1897
|
args: [{ selector: 'cauca-snackbar', imports: [MatIcon, StrokedButtonComponent, IconButtonComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [class]=\"appearanceClasses()\">\r\n\r\n <div class=\"icon-container\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n </div>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"title alert-title\">{{caption()|translate}}</div>\r\n <div class=\"message body2\"><ng-content></ng-content></div>\r\n </div>\r\n\r\n @if (showButton()) {<cauca-stroked-button [color]=\"buttonColor()\" [label]=\"buttonLabel()\" (click)=\"buttonClick.emit()\" onkeypress=\"buttonClick.emit()\" [isInProgress]=\"inProgress()\" [icon]=\"buttonIcon()\" />}\r\n\r\n @if (showCloseButton()) {<cauca-icon-button icon=\"close\" (click)=\"closeClick.emit()\" onkeypress=\"closeClick.emit()\" />}\r\n\r\n</div>", styles: [".info{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard,.outlined{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container mat-icon{color:var(--iconColor)}.message,.title{color:var(--textColor)}.standard{background-color:var(--lightBackgroundColor)}.outlined{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard .outlined{color:var(--darkColor)}\n"] }]
|
|
1898
|
-
}], null,
|
|
1898
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], buttonSpecificColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSpecificColor", required: false }] }], buttonIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonIcon", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], showButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButton", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], closeClick: [{ type: i0.Output, args: ["closeClick"] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
|
|
1899
1899
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib/components/misc/snack-bar/snack-bar.component.ts", lineNumber: 14 }); })();
|
|
1900
1900
|
|
|
1901
1901
|
function LoadingErrorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1926,7 +1926,7 @@ class LoadingErrorComponent {
|
|
|
1926
1926
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingErrorComponent, [{
|
|
1927
1927
|
type: Component,
|
|
1928
1928
|
args: [{ selector: 'cauca-loading-error', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (showError()) {\r\n <cauca-snackbar\r\n caption=\"generalError.loadingErrorAlertTitle\"\r\n type=\"error\"\r\n variant=\"standard\"\r\n [showButton]=\"true\"\r\n buttonLabel=\"generalError.retryButtonLabel\"\r\n (buttonClick)=\"retryRequest.emit()\">\r\n {{'generalError.loadingErrorAlertMessage' | translate}}\r\n </cauca-snackbar>\r\n}" }]
|
|
1929
|
-
}], null,
|
|
1929
|
+
}], null, { retryRequest: [{ type: i0.Output, args: ["retryRequest"] }] }); })();
|
|
1930
1930
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingErrorComponent, { className: "LoadingErrorComponent", filePath: "lib/components/misc/loading-error/loading-error.component.ts", lineNumber: 14 }); })();
|
|
1931
1931
|
|
|
1932
1932
|
function LoadingSpinnerIndicatorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -1950,7 +1950,7 @@ class LoadingSpinnerIndicatorComponent {
|
|
|
1950
1950
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingSpinnerIndicatorComponent, [{
|
|
1951
1951
|
type: Component,
|
|
1952
1952
|
args: [{ selector: 'cauca-loading-spinner-indicator', standalone: true, imports: [MatProgressSpinner], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loadingState.showLoadingIndicator()) {\r\n <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"diameter()\" />\r\n}\r\n" }]
|
|
1953
|
-
}], null,
|
|
1953
|
+
}], null, { diameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "diameter", required: false }] }] }); })();
|
|
1954
1954
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingSpinnerIndicatorComponent, { className: "LoadingSpinnerIndicatorComponent", filePath: "lib/components/misc/loading-spinner-indicator/loading-spinner-indicator.component.ts", lineNumber: 13 }); })();
|
|
1955
1955
|
|
|
1956
1956
|
class BadgeComponent {
|
|
@@ -1979,7 +1979,7 @@ class BadgeComponent {
|
|
|
1979
1979
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
1980
1980
|
type: Component,
|
|
1981
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
|
-
}], null,
|
|
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
|
|
|
1985
1985
|
function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2038,7 +2038,7 @@ class IconComponent {
|
|
|
2038
2038
|
</div>
|
|
2039
2039
|
}
|
|
2040
2040
|
`, styles: ["img{max-height:40px;height:40px}fa-icon{max-height:40px;height:40px}\n"] }]
|
|
2041
|
-
}], null,
|
|
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 }); })();
|
|
2043
2043
|
|
|
2044
2044
|
function ListPaginatorComponent_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2156,12 +2156,12 @@ class ListPaginatorComponent {
|
|
|
2156
2156
|
i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
|
|
2157
2157
|
i0.ɵɵadvance();
|
|
2158
2158
|
i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
|
|
2159
|
-
} }, dependencies: [IconButtonComponent, RoundButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center}.pages[_ngcontent-%COMP%]{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page[_ngcontent-%COMP%]{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page[_ngcontent-%COMP%]:hover:not(.disabled){background:#12101405;border-radius:100px}.page[_ngcontent-%COMP%]:active:not(.disabled){background:#1210140f}.selected[_ngcontent-%COMP%]{border-radius:100px;background:#12101414}.disabled[_ngcontent-%COMP%]{color:#12101448
|
|
2159
|
+
} }, dependencies: [IconButtonComponent, RoundButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center}.pages[_ngcontent-%COMP%]{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page[_ngcontent-%COMP%]{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page[_ngcontent-%COMP%]:hover:not(.disabled){background:#12101405;border-radius:100px}.page[_ngcontent-%COMP%]:active:not(.disabled){background:#1210140f}.selected[_ngcontent-%COMP%]{border-radius:100px;background:#12101414}.disabled[_ngcontent-%COMP%]{color:#12101448}.disabled[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#12101448}.disabled[_ngcontent-%COMP%]{cursor:default}"], changeDetection: 0 }); }
|
|
2160
2160
|
}
|
|
2161
2161
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListPaginatorComponent, [{
|
|
2162
2162
|
type: Component,
|
|
2163
|
-
args: [{ selector: 'cauca-list-paginator', imports: [IconButtonComponent, RoundButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pages\">\r\n <cauca-icon-button class=\"page first\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToFirst()\" icon=\"first_page\" />\r\n <cauca-icon-button class=\"page previous\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToPrevious()\" icon=\"chevron_left\" />\r\n\r\n @for(page of pagesToShow(); track page) {\r\n @if (page === pageSplitterValue) {\r\n <div class=\"page\">{{pageSplitter}}\r\n </div>\r\n } @else {\r\n <cauca-round-button class=\"page specific\" [class.selected]=\"page === currentPage()\" (buttonClick)=\"changePage(page)\" [translateLabel]=\"false\" [label]=\"page.toString()\" />\r\n }\r\n }\r\n\r\n <cauca-icon-button class=\"page next\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToNext()\" icon=\"chevron_right\" />\r\n <cauca-icon-button class=\"page last\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToLast()\" icon=\"last_page\" />\r\n</div>", styles: [":host{display:flex;flex-direction:column;align-items:center}.pages{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page:hover:not(.disabled){background:#12101405;border-radius:100px}.page:active:not(.disabled){background:#1210140f}.selected{border-radius:100px;background:#12101414}.disabled{color:#12101448
|
|
2164
|
-
}], null,
|
|
2163
|
+
args: [{ selector: 'cauca-list-paginator', imports: [IconButtonComponent, RoundButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pages\">\r\n <cauca-icon-button class=\"page first\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToFirst()\" icon=\"first_page\" />\r\n <cauca-icon-button class=\"page previous\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToPrevious()\" icon=\"chevron_left\" />\r\n\r\n @for(page of pagesToShow(); track page) {\r\n @if (page === pageSplitterValue) {\r\n <div class=\"page\">{{pageSplitter}}\r\n </div>\r\n } @else {\r\n <cauca-round-button class=\"page specific\" [class.selected]=\"page === currentPage()\" (buttonClick)=\"changePage(page)\" [translateLabel]=\"false\" [label]=\"page.toString()\" />\r\n }\r\n }\r\n\r\n <cauca-icon-button class=\"page next\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToNext()\" icon=\"chevron_right\" />\r\n <cauca-icon-button class=\"page last\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToLast()\" icon=\"last_page\" />\r\n</div>", styles: [":host{display:flex;flex-direction:column;align-items:center}.pages{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page:hover:not(.disabled){background:#12101405;border-radius:100px}.page:active:not(.disabled){background:#1210140f}.selected{border-radius:100px;background:#12101414}.disabled{color:#12101448}.disabled mat-icon{color:#12101448}.disabled{cursor:default}\n"] }]
|
|
2164
|
+
}], null, { itemsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsCount", required: false }] }], showTotalPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotalPage", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }] }); })();
|
|
2165
2165
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListPaginatorComponent, { className: "ListPaginatorComponent", filePath: "lib/components/list-paginator/list-paginator.component.ts", lineNumber: 12 }); })();
|
|
2166
2166
|
|
|
2167
2167
|
function PasswordCriteriaComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2203,7 +2203,7 @@ class PasswordCriteriaComponent {
|
|
|
2203
2203
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
|
|
2204
2204
|
type: Component,
|
|
2205
2205
|
args: [{ selector: 'cauca-password-criteria', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, TranslateModule, NgClass], template: "@if (condition()) {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"green\">check_circle</mat-icon>\r\n}@else {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"red\">cancel</mat-icon>\r\n}\r\n<label [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"body2\" translate>{{label()}}</label>", styles: [":host{display:flex;align-items:center;gap:8px}mat-icon{flex-shrink:0}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
|
|
2206
|
-
}], null,
|
|
2206
|
+
}], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], condition: [{ type: i0.Input, args: [{ isSignal: true, alias: "condition", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
|
|
2207
2207
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib/components/inputs/password/password-criteria/password-criteria.component.ts", lineNumber: 14 }); })();
|
|
2208
2208
|
|
|
2209
2209
|
class PasswordCriteriaViewerComponent {
|
|
@@ -2229,7 +2229,7 @@ class PasswordCriteriaViewerComponent {
|
|
|
2229
2229
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
|
|
2230
2230
|
type: Component,
|
|
2231
2231
|
args: [{ selector: 'cauca-password-criteria-viewer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PasswordCriteriaComponent], template: "<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.needLowerAndUppercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.equalPasswords\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
|
|
2232
|
-
}], null,
|
|
2232
|
+
}], null, { passwordValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordValidation", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
|
|
2233
2233
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib/components/inputs/password/password-criteria-viewer/password-criteria-viewer.component.ts", lineNumber: 14 }); })();
|
|
2234
2234
|
|
|
2235
2235
|
function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -2238,18 +2238,18 @@ function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
2238
2238
|
i0.ɵɵpipe(2, "translate");
|
|
2239
2239
|
i0.ɵɵelementEnd();
|
|
2240
2240
|
} if (rf & 2) {
|
|
2241
|
-
const
|
|
2241
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2242
2242
|
i0.ɵɵadvance();
|
|
2243
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1,
|
|
2243
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.label()));
|
|
2244
2244
|
} }
|
|
2245
2245
|
function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2246
2246
|
i0.ɵɵelementStart(0, "mat-label");
|
|
2247
2247
|
i0.ɵɵtext(1);
|
|
2248
2248
|
i0.ɵɵelementEnd();
|
|
2249
2249
|
} if (rf & 2) {
|
|
2250
|
-
const
|
|
2250
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2251
2251
|
i0.ɵɵadvance();
|
|
2252
|
-
i0.ɵɵtextInterpolate(
|
|
2252
|
+
i0.ɵɵtextInterpolate(ctx_r0.label());
|
|
2253
2253
|
} }
|
|
2254
2254
|
class PasswordInputComponent {
|
|
2255
2255
|
constructor() {
|
|
@@ -2296,19 +2296,18 @@ class PasswordInputComponent {
|
|
|
2296
2296
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
2297
2297
|
},
|
|
2298
2298
|
])], decls: 8, vars: 10, consts: [["password", ""], ["subscriptSizing", "dynamic"], ["matInput", "", 1, "password", 3, "keydown.enter", "autocomplete", "type", "formControl", "required", "placeholder"], ["matSuffix", "", 2, "cursor", "pointer", 3, "click", "ngClass"]], template: function PasswordInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2299
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2300
2299
|
i0.ɵɵelementStart(0, "mat-form-field", 1);
|
|
2301
2300
|
i0.ɵɵconditionalCreate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
|
|
2302
2301
|
i0.ɵɵelementStart(3, "input", 2, 0);
|
|
2303
2302
|
i0.ɵɵpipe(5, "translate");
|
|
2304
|
-
i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() {
|
|
2303
|
+
i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() { return ctx.enterKeyDown.emit(); });
|
|
2305
2304
|
i0.ɵɵelementEnd();
|
|
2306
2305
|
i0.ɵɵelementStart(6, "mat-icon", 3);
|
|
2307
|
-
i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() {
|
|
2306
|
+
i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { return ctx.showPassword.set(!ctx.showPassword()); });
|
|
2308
2307
|
i0.ɵɵtext(7);
|
|
2309
2308
|
i0.ɵɵelementEnd()();
|
|
2310
2309
|
} if (rf & 2) {
|
|
2311
|
-
const
|
|
2310
|
+
const password_r2 = i0.ɵɵreference(4);
|
|
2312
2311
|
i0.ɵɵadvance();
|
|
2313
2312
|
i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
|
|
2314
2313
|
i0.ɵɵadvance(2);
|
|
@@ -2316,7 +2315,7 @@ class PasswordInputComponent {
|
|
|
2316
2315
|
i0.ɵɵadvance(3);
|
|
2317
2316
|
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
2318
2317
|
i0.ɵɵadvance();
|
|
2319
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
2318
|
+
i0.ɵɵtextInterpolate1(" ", password_r2.type === "password" ? "visibility_off" : "visibility", " ");
|
|
2320
2319
|
} }, dependencies: [TranslateModule, NgClass, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatSuffix, MatIconModule, i1$2.MatIcon, MatInputModule, i3$1.MatInput, ReactiveFormsModule, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.RequiredValidator, i1$6.FormControlDirective, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%}mat-form-field[_ngcontent-%COMP%]{width:100%}.disabled[_ngcontent-%COMP%]{opacity:.5}"], changeDetection: 0 }); }
|
|
2321
2320
|
}
|
|
2322
2321
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
|
|
@@ -2328,7 +2327,7 @@ class PasswordInputComponent {
|
|
|
2328
2327
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
2329
2328
|
},
|
|
2330
2329
|
], template: "<mat-form-field subscriptSizing=\"dynamic\">\r\n @if(translateLabel()) {<mat-label>{{label() | translate}}</mat-label>}\r\n @else {<mat-label>{{label()}}</mat-label>}\r\n <input (keydown.enter)=\"enterKeyDown.emit()\" [autocomplete]=\"autocomplete()\" #password class=\"password\"\r\n [type]=\"inputType()\" [formControl]=\"passwordControl\" matInput [required]=\"required()\"\r\n [placeholder]=\"translatePlaceholder() ? (placeholder() | translate) : placeholder()\" />\r\n <mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" style=\"cursor: pointer\" matSuffix\r\n (click)=\"showPassword.set(!showPassword())\">\r\n {{ password.type === \"password\" ? \"visibility_off\" : \"visibility\" }}\r\n </mat-icon>\r\n</mat-form-field>", styles: [":host{width:100%}mat-form-field{width:100%}.disabled{opacity:.5}\n"] }]
|
|
2331
|
-
}], () => [],
|
|
2330
|
+
}], () => [], { autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], translatePlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "translatePlaceholder", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], enterKeyDown: [{ type: i0.Output, args: ["enterKeyDown"] }] }); })();
|
|
2332
2331
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/components/inputs/password/password-input/password-input.component.ts", lineNumber: 24 }); })();
|
|
2333
2332
|
|
|
2334
2333
|
class PasswordValidation {
|
|
@@ -2479,7 +2478,7 @@ class PasswordSelectionComponent {
|
|
|
2479
2478
|
'[style.flex-direction]': 'direction()',
|
|
2480
2479
|
'[style.width]': 'formWidth()',
|
|
2481
2480
|
}, template: "<form [formGroup]=\"form\" [class.full-width-form]=\"direction() === 'column'\">\r\n <div class=\"passwords\">\r\n <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"password\" />\r\n <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordConfirmationLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"confirmation\" />\r\n </div>\r\n <div class=\"errors\">\r\n <ng-content></ng-content>\r\n </div>\r\n</form>\r\n\r\n@if (showCriteria()) {\r\n <cauca-password-criteria-viewer [disabled]=\"disabled()\" [passwordValidation]=\"passwordValidation\" />\r\n} @else {\r\n <span></span>\r\n}", styles: [":host{display:flex;gap:20px}form{width:50%;display:flex;flex-direction:column}.full-width-form{width:100%}.passwords{gap:16px;display:flex;flex-direction:column}.criteria{flex-grow:1}.disabled{opacity:.5}.errors{padding:0 16px}\n"] }]
|
|
2482
|
-
}], () => [],
|
|
2481
|
+
}], () => [], { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], formWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "formWidth", required: false }] }], showCriteriaOnlyWhenPasswordHasValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCriteriaOnlyWhenPasswordHasValue", required: false }] }], alwaysShowCriteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShowCriteria", required: false }] }], passwordLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordLabel", required: false }] }], passwordConfirmationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordConfirmationLabel", required: false }] }], hasValueChange: [{ type: i0.Output, args: ["hasValueChange"] }] }); })();
|
|
2483
2482
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib/components/inputs/password/password-selection/password-selection.component.ts", lineNumber: 31 }); })();
|
|
2484
2483
|
|
|
2485
2484
|
class DateRangePickerComponent {
|
|
@@ -2501,9 +2500,8 @@ class DateRangePickerComponent {
|
|
|
2501
2500
|
}
|
|
2502
2501
|
static { this.ɵfac = function DateRangePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateRangePickerComponent)(); }; }
|
|
2503
2502
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DateRangePickerComponent, selectors: [["cauca-date-range-picker"]], inputs: { range: [1, "range"] }, outputs: { range: "rangeChange" }, features: [i0.ɵɵProvidersFeature([provideNativeDateAdapter()])], decls: 13, vars: 8, consts: [["campaignOnePicker", ""], ["subscriptSizing", "dynamic", 1, "full-width-field"], ["matPrefix", "", "onkeypress", "clear()", 3, "click"], ["matDatepickerToggleIcon", ""], [3, "formGroup", "rangePicker"], ["matStartDate", "", "formControlName", "from", 3, "readOnly"], ["matEndDate", "", "formControlName", "to", 3, "readOnly"], ["matIconSuffix", "", 3, "for"]], template: function DateRangePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2504
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
2505
2503
|
i0.ɵɵelementStart(0, "mat-form-field", 1)(1, "mat-datepicker-toggle", 2);
|
|
2506
|
-
i0.ɵɵlistener("click", function DateRangePickerComponent_Template_mat_datepicker_toggle_click_1_listener() {
|
|
2504
|
+
i0.ɵɵlistener("click", function DateRangePickerComponent_Template_mat_datepicker_toggle_click_1_listener() { return ctx.clear(); });
|
|
2507
2505
|
i0.ɵɵelementStart(2, "mat-icon", 3);
|
|
2508
2506
|
i0.ɵɵtext(3, "clear");
|
|
2509
2507
|
i0.ɵɵelementEnd()();
|
|
@@ -2517,23 +2515,23 @@ class DateRangePickerComponent {
|
|
|
2517
2515
|
i0.ɵɵelement(10, "mat-datepicker-toggle", 7)(11, "mat-date-range-picker", null, 0);
|
|
2518
2516
|
i0.ɵɵelementEnd();
|
|
2519
2517
|
} if (rf & 2) {
|
|
2520
|
-
const
|
|
2518
|
+
const campaignOnePicker_r1 = i0.ɵɵreference(12);
|
|
2521
2519
|
i0.ɵɵadvance(5);
|
|
2522
2520
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "dateRangeSelectorLabel"));
|
|
2523
2521
|
i0.ɵɵadvance(2);
|
|
2524
|
-
i0.ɵɵproperty("formGroup", ctx.form)("rangePicker",
|
|
2522
|
+
i0.ɵɵproperty("formGroup", ctx.form)("rangePicker", campaignOnePicker_r1);
|
|
2525
2523
|
i0.ɵɵadvance();
|
|
2526
2524
|
i0.ɵɵproperty("readOnly", true);
|
|
2527
2525
|
i0.ɵɵadvance();
|
|
2528
2526
|
i0.ɵɵproperty("readOnly", true);
|
|
2529
2527
|
i0.ɵɵadvance();
|
|
2530
|
-
i0.ɵɵproperty("for",
|
|
2528
|
+
i0.ɵɵproperty("for", campaignOnePicker_r1);
|
|
2531
2529
|
} }, dependencies: [MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatPrefix, i1$4.MatSuffix, MatDatepickerModule, i2.MatDatepickerToggle, i2.MatDatepickerToggleIcon, i2.MatDateRangeInput, i2.MatStartDate, i2.MatEndDate, i2.MatDateRangePicker, ReactiveFormsModule, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.NgControlStatusGroup, i1$6.FormGroupDirective, i1$6.FormControlName, MatIcon, TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
|
|
2532
2530
|
}
|
|
2533
2531
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateRangePickerComponent, [{
|
|
2534
2532
|
type: Component,
|
|
2535
2533
|
args: [{ selector: 'cauca-date-range-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormFieldModule, MatDatepickerModule, ReactiveFormsModule, MatIcon, TranslateModule], providers: [provideNativeDateAdapter()], template: "<mat-form-field class=\"full-width-field\" subscriptSizing=\"dynamic\">\r\n <mat-datepicker-toggle matPrefix (click)=\"clear()\" onkeypress=\"clear()\">\r\n <mat-icon matDatepickerToggleIcon>clear</mat-icon>\r\n </mat-datepicker-toggle>\r\n <mat-label>{{'dateRangeSelectorLabel'|translate}}</mat-label>\r\n <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"campaignOnePicker\">\r\n <input matStartDate formControlName=\"from\" [readOnly]=\"true\">\r\n <input matEndDate formControlName=\"to\" [readOnly]=\"true\">\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matIconSuffix [for]=\"campaignOnePicker\">\r\n </mat-datepicker-toggle>\r\n <mat-date-range-picker #campaignOnePicker></mat-date-range-picker>\r\n </mat-form-field>" }]
|
|
2536
|
-
}], () => [],
|
|
2534
|
+
}], () => [], { range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }] }); })();
|
|
2537
2535
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/components/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
|
|
2538
2536
|
|
|
2539
2537
|
const _c0$7 = ["auto"];
|
|
@@ -2768,9 +2766,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2768
2766
|
let _t;
|
|
2769
2767
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionTemplate = _t.first);
|
|
2770
2768
|
} }, viewQuery: function DropdownChipAutocompleteComponent_Query(rf, ctx) { if (rf & 1) {
|
|
2771
|
-
i0.ɵɵviewQuery(_c0$7, 5);
|
|
2772
|
-
i0.ɵɵviewQuery(_c1$1, 5);
|
|
2773
|
-
i0.ɵɵviewQuery(MatAutocompleteTrigger, 5);
|
|
2769
|
+
i0.ɵɵviewQuery(_c0$7, 5)(_c1$1, 5)(MatAutocompleteTrigger, 5);
|
|
2774
2770
|
} if (rf & 2) {
|
|
2775
2771
|
let _t;
|
|
2776
2772
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.matAutocomplete = _t.first);
|
|
@@ -2794,7 +2790,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2794
2790
|
i0.ɵɵtext(10, "arrow_drop_down");
|
|
2795
2791
|
i0.ɵɵelementEnd()()();
|
|
2796
2792
|
i0.ɵɵelementStart(11, "mat-autocomplete", 10, 2);
|
|
2797
|
-
i0.ɵɵlistener("optionSelected", function DropdownChipAutocompleteComponent_Template_mat_autocomplete_optionSelected_11_listener($event) {
|
|
2793
|
+
i0.ɵɵlistener("optionSelected", function DropdownChipAutocompleteComponent_Template_mat_autocomplete_optionSelected_11_listener($event) { return ctx.selectItemOnAutocomplete($event); });
|
|
2798
2794
|
i0.ɵɵrepeaterCreate(13, DropdownChipAutocompleteComponent_For_14_Template, 3, 2, "mat-option", 11, i0.ɵɵrepeaterTrackByIdentity);
|
|
2799
2795
|
i0.ɵɵpipe(15, "async");
|
|
2800
2796
|
i0.ɵɵelementEnd()();
|
|
@@ -2848,7 +2844,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2848
2844
|
}], matAutocompletePanel: [{
|
|
2849
2845
|
type: ViewChild,
|
|
2850
2846
|
args: [MatAutocompleteTrigger]
|
|
2851
|
-
}], optionTemplate: [{
|
|
2847
|
+
}], clearAll: [{ type: i0.Output, args: ["clearAll"] }], listAutoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "listAutoComplete", required: false }] }], keyValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyValue", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], allowRemove: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowRemove", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], canRemoveAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRemoveAll", required: false }] }], hasOptionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOptionTemplate", required: false }] }], optionTemplate: [{
|
|
2852
2848
|
type: ContentChild,
|
|
2853
2849
|
args: [TemplateRef]
|
|
2854
2850
|
}], ngControl: [{
|
|
@@ -2967,7 +2963,7 @@ class ColorPickerComponent {
|
|
|
2967
2963
|
'[id]': 'id',
|
|
2968
2964
|
'[class.floating]': 'shouldLabelFloat',
|
|
2969
2965
|
}, template: "<input\r\n matInput\r\n [(colorPicker)]=\"value\"\r\n [value]=\"value\"\r\n (colorPickerChange)=\"onChangeColor($event)\"\r\n type=\"text\"\r\n class=\"form-control\"\r\n id=\"color-id\"\r\n/>" }]
|
|
2970
|
-
}], () => [],
|
|
2966
|
+
}], () => [], { valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] }); })();
|
|
2971
2967
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "lib/components/inputs/color-picker/color-picker.component.ts", lineNumber: 23 }); })();
|
|
2972
2968
|
|
|
2973
2969
|
const _c0$6 = ["singleSelect"];
|
|
@@ -3008,10 +3004,8 @@ class SelectWithSearchComponent {
|
|
|
3008
3004
|
this.optionFilterControl = new FormControl('');
|
|
3009
3005
|
this.hasOptions = computed(() => this.options().length >= 1, ...(ngDevMode ? [{ debugName: "hasOptions" }] : []));
|
|
3010
3006
|
this.disableControl = computed(() => this.isDisabled() || !this.hasOptions(), ...(ngDevMode ? [{ debugName: "disableControl" }] : []));
|
|
3011
|
-
this.filteredOptions = resource({
|
|
3012
|
-
|
|
3013
|
-
loader: ({ params }) => Promise.resolve(this.computeFilteredOptions(params))
|
|
3014
|
-
});
|
|
3007
|
+
this.filteredOptions = resource({ ...(ngDevMode ? { debugName: "filteredOptions" } : {}), params: () => ({ filter: this.filterText(), options: this.options(), showClear: this.showClearOption() }),
|
|
3008
|
+
loader: ({ params }) => Promise.resolve(this.computeFilteredOptions(params)) });
|
|
3015
3009
|
this.filterText = toSignal(this.optionFilterControl.valueChanges, { initialValue: '' });
|
|
3016
3010
|
effect(() => {
|
|
3017
3011
|
const opts = this.options();
|
|
@@ -3091,7 +3085,7 @@ class SelectWithSearchComponent {
|
|
|
3091
3085
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
|
|
3092
3086
|
type: Component,
|
|
3093
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>" }]
|
|
3094
|
-
}], () => [], { singleSelect: [{
|
|
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: [{
|
|
3095
3089
|
type: ViewChild,
|
|
3096
3090
|
args: ['singleSelect', { static: true }]
|
|
3097
3091
|
}] }); })();
|
|
@@ -3120,7 +3114,7 @@ class GroupContainerComponent {
|
|
|
3120
3114
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupContainerComponent, [{
|
|
3121
3115
|
type: Component,
|
|
3122
3116
|
args: [{ selector: 'cauca-group-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div class=\"group-container\">\r\n <div class=\"group-container-title subtitle1\">{{caption()|translate}}</div>\r\n <div class=\"group-container-content\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n", styles: [".group-container{display:flex;align-items:flex-start;align-self:stretch}.group-container-title{display:flex;width:300px;max-width:300px;padding:16px 0;flex-direction:column;align-items:flex-start}.group-container-content{display:flex;flex-direction:column;align-items:stretch;flex:1;padding:16px}\n"] }]
|
|
3123
|
-
}], null,
|
|
3117
|
+
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }] }); })();
|
|
3124
3118
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupContainerComponent, { className: "GroupContainerComponent", filePath: "lib/components/layout/group-container/group-container.component.ts", lineNumber: 12 }); })();
|
|
3125
3119
|
|
|
3126
3120
|
const _c0$4 = ["*"];
|
|
@@ -3154,7 +3148,7 @@ class MainSectionComponent {
|
|
|
3154
3148
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainSectionComponent, [{
|
|
3155
3149
|
type: Component,
|
|
3156
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}\n"] }]
|
|
3157
|
-
}], null,
|
|
3151
|
+
}], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] }); })();
|
|
3158
3152
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/components/layout/sections/main-section/main-section.component.ts", lineNumber: 11 }); })();
|
|
3159
3153
|
|
|
3160
3154
|
const _c0$3 = ["*"];
|
|
@@ -3175,7 +3169,7 @@ class SectionColumnComponent {
|
|
|
3175
3169
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionColumnComponent, [{
|
|
3176
3170
|
type: Component,
|
|
3177
3171
|
args: [{ selector: 'cauca-section-column', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-columns\" [class.big-gap]=\"showBigGap()\">\r\n <ng-content></ng-content>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch}.section-columns{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.big-gap{gap:16px}\n"] }]
|
|
3178
|
-
}], null,
|
|
3172
|
+
}], null, { showBigGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBigGap", required: false }] }] }); })();
|
|
3179
3173
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionColumnComponent, { className: "SectionColumnComponent", filePath: "lib/components/layout/sections/section-column/section-column.component.ts", lineNumber: 10 }); })();
|
|
3180
3174
|
|
|
3181
3175
|
function SectionFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3259,7 +3253,7 @@ class SectionFieldComponent {
|
|
|
3259
3253
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionFieldComponent, [{
|
|
3260
3254
|
type: Component,
|
|
3261
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-label body1\" [class.link]=\"showLink()\">\r\n @if(autoTranslateLabel()) {\r\n {{label()|translate}}\r\n } @else {\r\n {{label()}}\r\n }\r\n @if (showLink()) {\r\n <mat-icon class=\"icon-link\" (click)=\"linkClick.emit()\" onkeypress=\"linkClick.emit()\">link</mat-icon>\r\n }:\r\n </div>\r\n <div class=\"option-value body2\" [class.no-flex]=\"!splitEqually()\">\r\n @if (useMultipleValues()) {\r\n @for(item of values(); track item) {\r\n <span>{{fieldName() ? item[fieldName()] : item }}</span>\r\n }\r\n } @else {\r\n {{value()}}\r\n }\r\n </div>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.section-fields-line{display:flex;align-items:center;gap:8px;align-self:stretch;white-space:nowrap}.section-fields-line>*{flex:1 0 0}.option-value{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;white-space:wrap;word-break:break-all}.option-value.no-flex{flex:unset}.multi-line{align-items:flex-start}.icon-link{cursor:pointer}.link{display:flex}\n"] }]
|
|
3262
|
-
}], null,
|
|
3256
|
+
}], null, { autoTranslateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: false }] }], showLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLink", required: false }] }], linkClick: [{ type: i0.Output, args: ["linkClick"] }], splitEqually: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitEqually", required: false }] }] }); })();
|
|
3263
3257
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
|
|
3264
3258
|
|
|
3265
3259
|
function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3314,22 +3308,31 @@ function PageTitleComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1)
|
|
|
3314
3308
|
i0.ɵɵadvance(2);
|
|
3315
3309
|
i0.ɵɵconditional(location_r2.link ? 2 : location_r2.action ? 3 : 4);
|
|
3316
3310
|
} }
|
|
3311
|
+
function PageTitleComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
3312
|
+
i0.ɵɵelementStart(0, "span");
|
|
3313
|
+
i0.ɵɵtext(1, "/");
|
|
3314
|
+
i0.ɵɵelementEnd();
|
|
3315
|
+
} }
|
|
3317
3316
|
function PageTitleComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
3318
3317
|
i0.ɵɵelementStart(0, "div", 2);
|
|
3319
3318
|
i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_1_Template, 3, 3, "div", 3);
|
|
3320
3319
|
i0.ɵɵrepeaterCreate(2, PageTitleComponent_Conditional_4_For_3_Template, 5, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
|
|
3321
|
-
i0.ɵɵ
|
|
3322
|
-
i0.ɵɵ
|
|
3323
|
-
i0.ɵɵ
|
|
3320
|
+
i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Conditional_4_Template, 2, 0, "span");
|
|
3321
|
+
i0.ɵɵelementStart(5, "span", 4);
|
|
3322
|
+
i0.ɵɵtext(6);
|
|
3323
|
+
i0.ɵɵpipe(7, "translate");
|
|
3324
3324
|
i0.ɵɵelementEnd()();
|
|
3325
3325
|
} if (rf & 2) {
|
|
3326
|
+
let tmp_3_0;
|
|
3326
3327
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
3327
3328
|
i0.ɵɵadvance();
|
|
3328
3329
|
i0.ɵɵconditional(ctx_r0.baseCrumb() ? 1 : -1);
|
|
3329
3330
|
i0.ɵɵadvance();
|
|
3330
3331
|
i0.ɵɵrepeater(ctx_r0.breadcrumbLocation());
|
|
3331
|
-
i0.ɵɵadvance(
|
|
3332
|
-
i0.ɵɵ
|
|
3332
|
+
i0.ɵɵadvance(2);
|
|
3333
|
+
i0.ɵɵconditional(ctx_r0.baseCrumb() || ((tmp_3_0 = ctx_r0.breadcrumbLocation()) == null ? null : tmp_3_0.length) ? 4 : -1);
|
|
3334
|
+
i0.ɵɵadvance(2);
|
|
3335
|
+
i0.ɵɵtextInterpolate(ctx_r0.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(7, 3, ctx_r0.currentBreadcrumb()) : ctx_r0.currentBreadcrumb());
|
|
3333
3336
|
} }
|
|
3334
3337
|
class PageTitleComponent {
|
|
3335
3338
|
constructor() {
|
|
@@ -3343,6 +3346,7 @@ class PageTitleComponent {
|
|
|
3343
3346
|
this.breadcrumbLocation = computed(() => this.breadcrumbService?.location() || this.location() || [], ...(ngDevMode ? [{ debugName: "breadcrumbLocation" }] : []));
|
|
3344
3347
|
this.currentBreadcrumb = computed(() => this.breadcrumbService?.breadcrumb() || this.breadcrumb() || '', ...(ngDevMode ? [{ debugName: "currentBreadcrumb" }] : []));
|
|
3345
3348
|
this.mustTranslateBreadcrumb = computed(() => this.breadcrumbService?.translateBreadcrumb() || this.translateBreadcrumb(), ...(ngDevMode ? [{ debugName: "mustTranslateBreadcrumb" }] : []));
|
|
3349
|
+
this.hasBreadcrumb = computed(() => this.currentBreadcrumb() !== '', ...(ngDevMode ? [{ debugName: "hasBreadcrumb" }] : []));
|
|
3346
3350
|
this.breadcrumbService = inject(BreadcrumbService, { optional: true });
|
|
3347
3351
|
}
|
|
3348
3352
|
static { this.ɵfac = function PageTitleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageTitleComponent)(); }; }
|
|
@@ -3351,19 +3355,19 @@ class PageTitleComponent {
|
|
|
3351
3355
|
i0.ɵɵtext(2);
|
|
3352
3356
|
i0.ɵɵpipe(3, "translate");
|
|
3353
3357
|
i0.ɵɵelementEnd();
|
|
3354
|
-
i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Template,
|
|
3358
|
+
i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Template, 8, 5, "div", 2);
|
|
3355
3359
|
i0.ɵɵelementEnd();
|
|
3356
3360
|
} if (rf & 2) {
|
|
3357
3361
|
i0.ɵɵadvance(2);
|
|
3358
3362
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.caption()));
|
|
3359
3363
|
i0.ɵɵadvance(2);
|
|
3360
3364
|
i0.ɵɵconditional(ctx.displayBreadcrumb() ? 4 : -1);
|
|
3361
|
-
} }, dependencies: [TranslateModule, RouterModule, i1$9.RouterLink, i1.TranslatePipe], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}a[_ngcontent-%COMP%]{text-decoration:none}a[_ngcontent-%COMP%]:visited{color:inherit}.basecrumb[_ngcontent-%COMP%]{color:#12101499}.crumb-link[_ngcontent-%COMP%]{cursor:pointer}@media
|
|
3365
|
+
} }, dependencies: [TranslateModule, RouterModule, i1$9.RouterLink, i1.TranslatePipe], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}a[_ngcontent-%COMP%]{text-decoration:none}a[_ngcontent-%COMP%]:visited{color:inherit}.basecrumb[_ngcontent-%COMP%]{color:#12101499}.crumb-link[_ngcontent-%COMP%]{cursor:pointer}@media(max-width:500px){.title-section[_ngcontent-%COMP%]{padding:16px}}"], changeDetection: 0 }); }
|
|
3362
3366
|
}
|
|
3363
3367
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
|
|
3364
3368
|
type: Component,
|
|
3365
|
-
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\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
|
|
3366
|
-
}], null,
|
|
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
|
+
}], 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 }] }] }); })();
|
|
3367
3371
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 14 }); })();
|
|
3368
3372
|
|
|
3369
3373
|
const _c0$2 = ["*"];
|
|
@@ -3407,7 +3411,7 @@ class ExpandablePanelComponent {
|
|
|
3407
3411
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
|
|
3408
3412
|
type: Component,
|
|
3409
3413
|
args: [{ selector: 'cauca-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], template: "<section>\r\n <div class=\"expansion-button\" (click)=\"changeState()\">\r\n <mat-icon [class.collapsed]=\"isCollapsed()\">expand_less</mat-icon>\r\n <div>\r\n <div class=\"primary\">{{caption()}}</div>\r\n <div class=\"body2\">{{subCaption()}}</div>\r\n </div>\r\n </div>\r\n <div class=\"expansion-panel\" [class.collapsed]=\"isCollapsed()\">\r\n <div class=\"expansion-panel-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</section>", styles: ["section{display:flex;padding:16px 0}.primary{font-weight:600}.body2{width:fit-content;white-space:nowrap}.expansion-button{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-button mat-icon{transition:transform .5s ease-in-out}.expansion-button mat-icon.collapsed{transform:rotate(180deg)}.expansion-panel{overflow:hidden;flex:1;display:grid;grid-template-rows:1fr;min-height:0;transition:grid-template-rows .5s ease-in,opacity .5s ease-in,visibility .5s ease-in}.expansion-panel.collapsed{grid-template-rows:0fr;opacity:0;visibility:hidden}.expansion-panel-content{min-height:0}\n"] }]
|
|
3410
|
-
}], null,
|
|
3414
|
+
}], null, { isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], subCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "subCaption", required: false }] }] }); })();
|
|
3411
3415
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib/components/layout/expandable-panel/expandable-panel.component.ts", lineNumber: 11 }); })();
|
|
3412
3416
|
|
|
3413
3417
|
class MenuExpandablePanelItemComponent {
|
|
@@ -3451,7 +3455,7 @@ class MenuExpandablePanelItemComponent {
|
|
|
3451
3455
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelItemComponent, [{
|
|
3452
3456
|
type: Component,
|
|
3453
3457
|
args: [{ selector: 'cauca-menu-expandable-panel-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, TranslateModule], template: "<section (click)=\"openRoute()\" [class.sub-item]=\"isSubItem()\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n <div [class]=\"isSubItem() ? 'subtitle2' : 'subtitle1'\">{{caption() | translate}}</div>\r\n</section>", styles: ["section{display:flex;gap:16px;padding:16px 24px}.sub-item{background-color:#f5f5f5;border-top:1px solid white}\n"] }]
|
|
3454
|
-
}], null,
|
|
3458
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], isSubItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubItem", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }] }); })();
|
|
3455
3459
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelItemComponent, { className: "MenuExpandablePanelItemComponent", filePath: "lib/components/layout/menu-expandable-panel-item/menu-expandable-panel-item.component.ts", lineNumber: 13 }); })();
|
|
3456
3460
|
|
|
3457
3461
|
const _forTrack0 = ($index, $item) => $item.title;
|
|
@@ -3550,7 +3554,7 @@ class MenuExpandablePanelComponent {
|
|
|
3550
3554
|
'[style.border-bottom-right-radius]': 'addBottomBorderRadius() ? "12px" : "0px"',
|
|
3551
3555
|
'[class.bottom-border]': 'bottomBorder()',
|
|
3552
3556
|
}, template: "<section [ngClass]=\"opened() ? 'bottom-padding' : ''\" (click)=\"handleClick()\">\r\n <mat-icon>{{menuIcon()}}</mat-icon>\r\n <div>\r\n <div class=\"subtitle1\">{{caption() | translate}}</div>\r\n @if(subCaption()) {<div class=\"body2\">{{subCaption() | translate}}</div>}\r\n </div>\r\n @if (showExpansionIcon()) {<mat-icon [class.opened]=\"opened()\">arrow_forward_ios</mat-icon>}\r\n</section>\r\n@if(opened()) {\r\n @for (item of items(); track item.title) {\r\n <cauca-menu-expandable-panel-item [icon]=\"item.icon\" [caption]=\"item.title\" [route]=\"item.route\" [isSubItem]=\"true\" [action]=\"item.action\" />\r\n }\r\n}", styles: [":host{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section{display:flex;gap:16px;align-items:center}section mat-icon:last-child{transition:transform .2s ease-in-out}section mat-icon:last-child.opened{transform:rotate(-90deg)}section.bottom-padding{padding-bottom:10px}div{flex:1}\n"] }]
|
|
3553
|
-
}], null,
|
|
3557
|
+
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], isSubItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubItem", required: false }] }], subCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "subCaption", required: false }] }], menuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuIcon", required: false }] }], showExpansionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExpansionIcon", required: false }] }], addTopBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "addTopBorderRadius", required: false }] }], bottomBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomBorder", required: false }] }], addBottomBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "addBottomBorderRadius", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] }); })();
|
|
3554
3558
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelComponent, { className: "MenuExpandablePanelComponent", filePath: "lib/components/layout/menu-expandable-panel/menu-expandable-panel.component.ts", lineNumber: 21 }); })();
|
|
3555
3559
|
|
|
3556
3560
|
function SavingConfirmedBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3579,7 +3583,7 @@ class SavingConfirmedBoxComponent {
|
|
|
3579
3583
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingConfirmedBoxComponent, [{
|
|
3580
3584
|
type: Component,
|
|
3581
3585
|
args: [{ selector: 'cauca-saving-confirmed-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n <cauca-snackbar\r\n caption=\"savingSuccessNotification.title\"\r\n type=\"success\"\r\n variant=\"standard\"\r\n [showButton]=\"false\"\r\n [showCloseButton]=\"true\"\r\n (closeClick)=\"show.set(false)\">\r\n {{'savingSuccessNotification.message' | translate}}\r\n </cauca-snackbar>\r\n}" }]
|
|
3582
|
-
}], null,
|
|
3586
|
+
}], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }] }); })();
|
|
3583
3587
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingConfirmedBoxComponent, { className: "SavingConfirmedBoxComponent", filePath: "lib/components/notifications/saving-confirmed-box/saving-confirmed-box.component.ts", lineNumber: 13 }); })();
|
|
3584
3588
|
|
|
3585
3589
|
function SavingErrorBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -3611,7 +3615,7 @@ class SavingErrorBoxComponent {
|
|
|
3611
3615
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingErrorBoxComponent, [{
|
|
3612
3616
|
type: Component,
|
|
3613
3617
|
args: [{ selector: 'cauca-saving-error-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n <cauca-snackbar\r\n caption=\"generalError.savingErrorAlertTitle\"\r\n type=\"error\"\r\n variant=\"standard\"\r\n [showButton]=\"false\"\r\n [showCloseButton]=\"true\"\r\n (closeClick)=\"show.set(false)\">\r\n {{error() | translate}}\r\n </cauca-snackbar>\r\n}" }]
|
|
3614
|
-
}], null,
|
|
3618
|
+
}], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }], specificError: [{ type: i0.Input, args: [{ isSignal: true, alias: "specificError", required: false }] }] }); })();
|
|
3615
3619
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/components/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
|
|
3616
3620
|
|
|
3617
3621
|
class AutoTrimAndLowerDirective {
|
|
@@ -3659,8 +3663,7 @@ class HasErrorRootDirective {
|
|
|
3659
3663
|
}
|
|
3660
3664
|
static { this.ɵfac = function HasErrorRootDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HasErrorRootDirective)(); }; }
|
|
3661
3665
|
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HasErrorRootDirective, selectors: [["mat-form-field"]], contentQueries: function HasErrorRootDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
3662
|
-
i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5);
|
|
3663
|
-
i0.ɵɵcontentQuery(dirIndex, FormControlName, 5);
|
|
3666
|
+
i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5)(dirIndex, FormControlName, 5);
|
|
3664
3667
|
} if (rf & 2) {
|
|
3665
3668
|
let _t;
|
|
3666
3669
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formControl = _t.first);
|