@cauca-911/material 21.2.7 → 21.2.8

package/fesm2022/cauca-911-material.mjs

@@ -42,7 +42,7 @@ import { MatSelectModule } from '@angular/material/select';
 import * as i5 from 'ngx-mat-select-search';
 import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 import * as i1$9 from '@angular/router';
-import { RouterModule, Router } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { MatTabGroup, MatTab } from '@angular/material/tabs';
 
 class CaucaMaterialService {
@@ -3266,88 +3266,109 @@ class SectionFieldComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
 
 function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "cauca-button", 4);
+    i0.ɵɵlistener("buttonClick", function PageTitleComponent_Conditional_4_Conditional_1_Template_cauca_button_buttonClick_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.backToLastBreadcrumbLink()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 5);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(4, 1, ctx_r1.currentBreadcrumb()) : ctx_r1.currentBreadcrumb());
+} }
+function PageTitleComponent_Conditional_4_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.baseCrumb()));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.baseCrumb()));
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function PageTitleComponent_Conditional_4_Conditional_2_For_2_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);
+function PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 7);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const location_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("href", location_r2.link, i0.ɵɵsanitizeUrl)("routerLink", location_r2.link);
+    const location_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("href", location_r3.link, i0.ɵɵsanitizeUrl)("routerLink", location_r3.link);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 3, location_r2.title));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 3, location_r3.title));
 } }
-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_2_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const location_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(location_r2.action()); });
+function PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵlistener("click", function PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_2_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r4); const location_r3 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(location_r3.action()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const location_r2 = i0.ɵɵnextContext().$implicit;
+    const location_r3 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(location_r2.translate ? i0.ɵɵpipeBind1(2, 1, location_r2.title) : location_r2.title);
+    i0.ɵɵtextInterpolate(location_r3.translate ? i0.ɵɵpipeBind1(2, 1, location_r3.title) : location_r3.title);
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 3);
+function PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const location_r2 = i0.ɵɵnextContext().$implicit;
+    const location_r3 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(location_r2.title);
+    i0.ɵɵtextInterpolate(location_r3.title);
 } }
-function PageTitleComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
-    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);
+function PageTitleComponent_Conditional_4_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_0_Template, 2, 0, "span");
+    i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_1_Template, 3, 5, "a", 7)(2, PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_2_Template, 3, 3, "span", 8)(3, PageTitleComponent_Conditional_4_Conditional_2_For_2_Conditional_3_Template, 2, 1, "span", 6);
 } if (rf & 2) {
-    const location_r2 = ctx.$implicit;
-    const $index_r4 = ctx.$index;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r0.baseCrumb() && $index_r4 === 0 ? 0 : -1);
+    const location_r3 = ctx.$implicit;
+    const $index_r5 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.baseCrumb() && $index_r5 === 0 ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(location_r2.link ? 1 : location_r2.action ? 2 : 3);
+    i0.ɵɵconditional(location_r3.link ? 1 : location_r3.action ? 2 : 3);
 } }
-function PageTitleComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function PageTitleComponent_Conditional_4_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "/");
     i0.ɵɵelementEnd();
 } }
