@cauca-911/material 21.0.1-beta.1 → 21.0.1-beta.3

package/README.md

@@ -1,5 +1,24 @@
-# @cauca-911/material
+# CaucaMaterial
 
-Run `npm install @cauca-911/material --save` to add this library to your project
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.6.
 
-## To use this library, you need to import the module with specific configuration
+## Code scaffolding
+
+Run `ng generate component component-name --project cauca-material` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project cauca-material`.
+> Note: Don't forget to add `--project cauca-material` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build cauca-material` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build cauca-material`, go to the dist folder `cd dist/cauca-material` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test cauca-material` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/fesm2022/cauca-911-material.mjs

@@ -3395,26 +3395,23 @@ class SectionFieldComponent {
     }], null, { autoTranslateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: false }] }], showLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLink", required: false }] }], linkClick: [{ type: i0.Output, args: ["linkClick"] }], splitEqually: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitEqually", required: false }] }] }); })();
 (() => { (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_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "/");
-    i0.ɵɵelementEnd();
-} }
 function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, PageTitleComponent_Conditional_4_Conditional_1_Conditional_3_Template, 2, 0, "span");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r0.baseCrumb()));
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.breadcrumbLocation().length > 0 || ctx_r0.currentBreadcrumb() ? 3 : -1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.baseCrumb()));
 } }
 function PageTitleComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
+    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", 4);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -3424,10 +3421,10 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 3, location_r2.title));
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_1_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_1_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const location_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(location_r2.action()); });
+    i0.ɵɵelementStart(0, "span", 6);
+    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();
@@ -3436,8 +3433,8 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_1_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_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 4);
+function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3445,39 +3442,48 @@ function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(location_r2.title);
 } }
-function PageTitleComponent_Conditional_4_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+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", 4)(2, PageTitleComponent_Conditional_4_For_3_Conditional_2_Template, 3, 3, "span", 5)(3, PageTitleComponent_Conditional_4_For_3_Conditional_3_Template, 2, 1, "span", 3);
+} if (rf & 2) {
+    const location_r2 = ctx.$implicit;
+    const ɵ$index_15_r4 = ctx.$index;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.baseCrumb() || !(ɵ$index_15_r4 === 0) ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(location_r2.link ? 1 : location_r2.action ? 2 : 3);
+} }
+function PageTitleComponent_Conditional_4_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "/");
     i0.ɵɵelementEnd();
 } }
-function PageTitleComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_For_3_Conditional_0_Template, 3, 5, "a", 5)(1, PageTitleComponent_Conditional_4_For_3_Conditional_1_Template, 3, 3, "span", 6)(2, PageTitleComponent_Conditional_4_For_3_Conditional_2_Template, 2, 1, "span", 4);
-    i0.ɵɵconditionalCreate(3, PageTitleComponent_Conditional_4_For_3_Conditional_3_Template, 2, 0, "span");
+function PageTitleComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_Conditional_4_Conditional_0_Template, 2, 0, "span");
+    i0.ɵɵelementStart(1, "span", 7);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const location_r2 = ctx.$implicit;
-    const ɵ$index_19_r4 = ctx.$index;
-    const ɵ$count_19_r5 = ctx.$count;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(location_r2.link ? 0 : location_r2.action ? 1 : 2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(!(ɵ$index_19_r4 === ɵ$count_19_r5 - 1) || ctx_r0.currentBreadcrumb() ? 3 : -1);
+    i0.ɵɵconditional(ctx_r0.baseCrumb() || ctx_r0.breadcrumbLocation().length > 0 ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(3, 2, ctx_r0.currentBreadcrumb()) : ctx_r0.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, 4, 4);
+    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.ɵɵelementStart(4, "span", 3);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Conditional_4_Template, 4, 4);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.baseCrumb() ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.breadcrumbLocation());
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(6, 2, ctx_r0.currentBreadcrumb()) : ctx_r0.currentBreadcrumb());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.currentBreadcrumb() && ctx_r0.currentBreadcrumb().trim() !== "" ? 4 : -1);
 } }
 class PageTitleComponent {
     constructor() {
@@ -3494,12 +3500,12 @@ class PageTitleComponent {
         this.breadcrumbService = inject(BreadcrumbService, { optional: true });
     }
     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, "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) {
+    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, "basecrumb", 3, "href", "routerLink"], [1, "basecrumb", "crumb-link"], [1, "basecrumb", "crumb-link", 3, "click"], [1, "breadcrumb-current"]], 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, 7, 4, "div", 2);
+            i0.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Template, 5, 2, "div", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -3510,7 +3516,7 @@ class PageTitleComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-page-title', 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        @if (breadcrumbLocation().length > 0 || currentBreadcrumb()) {\r\n          <span>/</span>\r\n        }\r\n      }\r\n\r\n      @for(location of breadcrumbLocation(); track location) {\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        @if (!$last || currentBreadcrumb()) {\r\n          <span>/</span>\r\n        }\r\n      }\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"] }]
+        args: [{ selector: 'cauca-page-title', 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() || !$first) {\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\r\n      @if (currentBreadcrumb() && currentBreadcrumb().trim() !== '') {\r\n        @if (baseCrumb() || breadcrumbLocation().length > 0) {\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}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: 13 }); })();