@cauca-911/material 21.2.4 → 21.2.6

package/fesm2022/cauca-911-material.mjs

@@ -1960,10 +1960,11 @@ class BadgeComponent {
         this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
         this.customColor = input(undefined, ...(ngDevMode ? [{ debugName: "customColor" }] : []));
         this.customTextColor = input(undefined, ...(ngDevMode ? [{ debugName: "customTextColor" }] : []));
+        this.textTransform = input(undefined, ...(ngDevMode ? [{ debugName: "textTransform" }] : []));
         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"], customColor: [1, "customColor"], customTextColor: [1, "customTextColor"], autoTranslate: [1, "autoTranslate"] }, decls: 7, vars: 11, 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"], customColor: [1, "customColor"], customTextColor: [1, "customTextColor"], textTransform: [1, "textTransform"], autoTranslate: [1, "autoTranslate"] }, decls: 7, vars: 13, 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();
@@ -1979,15 +1980,15 @@ class BadgeComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(ctx.icon());
             i0.ɵɵadvance();
-            i0.ɵɵstyleProp("color", ctx.customTextColor());
+            i0.ɵɵstyleProp("text-transform", ctx.textTransform())("color", ctx.customTextColor());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6, 9, ctx.label()) : ctx.label());
+            i0.ɵɵtextInterpolate(ctx.autoTranslate() ? i0.ɵɵpipeBind1(6, 11, 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()\" [style.backgroundColor]=\"customColor()\" >\n    <div class=\"mat-chip-content\">\n        <mat-icon [style.color]=\"customTextColor()\">{{icon()}}</mat-icon>\n        <div class=\"chip-label\" [style.color]=\"customTextColor()\">{{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 }] }], customColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customColor", required: false }] }], customTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTextColor", required: false }] }], autoTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslate", required: false }] }] }); })();
+        args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\" [style.backgroundColor]=\"customColor()\" >\n    <div class=\"mat-chip-content\">\n        <mat-icon [style.color]=\"customTextColor()\">{{icon()}}</mat-icon>\n        <div class=\"chip-label\" [style.textTransform]=\"textTransform()\" [style.color]=\"customTextColor()\">{{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 }] }], customColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customColor", required: false }] }], customTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTextColor", required: false }] }], textTransform: [{ type: i0.Input, args: [{ isSignal: true, alias: "textTransform", 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) {
@@ -3274,7 +3275,12 @@ function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.baseCrumb()));
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function PageTitleComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "/");
+    i0.ɵɵelementEnd();
+} }
+function PageTitleComponent_Conditional_4_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 5);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
@@ -3285,10 +3291,10 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 3, location_r2.title));
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 7);
-    i0.ɵɵlistener("click", function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const location_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(location_r2.action()); });
+    i0.ɵɵlistener("click", function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const location_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(location_r2.action()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -3297,7 +3303,7 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(location_r2.translate ? i0.ɵɵpipeBind1(2, 1, location_r2.title) : location_r2.title);
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -3307,14 +3313,15 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_4_Template(rf, ctx)
     i0.ɵɵtextInterpolate(location_r2.title);
 } }
 function PageTitleComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "/");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, PageTitleComponent_Conditional_4_For_3_Conditional_2_Template, 3, 5, "a", 5)(3, PageTitleComponent_Conditional_4_For_3_Conditional_3_Template, 3, 3, "span", 6)(4, PageTitleComponent_Conditional_4_For_3_Conditional_4_Template, 2, 1, "span", 3);
+    i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_For_3_Conditional_0_Template, 2, 0, "span");
+    i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_For_3_Conditional_1_Template, 3, 5, "a", 5)(2, PageTitleComponent_Conditional_4_For_3_Conditional_2_Template, 3, 3, "span", 6)(3, PageTitleComponent_Conditional_4_For_3_Conditional_3_Template, 2, 1, "span", 3);
 } if (rf & 2) {
     const location_r2 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(location_r2.link ? 2 : location_r2.action ? 3 : 4);
+    const $index_r4 = ctx.$index;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.baseCrumb() && $index_r4 === 0 ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(location_r2.link ? 1 : location_r2.action ? 2 : 3);
 } }
 function PageTitleComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -3324,7 +3331,7 @@ function PageTitleComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (
 function PageTitleComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
     i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_1_Template, 3, 3, "div", 3);
-    i0.ɵɵrepeaterCreate(2, PageTitleComponent_Conditional_4_For_3_Template, 5, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(2, PageTitleComponent_Conditional_4_For_3_Template, 4, 2, null, null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Conditional_4_Template, 2, 0, "span");
     i0.ɵɵelementStart(5, "span", 4);
     i0.ɵɵtext(6);
@@ -3374,7 +3381,7 @@ class PageTitleComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
         type: Component,
-        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"] }]
+        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        @if (baseCrumb() && $index === 0) {\n        <span>/</span>\n        }\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"] }]
     }], 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 }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 14 }); })();