@cauca-911/material 21.1.3 → 21.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +20 -20
- package/README.md +4 -4
- package/assets/i18n/cauca/en-material.json +104 -104
- package/assets/i18n/cauca/es-material.json +104 -104
- package/assets/i18n/cauca/fr-material.json +106 -106
- package/fesm2022/cauca-911-material.mjs +61 -35
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cauca-911-material.d.ts +10 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, model, computed, Injector, ElementRef, Directive, forwardRef, TemplateRef, Input, Optional, Self, ContentChild, ViewChild, resource, effect, NgModule, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, model, computed, Injector, ElementRef, Directive, forwardRef, TemplateRef, Input, Optional, Self, ContentChild, ViewChild, resource, effect, NgModule, Pipe, EventEmitter, Output } from '@angular/core';
|
|
3
3
|
import * as i1 from '@ngx-translate/core';
|
|
4
4
|
import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
|
|
5
5
|
import * as i1$5 from '@angular/material/dialog';
|
|
@@ -130,7 +130,7 @@ class MobileTimePickerComponent {
|
|
|
130
130
|
MatIconModule,
|
|
131
131
|
MatFormFieldModule,
|
|
132
132
|
MatInputModule
|
|
133
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button (click)=\"valueUp()\">\
|
|
133
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button (click)=\"valueUp()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n</button>\n<div>\n{{(value() < 10 ? '0' : '' ) + value()}}\n</div>\n<button mat-icon-button (click)=\"valueDown()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;font-family:var(--mat-form-field-container-text-font)}.mat-mdc-icon-button{height:24px;width:24px;line-height:24px;padding:0}\n"] }]
|
|
134
134
|
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
|
|
135
135
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.ts", lineNumber: 19 }); })();
|
|
136
136
|
|
|
@@ -171,7 +171,7 @@ class DesktopTimePickerComponent {
|
|
|
171
171
|
type: Component,
|
|
172
172
|
args: [{ selector: 'cauca-desktop-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
173
173
|
MatListModule
|
|
174
|
-
], template: "<mat-list [disabled]=\"disabled()?.all\">\
|
|
174
|
+
], template: "<mat-list [disabled]=\"disabled()?.all\">\n @for (option of options(); track option) {\n <mat-list-item [activated]=\"value() === option\" [disabled]=\"disabled()?.someOptions?.includes(option)\"\n (click)=\"valueChange.emit(option)\">{{(option < 10 ? '0' : '' ) + option}}</mat-list-item>\n }\n</mat-list>", styles: ["mat-list{width:50px;padding:0}mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}>div::-webkit-scrollbar{display:none}::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
|
|
175
175
|
}], null, { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
|
|
176
176
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 13 }); })();
|
|
177
177
|
|
|
@@ -519,7 +519,7 @@ class DialogDateTimePickerComponent {
|
|
|
519
519
|
MatListModule,
|
|
520
520
|
MobileTimePickerComponent,
|
|
521
521
|
DesktopTimePickerComponent
|
|
522
|
-
], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\
|
|
522
|
+
], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\n <div [ngClass]=\"showSeconds() ? 'show-seconds' : 'hide-seconds'\" class=\"date-time-picker\">\n <div class=\"calendar\">\n <mat-calendar\n [minDate]=\"minimumDate\"\n [maxDate]=\"maximumDate\"\n [selected]=\"selectedDate\"\n (selectedChange)=\"dateChanged($event)\"\n ></mat-calendar>\n </div>\n\n @if (showTime()) {\n @if (!showMobileUi) {\n <div class=\"hours\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n </div>\n }\n @if (showMobileUi) {\n <div class=\"hours\">\n <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n </div>\n }\n\n @if (showMobileUi) {\n <div class=\"hour-and-minute-separator\">:</div>\n }\n\n @if (!showMobileUi) {\n <div class=\"minutes\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n </div>\n }\n @if (showMobileUi) {\n <div class=\"minutes\">\n <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n </div>\n }\n\n @if (showSeconds() && showMobileUi) {\n <div class=\"minute-and-second-separator\">:</div>\n }\n @if (showSeconds() && !showMobileUi) {\n <div class=\"seconds\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n </div>\n }\n @if (showSeconds() && showMobileUi) {\n <div class=\"seconds\">\n <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n </div>\n }\n }\n </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n @if (showClearButton) {\n <button mat-stroked-button (click)=\"clear()\">\n @if (showButtonIcons) {\n <mat-icon>clear</mat-icon>\n }\n {{'material.clear' | translate}}\n </button>\n }\n <button color=\"primary\" mat-stroked-button (click)=\"cancel()\">\n @if (showButtonIcons) {\n <mat-icon>cancel</mat-icon>\n }\n {{'material.cancel' | translate}}\n </button>\n <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n @if (showButtonIcons) {\n <mat-icon>check</mat-icon>\n }\n {{'material.ok' | translate}}\n </button>\n</div>", styles: ["div[mat-dialog-actions]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions] button{margin:2px}.date-time-picker{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker>div{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker>div:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px;height:350px}.date-time-picker>div::-webkit-scrollbar{display:none}.date-time-picker ::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker ::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker ::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar{grid-area:calendar}.hours{grid-area:hours}.minutes{grid-area:minutes}.seconds{grid-area:seconds}.hour-and-minute-separator{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width:555px){.show-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker{grid-template-rows:auto auto;height:450px}.date-time-picker>div{border-left:none}.date-time-picker>div:not(:first-child){height:70px}.date-time-picker>div:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}\n"] }]
|
|
523
523
|
}], () => [], { onResize: [{
|
|
524
524
|
type: HostListener,
|
|
525
525
|
args: ['window:resize', ['$event']]
|
|
@@ -677,7 +677,7 @@ class CaucaDateTimePickerComponent {
|
|
|
677
677
|
multi: true,
|
|
678
678
|
useExisting: CaucaDateTimePickerComponent,
|
|
679
679
|
}
|
|
680
|
-
], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing()\">\
|
|
680
|
+
], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing()\">\n @if (label()) {\n <mat-label>{{ translateLabel() ? (label() | translate) : label() }}{{isRequired() ? '*' : ''}}</mat-label>\n }\n <input (focusout)=\"onTouched()\" matInput [value]=\"stringDate()\" readonly=\"readonly\">\n <button matSuffix mat-icon-button (click)=\"showDialog()\">\n <mat-icon>calendar_month</mat-icon>\n </button>\n</mat-form-field>", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
|
|
681
681
|
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], subscriptSizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "subscriptSizing", required: false }] }], showTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTime", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], stepHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepHours", required: false }] }], stepMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepMinutes", required: false }] }], stepSecondes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepSecondes", required: false }] }], minimumDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumDate", required: false }] }], maximumDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumDate", required: false }] }], showSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeconds", required: false }] }], showFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormat", required: false }] }], showClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearButton", required: false }] }], showButtonIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtonIcons", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] }); })();
|
|
682
682
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 34 }); })();
|
|
683
683
|
|
|
@@ -1082,7 +1082,7 @@ class ButtonComponent {
|
|
|
1082
1082
|
}
|
|
1083
1083
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
1084
1084
|
type: Component,
|
|
1085
|
-
args: [{ selector: 'cauca-button', imports: [MatIconModule, MatButtonModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (type() === 'basic') {\
|
|
1085
|
+
args: [{ selector: 'cauca-button', imports: [MatIconModule, MatButtonModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (type() === 'basic') {\n <button [ngClass]=\"class()\" mat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-basic\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'raised') {\n <button [ngClass]=\"class()\" matButton=\"elevated\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-raised\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'stroked') {\n <button [ngClass]=\"class()\" matButton=\"outlined\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-stroked\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'flat') {\n <button [ngClass]=\"class()\" matButton=\"filled\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-flat\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}\n\n@if (type() === 'icon') {\n <button [ngClass]=\"class()\" matIconButton (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n </button>\n}\n\n@if (type() === 'fab') {\n <button [ngClass]=\"class()\" matFab (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\n @if (inProgress() || icon()) {\n <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n }\n <span>{{label()}}</span>\n </button>\n}", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}.button-spin{animation:spinner 1s linear infinite}\n"] }]
|
|
1086
1086
|
}], null, { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], disable: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
|
|
1087
1087
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/button/button.component.ts", lineNumber: 13 }); })();
|
|
1088
1088
|
|
|
@@ -1393,7 +1393,7 @@ class AlertDialogComponent {
|
|
|
1393
1393
|
}
|
|
1394
1394
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
|
|
1395
1395
|
type: Component,
|
|
1396
|
-
args: [{ selector: 'cauca-alert-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\
|
|
1396
|
+
args: [{ selector: 'cauca-alert-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\n <div class=\"h6\">{{ title | translate }}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.alert-dialog-content{white-space:pre-wrap}\n"] }]
|
|
1397
1397
|
}], () => [], null); })();
|
|
1398
1398
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/components/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 18 }); })();
|
|
1399
1399
|
|
|
@@ -1449,7 +1449,7 @@ class ConfirmDialogComponent {
|
|
|
1449
1449
|
}
|
|
1450
1450
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
|
|
1451
1451
|
type: Component,
|
|
1452
|
-
args: [{ selector: 'cauca-confirm-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\
|
|
1452
|
+
args: [{ selector: 'cauca-confirm-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n </div>\n <div mat-dialog-content>\n <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n </div>\n <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n </mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}.title{padding-top:8px}.action-buttons{display:flex;align-items:center;flex-direction:row;gap:8px}\n"] }]
|
|
1453
1453
|
}], () => [], null); })();
|
|
1454
1454
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 20 }); })();
|
|
1455
1455
|
|
|
@@ -1640,7 +1640,7 @@ class DeleteDialogComponent {
|
|
|
1640
1640
|
}
|
|
1641
1641
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
|
|
1642
1642
|
type: Component,
|
|
1643
|
-
args: [{ selector: 'cauca-delete-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\
|
|
1643
|
+
args: [{ selector: 'cauca-delete-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\n @if (itemGenderIsFemale)\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\n } @else\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\n }\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div mat-dialog-content>\n <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\n <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.mat-mdc-dialog-actions{column-gap:8px}\n"] }]
|
|
1644
1644
|
}], () => [], null); })();
|
|
1645
1645
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/components/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 19 }); })();
|
|
1646
1646
|
|
|
@@ -1682,7 +1682,7 @@ class ErrorDialogComponent {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
|
|
1684
1684
|
type: Component,
|
|
1685
|
-
args: [{ selector: 'cauca-error-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\
|
|
1685
|
+
args: [{ selector: 'cauca-error-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\n</div>\n<div mat-dialog-content>\n <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (buttonClick)=\"closeClick()\"/>\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}\n"] }]
|
|
1686
1686
|
}], () => [], null); })();
|
|
1687
1687
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/components/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 18 }); })();
|
|
1688
1688
|
|
|
@@ -1978,7 +1978,7 @@ class BadgeComponent {
|
|
|
1978
1978
|
}
|
|
1979
1979
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
|
|
1980
1980
|
type: Component,
|
|
1981
|
-
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\
|
|
1981
|
+
args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\n <div class=\"mat-chip-content\">\n <mat-icon>{{icon()}}</mat-icon>\n <div class=\"chip-label\">{{label() | translate}}</div>\n </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
|
|
1982
1982
|
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] }); })();
|
|
1983
1983
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
|
|
1984
1984
|
|
|
@@ -2026,17 +2026,17 @@ class IconComponent {
|
|
|
2026
2026
|
}
|
|
2027
2027
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconComponent, [{
|
|
2028
2028
|
type: Component,
|
|
2029
|
-
args: [{ selector: 'cauca-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FontAwesomeModule], template: `
|
|
2030
|
-
@if (isFontAwesome() && faIcon().length > 0) {
|
|
2031
|
-
<div class="icon">
|
|
2032
|
-
<fa-icon [icon]="faIcon()"></fa-icon>
|
|
2033
|
-
</div>
|
|
2034
|
-
}
|
|
2035
|
-
@if (!isFontAwesome() && image()) {
|
|
2036
|
-
<div class="icon">
|
|
2037
|
-
<img [src]="image()" alt="icon" />
|
|
2038
|
-
</div>
|
|
2039
|
-
}
|
|
2029
|
+
args: [{ selector: 'cauca-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FontAwesomeModule], template: `
|
|
2030
|
+
@if (isFontAwesome() && faIcon().length > 0) {
|
|
2031
|
+
<div class="icon">
|
|
2032
|
+
<fa-icon [icon]="faIcon()"></fa-icon>
|
|
2033
|
+
</div>
|
|
2034
|
+
}
|
|
2035
|
+
@if (!isFontAwesome() && image()) {
|
|
2036
|
+
<div class="icon">
|
|
2037
|
+
<img [src]="image()" alt="icon" />
|
|
2038
|
+
</div>
|
|
2039
|
+
}
|
|
2040
2040
|
`, styles: ["img{max-height:40px;height:40px}fa-icon{max-height:40px;height:40px}\n"] }]
|
|
2041
2041
|
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] }); })();
|
|
2042
2042
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "lib/components/presenters/icon/icon.component.ts", lineNumber: 23 }); })();
|
|
@@ -2834,7 +2834,7 @@ class DropdownChipAutocompleteComponent {
|
|
|
2834
2834
|
], host: {
|
|
2835
2835
|
'[id]': 'id',
|
|
2836
2836
|
'[class.floating]': 'shouldLabelFloat',
|
|
2837
|
-
}, template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\
|
|
2837
|
+
}, template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\n\n <mat-chip-grid #chipGrid [disabled]=\"disabled\">\n\n @for (key of value; track key) {\n <mat-chip highlighted [disabled]=\"disabled\" (removed)=\"removeSelectedItem(key)\" color=\"primary\">\n {{getValueDisplay(key)}}\n @if (allowRemove()) {\n <mat-icon matChipRemove>cancel</mat-icon>\n }\n </mat-chip>\n }\n\n <div class=\"input-wrapper\">\n <input\n #chipInput\n [(ngModel)]=\"searchValue\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipGrid\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n @if (value.length > 0 && canRemoveAll()) {\n <mat-icon matPrefix class=\"clearAll\" (click)=\"onClearAll();\">clear</mat-icon>\n }\n <mat-icon matSuffix>arrow_drop_down</mat-icon>\n </div>\n </mat-chip-grid>\n\n <mat-autocomplete #auto=\"matAutocomplete\" panelWidth=\"500px\" [class.full-width-field]=\"optionTemplate\" (optionSelected)=\"selectItemOnAutocomplete($event)\">\n @for (item of filteredListAutoComplete | async; track item) {\n <mat-option [value]=\"item[keyValue()]\" class=\"full-width-option\">\n @if (optionTemplate) {\n <ng-container *ngTemplateOutlet=\"optionTemplate; context: {data: item}\" />\n } @else {\n {{item[displayValue()]}}\n }\n </mat-option>\n }\n </mat-autocomplete>\n</div>\n\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}:host{cursor:pointer}:host mat-icon{align-self:center;color:var(--mat-select-enabled-arrow-color)}:host input.mat-mdc-chip-input{flex:1}.input-wrapper{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper>input{flex:1;min-width:150px}.input-wrapper>mat-icon{flex-shrink:0}\n"] }]
|
|
2838
2838
|
}], () => [], { matAutocomplete: [{
|
|
2839
2839
|
type: ViewChild,
|
|
2840
2840
|
args: ['auto']
|
|
@@ -3084,7 +3084,7 @@ class SelectWithSearchComponent {
|
|
|
3084
3084
|
}
|
|
3085
3085
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
|
|
3086
3086
|
type: Component,
|
|
3087
|
-
args: [{ selector: 'cauca-select-with-search', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\
|
|
3087
|
+
args: [{ selector: 'cauca-select-with-search', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\n <ng-content></ng-content>\n <mat-label>{{ label() | translate }}</mat-label>\n <mat-select [value]=\"value()\" (valueChange)=\"onSelectionChange($event)\" [disabled]=\"disableControl()\" [class.readonly-field]=\"disableControl()\" [multiple]=\"allowMultiSelection()\" >\n @if (enableSearch()) {\n <mat-option>\n <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\n [noEntriesFoundLabel]=\"'noResult' | translate\">\n </ngx-mat-select-search>\n </mat-option>\n }\n @for (option of filteredOptions.value() || []; track option) {\n <mat-option [value]=\"option.id\">\n {{option.name}}\n </mat-option>\n }\n </mat-select>\n\n</mat-form-field>" }]
|
|
3088
3088
|
}], () => [], { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], selectFirstOptionByDefault: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectFirstOptionByDefault", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], allowMultiSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMultiSelection", required: false }] }], showClearOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearOption", required: false }] }], enableSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSearch", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }], singleSelect: [{
|
|
3089
3089
|
type: ViewChild,
|
|
3090
3090
|
args: ['singleSelect', { static: true }]
|
|
@@ -3366,7 +3366,7 @@ class PageTitleComponent {
|
|
|
3366
3366
|
}
|
|
3367
3367
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
|
|
3368
3368
|
type: Component,
|
|
3369
|
-
args: [{ selector: 'cauca-page-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\
|
|
3369
|
+
args: [{ selector: 'cauca-page-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\n\n <h4 class=\"title-label\">{{caption() | translate }}</h4>\n\n @if (displayBreadcrumb()) {\n <div class=\"breadcrumb\">\n\n @if (baseCrumb()) {\n <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\n }\n\n @for(location of breadcrumbLocation(); track location) {\n <span>/</span>\n @if (location.link) {\n <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\n } @else if (location.action) {\n <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\n } @else {\n <span class=\"basecrumb\">{{location.title}}</span>\n }\n }\n @if (baseCrumb() || breadcrumbLocation()?.length) {\n <span>/</span>\n }\n <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\n\n </div>\n }\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}a{text-decoration:none}a:visited{color:inherit}.basecrumb{color:#12101499}.crumb-link{cursor:pointer}@media(max-width:500px){.title-section{padding:16px}}\n"] }]
|
|
3370
3370
|
}], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], location: [{ type: i0.Input, args: [{ isSignal: true, alias: "location", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], baseCrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseCrumb", required: false }] }], translateBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateBreadcrumb", required: false }] }] }); })();
|
|
3371
3371
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 14 }); })();
|
|
3372
3372
|
|
|
@@ -3376,13 +3376,13 @@ class ExpandablePanelComponent {
|
|
|
3376
3376
|
this.isCollapsed = model(false, ...(ngDevMode ? [{ debugName: "isCollapsed" }] : []));
|
|
3377
3377
|
this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
|
|
3378
3378
|
this.subCaption = input('', ...(ngDevMode ? [{ debugName: "subCaption" }] : []));
|
|
3379
|
-
this.
|
|
3379
|
+
this.contentPosition = input('right', ...(ngDevMode ? [{ debugName: "contentPosition" }] : []));
|
|
3380
3380
|
}
|
|
3381
3381
|
changeState() {
|
|
3382
3382
|
this.isCollapsed.update(value => !value);
|
|
3383
3383
|
}
|
|
3384
3384
|
static { this.ɵfac = function ExpandablePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExpandablePanelComponent)(); }; }
|
|
3385
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["cauca-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], caption: [1, "caption"], subCaption: [1, "subCaption"],
|
|
3385
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["cauca-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], caption: [1, "caption"], subCaption: [1, "subCaption"], contentPosition: [1, "contentPosition"] }, outputs: { isCollapsed: "isCollapsedChange" }, ngContentSelectors: _c0$2, decls: 12, vars: 8, consts: [[1, "expansion-button", 3, "click"], [1, "expansion-button-text"], [1, "primary"], [1, "body2"], [1, "expansion-panel"], [1, "expansion-panel-content"]], template: function ExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3386
3386
|
i0.ɵɵprojectionDef();
|
|
3387
3387
|
i0.ɵɵelementStart(0, "section")(1, "div", 0);
|
|
3388
3388
|
i0.ɵɵlistener("click", function ExpandablePanelComponent_Template_div_click_1_listener() { return ctx.changeState(); });
|
|
@@ -3399,7 +3399,7 @@ class ExpandablePanelComponent {
|
|
|
3399
3399
|
i0.ɵɵprojection(11);
|
|
3400
3400
|
i0.ɵɵelementEnd()()();
|
|
3401
3401
|
} if (rf & 2) {
|
|
3402
|
-
i0.ɵɵclassProp("content-under", ctx.
|
|
3402
|
+
i0.ɵɵclassProp("content-under", ctx.contentPosition() === "underCaption");
|
|
3403
3403
|
i0.ɵɵadvance(2);
|
|
3404
3404
|
i0.ɵɵclassProp("collapsed", ctx.isCollapsed());
|
|
3405
3405
|
i0.ɵɵadvance(4);
|
|
@@ -3412,8 +3412,8 @@ class ExpandablePanelComponent {
|
|
|
3412
3412
|
}
|
|
3413
3413
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
|
|
3414
3414
|
type: Component,
|
|
3415
|
-
args: [{ selector: 'cauca-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], template: "<section [class.content-under]=\"
|
|
3416
|
-
}], 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 }] }],
|
|
3415
|
+
args: [{ selector: 'cauca-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], template: "<section [class.content-under]=\"contentPosition() === 'underCaption'\">\r\n <div class=\"expansion-button\" (click)=\"changeState()\">\r\n <mat-icon [class.collapsed]=\"isCollapsed()\">expand_less</mat-icon>\r\n <div class=\"expansion-button-text\">\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: [":host{display:block}section{display:flex;padding:16px 0}.primary{font-weight:600}.expansion-button{display:flex;align-items:flex-start;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-button mat-icon{flex:0 0 auto;transition:transform .5s ease-in-out}.expansion-button mat-icon.collapsed{transform:rotate(180deg)}.expansion-button-text{min-width:0;flex:1 1 auto;width:100%}.primary,.body2{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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}.content-under{flex-direction:column}.content-under .expansion-button{width:100%;padding-right:0}.content-under .expansion-panel{width:100%;flex:0 1 auto}@media(max-width:768px){section{flex-direction:column}.expansion-button{width:100%;padding-right:0}.expansion-panel{width:100%;flex:0 1 auto}}\n"] }]
|
|
3416
|
+
}], 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 }] }], contentPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentPosition", required: false }] }] }); })();
|
|
3417
3417
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib/components/layout/expandable-panel/expandable-panel.component.ts", lineNumber: 11 }); })();
|
|
3418
3418
|
|
|
3419
3419
|
class MenuExpandablePanelItemComponent {
|
|
@@ -3774,6 +3774,32 @@ class FormErrorModule {
|
|
|
3774
3774
|
ReactiveFormsModule], exports: [HasErrorDirective,
|
|
3775
3775
|
HasErrorRootDirective] }); })();
|
|
3776
3776
|
|
|
3777
|
+
class Iso8601TimeSpanPipe {
|
|
3778
|
+
transform(value) {
|
|
3779
|
+
if (!value) {
|
|
3780
|
+
return '';
|
|
3781
|
+
}
|
|
3782
|
+
const match = /^P(?:([0-9]+)D)?(?:T(?:([0-9]+)H)?(?:([0-9]+)M)?(?:([0-9]+(?:\.\d+)?)S)?)?$/i.exec(value.trim());
|
|
3783
|
+
if (!match) {
|
|
3784
|
+
return value;
|
|
3785
|
+
}
|
|
3786
|
+
const days = Number(match[1] ?? '0');
|
|
3787
|
+
const hours = Number(match[2] ?? '0') + (days * 24);
|
|
3788
|
+
const minutes = Number(match[3] ?? '0');
|
|
3789
|
+
const seconds = Math.floor(Number(match[4] ?? '0'));
|
|
3790
|
+
return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
|
3791
|
+
}
|
|
3792
|
+
static { this.ɵfac = function Iso8601TimeSpanPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Iso8601TimeSpanPipe)(); }; }
|
|
3793
|
+
static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "Iso8601TimeSpan", type: Iso8601TimeSpanPipe, pure: true }); }
|
|
3794
|
+
}
|
|
3795
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Iso8601TimeSpanPipe, [{
|
|
3796
|
+
type: Pipe,
|
|
3797
|
+
args: [{
|
|
3798
|
+
name: 'Iso8601TimeSpan',
|
|
3799
|
+
standalone: true,
|
|
3800
|
+
}]
|
|
3801
|
+
}], null, null); })();
|
|
3802
|
+
|
|
3777
3803
|
function provideCaucaMaterial() {
|
|
3778
3804
|
return [
|
|
3779
3805
|
provideNativeDateAdapter(),
|
|
@@ -3829,7 +3855,7 @@ class CaucaSimpleDialogComponent {
|
|
|
3829
3855
|
}
|
|
3830
3856
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
|
|
3831
3857
|
type: Component,
|
|
3832
|
-
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\
|
|
3858
|
+
args: [{ selector: 'cauca-simple-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div [innerHTML]=\"data.message\"></div>\n</div>\n@if (data.buttons) {\n <div mat-dialog-actions>\n @for (label of data.buttons; track label; let i = $index) {\n <button mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n }\n </div>\n}", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
|
|
3833
3859
|
}], null, null); })();
|
|
3834
3860
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
|
|
3835
3861
|
|
|
@@ -3952,7 +3978,7 @@ class CaucaInputFileComponent {
|
|
|
3952
3978
|
}
|
|
3953
3979
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
3954
3980
|
type: Component,
|
|
3955
|
-
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\
|
|
3981
|
+
args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\n @if (icon) {\n <mat-icon>{{icon}}</mat-icon>\n }\n @if (text) {\n <span>{{text}}</span>\n }\n</button>\n@if (multiple) {\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n} @else {\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n}\n\n", styles: [":host input{display:none}\n"] }]
|
|
3956
3982
|
}], null, { file: [{
|
|
3957
3983
|
type: ViewChild,
|
|
3958
3984
|
args: ['file', { static: false }]
|
|
@@ -4041,7 +4067,7 @@ class CaucaInputMultipleLangueComponent {
|
|
|
4041
4067
|
}
|
|
4042
4068
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
4043
4069
|
type: Component,
|
|
4044
|
-
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\
|
|
4070
|
+
args: [{ selector: 'cauca-input-multiple-langue', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n @for (lang of labels; track lang; let i = $index) {\n <mat-tab [label]=\"lang\">\n <mat-form-field hideRequiredMarker=\"never\">\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n @if (forms[i].invalid) {\n <mat-error>{{getErrorMessage(i) | translate}}</mat-error>\n }\n </mat-form-field>\n </mat-tab>\n }\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
|
|
4045
4071
|
}], () => [], { value: [{
|
|
4046
4072
|
type: Input
|
|
4047
4073
|
}] }); })();
|
|
@@ -4124,7 +4150,7 @@ class CaucaSlideshowComponent {
|
|
|
4124
4150
|
}
|
|
4125
4151
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
|
|
4126
4152
|
type: Component,
|
|
4127
|
-
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\
|
|
4153
|
+
args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\n @for (url of images; track url; let index = $index) {\n <div [class.active]=\"index === selectedIndex\" [class.entering]=\"states[index] === 'in'\" [class.leaving]=\"states[index] === 'out'\">\n <img [src]=\"url\" />\n </div>\n }\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(100%);opacity:0}.slideshow>div.active{transform:translate(0);opacity:1}.slideshow>div.leaving{transform:translate(-100%);opacity:0}.slideshow>div.entering{transform:translate(0);opacity:1}img{max-height:100%;max-width:100%;margin:0 auto;display:block}\n"] }]
|
|
4128
4154
|
}], null, { container: [{
|
|
4129
4155
|
type: ViewChild,
|
|
4130
4156
|
args: ['container', { static: true }]
|
|
@@ -4145,5 +4171,5 @@ class CaucaSlideshowComponent {
|
|
|
4145
4171
|
* Generated bundle index. Do not edit.
|
|
4146
4172
|
*/
|
|
4147
4173
|
|
|
4148
|
-
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelComponent, FabButtonComponent, FlatButtonComponent, FormErrorModule, GroupContainerComponent, HasErrorDirective, HasErrorRootDirective, IconButtonComponent, IconComponent, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SavingConfirmedBoxComponent, SavingErrorBoxComponent, SectionColumnComponent, SectionFieldComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent, provideCaucaMaterial };
|
|
4174
|
+
export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelComponent, FabButtonComponent, FlatButtonComponent, FormErrorModule, GroupContainerComponent, HasErrorDirective, HasErrorRootDirective, IconButtonComponent, IconComponent, Iso8601TimeSpanPipe, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SavingConfirmedBoxComponent, SavingErrorBoxComponent, SectionColumnComponent, SectionFieldComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent, provideCaucaMaterial };
|
|
4149
4175
|
//# sourceMappingURL=cauca-911-material.mjs.map
|