@cauca-911/material 21.2.0 → 21.2.2

package/assets/i18n/cauca/en-material.json

@@ -43,6 +43,10 @@
     "title": "Saving",
     "message": "The save was successful."
   },
+        "statusMessage": {
+                "noDataLabel": "No data",
+                "errorLoadingDataLabel": "An error has occured while loading data."
+        },
     "deleteDialog": {
         "titleFemale": "Delete {{itemType}}",
         "titleMale": "Delete {{itemType}}",

package/assets/i18n/cauca/es-material.json

@@ -43,6 +43,10 @@
         "title": "Guardando",
         "message": "El guardado fue exitoso."
     },
+    "statusMessage": {
+        "noDataLabel": "Sin datos",
+        "errorLoadingDataLabel": "Ocurrió un error al cargar los datos."
+    },
     "deleteDialog": {
         "titleFemale": "Eliminar {{itemType}}",
         "titleMale": "Eliminar {{itemType}}",

package/assets/i18n/cauca/fr-material.json

@@ -69,6 +69,10 @@
     "title": "Sauvegarde",
     "message": "La sauvegarde s'est effectuée avec succès."
   },
+        "statusMessage": {
+                "noDataLabel": "Aucune donnée",
+                "errorLoadingDataLabel": "Une erreur s'est produite lors du chargement des données."
+        },
     "generalError": {
         "errorAlertTitle": "Erreur",
         "loadingErrorAlertTitle": "Erreur de chargement",

package/fesm2022/cauca-911-material.mjs

@@ -1958,9 +1958,10 @@ class BadgeComponent {
         this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
         this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
         this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.autoTranslate = input(true, ...(ngDevMode ? [{ debugName: "autoTranslate" }] : []));
     }
     static { this.ɵfac = function BadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BadgeComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BadgeComponent, selectors: [["cauca-badge"]], inputs: { icon: [1, "icon"], label: [1, "label"], color: [1, "color"] }, decls: 7, vars: 5, consts: [["highlighted", "", "disableRipple", "", 3, "color"], [1, "mat-chip-content"], [1, "chip-label"]], template: function BadgeComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BadgeComponent, selectors: [["cauca-badge"]], inputs: { icon: [1, "icon"], label: [1, "label"], color: [1, "color"], autoTranslate: [1, "autoTranslate"] }, decls: 7, vars: 5, consts: [["highlighted", "", "disableRipple", "", 3, "color"], [1, "mat-chip-content"], [1, "chip-label"]], template: function BadgeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mat-chip", 0)(1, "div", 1)(2, "mat-icon");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
@@ -1973,13 +1974,13 @@ class BadgeComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx.icon());
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 3, ctx.label()));
+            i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6, 3, ctx.label()) : ctx.label());
         } }, dependencies: [TranslateModule, MatChipsModule, i1$7.MatChip, MatIcon, i1.TranslatePipe], styles: [".mat-chip-content[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
         type: Component,
-        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"] }]
-    }], 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 }] }] }); })();
+        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\">{{autoTranslate() ? (label() | translate) : label()}}</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"] }]
+    }], 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 }] }], autoTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslate", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
 
 function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -3707,6 +3708,62 @@ class SavingErrorBoxComponent {
     }], 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 }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/components/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
 
+class StatusMessageComponent {
+    constructor() {
+        this.type = input('noData', ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.textKey = input(undefined, ...(ngDevMode ? [{ debugName: "textKey" }] : []));
+        this.icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.resolvedTextKey = computed(() => {
+            const customTextKey = this.textKey();
+            if (customTextKey) {
+                return customTextKey;
+            }
+            switch (this.type()) {
+                case 'error':
+                    return 'statusMessage.errorLoadingDataLabel';
+                case 'custom':
+                    return 'statusMessage.noDataLabel';
+                default:
+                    return 'statusMessage.noDataLabel';
+            }
+        }, ...(ngDevMode ? [{ debugName: "resolvedTextKey" }] : []));
+        this.resolvedIcon = computed(() => {
+            const customIcon = this.icon();
+            if (customIcon) {
+                return customIcon;
+            }
+            switch (this.type()) {
+                case 'error':
+                    return 'error';
+                case 'custom':
+                    return 'info';
+                default:
+                    return 'grid_off';
+            }
+        }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : []));
+    }
+    static { this.ɵfac = function StatusMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StatusMessageComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusMessageComponent, selectors: [["cauca-status-message"]], inputs: { type: [1, "type"], textKey: [1, "textKey"], icon: [1, "icon"] }, decls: 6, vars: 4, consts: [[1, "icon-text"]], template: function StatusMessageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "mat-icon");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "span");
+            i0.ɵɵtext(4);
+            i0.ɵɵpipe(5, "translate");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.resolvedIcon());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, ctx.resolvedTextKey()));
+        } }, dependencies: [MatIcon, TranslatePipe], styles: [".icon-text[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusMessageComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-status-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, TranslatePipe], template: "<div class=\"icon-text\">\r\n  <mat-icon>{{ resolvedIcon() }}</mat-icon>\r\n  <span>{{ resolvedTextKey() | translate }}</span>\r\n</div>\r\n", styles: [".icon-text{display:flex;align-items:center;gap:8px}\n"] }]
+    }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], textKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "textKey", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatusMessageComponent, { className: "StatusMessageComponent", filePath: "lib/components/notifications/status-message/status-message.component.ts", lineNumber: 15 }); })();
+
 class AutoTrimAndLowerDirective {
     constructor(el) {
         this.el = el;
@@ -4259,5 +4316,5 @@ class CaucaSlideshowComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelAccordionComponent, 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 };
+export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelAccordionComponent, 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, StatusMessageComponent, StrokedButtonComponent, provideCaucaMaterial };
 //# sourceMappingURL=cauca-911-material.mjs.map