-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, 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);
-    i0.ɵɵpipe(7, "translate");
-    i0.ɵɵelementEnd()();
+function PageTitleComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_Conditional_2_Conditional_0_Template, 3, 3, "div", 6);
+    i0.ɵɵrepeaterCreate(1, PageTitleComponent_Conditional_4_Conditional_2_For_2_Template, 4, 2, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, PageTitleComponent_Conditional_4_Conditional_2_Conditional_3_Template, 2, 0, "span");
+    i0.ɵɵelementStart(4, "span", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "translate");
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_3_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.baseCrumb() ? 1 : -1);
+    let tmp_4_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.baseCrumb() ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.breadcrumbLocation());
+    i0.ɵɵrepeater(ctx_r1.breadcrumbLocation());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.baseCrumb() || ((tmp_3_0 = ctx_r0.breadcrumbLocation()) == null ? null : tmp_3_0.length) ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.baseCrumb() || ((tmp_4_0 = ctx_r1.breadcrumbLocation()) == null ? null : tmp_4_0.length) ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(7, 3, ctx_r0.currentBreadcrumb()) : ctx_r0.currentBreadcrumb());
+    i0.ɵɵtextInterpolate(ctx_r1.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(6, 3, ctx_r1.currentBreadcrumb()) : ctx_r1.currentBreadcrumb());
+} }
+function PageTitleComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_1_Template, 5, 3, "div", 3)(2, PageTitleComponent_Conditional_4_Conditional_2_Template, 7, 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.displayCompactBreadcrumb() ? 1 : 2);
 } }
 class PageTitleComponent {
     constructor() {
@@ -3357,33 +3378,43 @@ class PageTitleComponent {
         this.breadcrumb = input('', ...(ngDevMode ? [{ debugName: "breadcrumb" }] : []));
         this.baseCrumb = input('', ...(ngDevMode ? [{ debugName: "baseCrumb" }] : []));
         this.translateBreadcrumb = input(true, ...(ngDevMode ? [{ debugName: "translateBreadcrumb" }] : []));
+        this.isMobile = input(false, ...(ngDevMode ? [{ debugName: "isMobile" }] : []));
         this.displayBreadcrumb = computed(() => this.showBreadcrumb() || this.breadcrumbService?.showBreadcrumb(), ...(ngDevMode ? [{ debugName: "displayBreadcrumb" }] : []));
         this.breadcrumbLocation = computed(() => this.breadcrumbService?.location() || this.location() || [], ...(ngDevMode ? [{ debugName: "breadcrumbLocation" }] : []));
         this.currentBreadcrumb = computed(() => this.breadcrumbService?.breadcrumb() || this.breadcrumb() || '', ...(ngDevMode ? [{ debugName: "currentBreadcrumb" }] : []));
         this.mustTranslateBreadcrumb = computed(() => this.breadcrumbService?.translateBreadcrumb() || this.translateBreadcrumb(), ...(ngDevMode ? [{ debugName: "mustTranslateBreadcrumb" }] : []));
         this.hasBreadcrumb = computed(() => this.currentBreadcrumb() !== '', ...(ngDevMode ? [{ debugName: "hasBreadcrumb" }] : []));
+        this.hasLinkedBreadcrumb = computed(() => this.breadcrumbLocation().some((location) => !!location.link), ...(ngDevMode ? [{ debugName: "hasLinkedBreadcrumb" }] : []));
+        this.displayCompactBreadcrumb = computed(() => this.isMobile() && this.hasLinkedBreadcrumb(), ...(ngDevMode ? [{ debugName: "displayCompactBreadcrumb" }] : []));
         this.breadcrumbService = inject(BreadcrumbService, { optional: true });
+        this.router = inject(Router);
+    }
+    backToLastBreadcrumbLink() {
+        const target = [...this.breadcrumbLocation()].reverse().find((location) => !!location.link);
+        if (target?.link) {
+            this.router.navigateByUrl(target.link);
+        }
     }
     static { this.ɵfac = function PageTitleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageTitleComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageTitleComponent, selectors: [["cauca-page-title"]], inputs: { caption: [1, "caption"], showBreadcrumb: [1, "showBreadcrumb"], location: [1, "location"], breadcrumb: [1, "breadcrumb"], baseCrumb: [1, "baseCrumb"], translateBreadcrumb: [1, "translateBreadcrumb"] }, decls: 5, vars: 4, consts: [[1, "title-section"], [1, "title-label"], [1, "breadcrumb"], [1, "basecrumb"], [1, "breadcrumb-current"], [1, "basecrumb", 3, "href", "routerLink"], [1, "basecrumb", "crumb-link"], [1, "basecrumb", "crumb-link", 3, "click"]], template: function PageTitleComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageTitleComponent, selectors: [["cauca-page-title"]], inputs: { caption: [1, "caption"], showBreadcrumb: [1, "showBreadcrumb"], location: [1, "location"], breadcrumb: [1, "breadcrumb"], baseCrumb: [1, "baseCrumb"], translateBreadcrumb: [1, "translateBreadcrumb"], isMobile: [1, "isMobile"] }, decls: 5, vars: 4, consts: [[1, "title-section"], [1, "title-label"], [1, "breadcrumb"], [1, "breadcrumb-compact"], ["type", "icon", "icon", "arrow_back", "color", "primary", 3, "buttonClick"], [1, "breadcrumb-current"], [1, "basecrumb"], [1, "basecrumb", 3, "href", "routerLink"], [1, "basecrumb", "crumb-link"], [1, "basecrumb", "crumb-link", 3, "click"]], template: function PageTitleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
             i0.ɵɵtext(2);
             i0.ɵɵpipe(3, "translate");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Template, 8, 5, "div", 2);
+            i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Template, 3, 1, "div", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.caption()));
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.displayBreadcrumb() ? 4 : -1);
-        } }, 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 }); }
+        } }, dependencies: [TranslateModule, RouterModule, i1$9.RouterLink, ButtonComponent, 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}.breadcrumb-compact[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px}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 }); }
 }
 (() => { (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\">\r\n\r\n  <h4 class=\"title-label\">{{caption() | translate }}</h4>\r\n\r\n  @if (displayBreadcrumb()) {\r\n    <div class=\"breadcrumb\">\r\n\r\n      @if (baseCrumb()) {\r\n        <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\r\n      }\r\n\r\n      @for(location of breadcrumbLocation(); track location) {\r\n        @if (baseCrumb() && $index === 0) {\r\n        <span>/</span>\r\n        }\r\n        @if (location.link) {\r\n          <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\r\n        } @else if (location.action) {\r\n          <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\r\n        } @else {\r\n          <span class=\"basecrumb\">{{location.title}}</span>\r\n        }\r\n      }\r\n      @if (baseCrumb() || breadcrumbLocation()?.length) {\r\n        <span>/</span>\r\n      }\r\n      <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\r\n\r\n    </div>\r\n  }\r\n\r\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 }); })();
+        args: [{ selector: 'cauca-page-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RouterModule, ButtonComponent], template: "<div class=\"title-section\">\r\n\r\n  <h4 class=\"title-label\">{{caption() | translate }}</h4>\r\n\r\n  @if (displayBreadcrumb()) {\r\n    <div class=\"breadcrumb\">\r\n      @if (displayCompactBreadcrumb()) {\r\n        <div class=\"breadcrumb-compact\">\r\n          <cauca-button type=\"icon\" icon=\"arrow_back\" (buttonClick)=\"backToLastBreadcrumbLink()\" color=\"primary\" />\r\n          <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\r\n        </div>\r\n      } @else {\r\n\r\n        @if (baseCrumb()) {\r\n          <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\r\n        }\r\n\r\n        @for(location of breadcrumbLocation(); track location) {\r\n          @if (baseCrumb() && $index === 0) {\r\n            <span>/</span>\r\n          }\r\n          @if (location.link) {\r\n            <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\r\n          } @else if (location.action) {\r\n            <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\r\n          } @else {\r\n            <span class=\"basecrumb\">{{location.title}}</span>\r\n          }\r\n        }\r\n        @if (baseCrumb() || breadcrumbLocation()?.length) {\r\n          <span>/</span>\r\n        }\r\n        <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\r\n      }\r\n\r\n    </div>\r\n  }\r\n\r\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}.breadcrumb-compact{display:flex;align-items:center;gap:4px}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 }] }], isMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobile", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 16 }); })();
 
 const _c0$4 = ["*"];
 class ResponsiveTabGroupWrapperComponent {