ngx-vector-components 2.14.0 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog
 
+## [3.0.2] (19/05/2022)
+
+### Bug Fixes
+
+- Fixed `vector-button` disable behavior.
+
+## [3.0.1] (08/05/2022)
+
+### Bug Fixes
+
+- Fixed peer dependency version.
+
+## [3.0.0] (08/05/2022)
+
+### Breaking Changes
+
+- Changed `mixins` to a separated `mixins.scss` file.
+
+### Features
+
+- Added generic guard to check if crud list has items;
+- Added generic resolver to get the selected crud item from the list;
+- Added generic resolver to get the selected crud item history from the list;
+- Added `vector-badge` component;
+- Added `vector-crud-header` component;
+- Added `vector-select-button-field` component;
+- Added `formatDocument` pipe;
+- Added `VIRTUAL_CARRIER` view type;
+- Added styles input to `vector-button` to apply styles to the `<button>` tag;
+- Added dynamic filters to dropdown;
+- Breadcrumb now has clickable links to navigate to route fragments.
+
+### Bug Fixes
+
+- Menu fixed to navigate to menu route even if it has children;
+- Changed `vector-data-table` appearence to match new design;
+- Fixed `vector-filters` to hide the search button when there is no visible filters;
+- Removed unnecessary `variables.scss` references throughout the project.
+
 ## [2.14.0] (05/05/2022)
 
 ### Features

package/assets/styles/_mixins.scss

@@ -0,0 +1,7 @@
+// crossplataform mixin
+@mixin crossBrowser($prop, $css) {
+  -webkit-#{$prop}: $css;
+  -moz-#{$prop}: $css;
+  -o-#{prop}: $css;
+  $prop: $css;
+}

package/assets/styles/_primeng-custom-theme.scss

@@ -1,5 +1,3 @@
-@import 'variables';
-
 .p-focus,
 .p-element:focus {
   box-shadow: none !important;
@@ -42,6 +40,147 @@
   border-color: transparent;
 }
 
+p-button {
+  width: 100%;
+  border-width: 2px;
+  border-radius: var(--border-radius);
+  background-color: var(--theme-dark);
+  border-color: var(--theme-dark);
+  color: #ffffff;
+  box-shadow: 0px 5px 5px rgba(0, 70, 232, 0.5);
+
+  &:hover:not(:disabled) {
+    background-color: #003049;
+    border-color: #003049;
+  }
+
+  &:focus {
+    box-shadow: none;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+  .no-shadow {
+    box-shadow: none;
+  }
+
+  .p-button {
+    border-width: 2px !important;
+  }
+
+  .default {
+    background-color: #ffffff;
+    border-color: var(--theme-dark);
+
+    .p-button-label {
+      color: var(--theme-dark);
+    }
+
+    .p-button-icon {
+      color: var(--theme-dark);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--theme-dark);
+      border-color: var(--theme-dark);
+      .p-button-label {
+        color: #ffffff;
+      }
+    }
+  }
+
+  .default-filled {
+    background-color: var(--theme-primary);
+    border-color: var(--theme-primary);
+    .p-button-label {
+      color: #ffffff;
+    }
+    .p-button-icon {
+      color: #ffffff;
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--theme-dark);
+      border-color: var(--theme-dark);
+    }
+  }
+
+  .cancel {
+    background-color: #ffffff;
+    border-color: var(--error-color);
+    .p-button-label {
+      color: var(--error-color);
+    }
+    .p-button-icon {
+      color: var(--error-color);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--error-color-dark);
+      border-color: var(--error-color-dark);
+      .p-button-label {
+        color: #ffffff;
+      }
+    }
+  }
+
+  .cancel-filled {
+    background-color: var(--error-color);
+    border-color: var(--error-color);
+    .p-button-label {
+      color: #ffffff;
+    }
+
+    .p-button-icon {
+      color: #ffffff;
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--error-color-dark);
+      border-color: var(--error-color-dark);
+    }
+  }
+
+  .success {
+    background-color: var(--success-color);
+    border-color: var(--success-color);
+    .p-button-label {
+      color: #fff;
+    }
+    .p-button-icon {
+      color: #fff;
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--success-color-dark);
+      border-color: var(--success-color-dark);
+    }
+  }
+
+  .success-outlined {
+    background-color: #ffffff;
+    border-color: var(--success-color);
+
+    .p-button-label {
+      color: var(--success-color);
+    }
+    .p-button-icon {
+      color: var(--success-color);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--success-color-dark);
+      border-color: var(--success-color-dark);
+
+      .p-button-label {
+        color: #fff
+      }
+    }
+  }
+}
+
+
 .p-autocomplete-input {
   border-right: none !important;
   border-top-right-radius: 0px !important;
@@ -73,6 +212,21 @@
   padding-bottom: 5px !important;
 }
 
+.p-dropdown {
+  height: 40px;
+  background-color: var(--gray-medium) !important;
+
+  .p-dropdown-label {
+    font-family: 'Poppins';
+    font-size: 0.9em !important;
+    color: var(--theme-dark) !important;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+  }
+}
+
+
 p-inputnumber.currency-input:not(.outlined) {
   &.ng-touched.ng-invalid input.p-inputnumber-input {
     color: var(--error-color) !important;
@@ -358,7 +512,7 @@ p-inputnumber.outlined {
     border-radius: 8px !important;
 
     .p-button-label {
-      color: var(--theme-dark) !important;
+      color: var(--gray-dark) !important;
       font-weight: 500 !important;
     }
 
@@ -367,10 +521,10 @@ p-inputnumber.outlined {
     }
 
     &.p-highlight {
-      background-color: var(--theme-dark) !important;
+      background-color: #fff !important;
 
       .p-button-label {
-        color: #ffffff !important;
+        color: var(--theme-medium) !important;
       }
     }
   }
@@ -416,6 +570,7 @@ p-inputnumber.outlined {
 
   .p-checkbox-icon {
     font-size: 0.8em !important;
+    padding-top: 2px !important;
   }
 }
 
@@ -500,7 +655,6 @@ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
 
 .p-dropdown {
   // background-color: #ffffff;
-  background-color: var(--gray-light) !important;
   border: none !important;
   .p-highlight {
     background-color: #ffffff !important;
@@ -557,17 +711,69 @@ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
 }
 
 vector-data-table {
+  vector-panel.data-table-panel .p-panel,
+  vector-panel.data-table-panel .p-panel-content,
+  vector-panel.data-table-panel .p-panel-content > div {
+    border-radius: 15px !important;
+  }
+
   p-table {
     .p-datatable-wrapper {
       max-height: 300px;
     }
-    .header {
-      th {
-        white-space: normal !important;
+
+    .p-datatable-table {
+      border-radius: 15px !important;
+    }
+
+    .p-datatable-thead {
+      border-radius: 15px !important;
+
+      .header {
+        th {
+          white-space: normal !important;
+          position: relative;
+          padding: 10px 10px 10px 35px !important;
+          background-color: var(--gray-light) !important;
+
+          &:first-child {
+            border-top-left-radius: 15px !important;
+            padding: 10px !important;
+          }
+
+          &:last-child {
+            border-top-right-radius: 15px !important;
+          }
+
+          p-sorticon {
+            position: absolute;
+            left: 0px;
+
+            .p-sortable-column-icon {
+              display: flex;
+              flex-direction: column;
+              font-size: 10px;
+
+              &::before {
+                content: "\e903" !important;
+              }
+
+              &::after {
+                content: "\e902" !important;
+              }
+            }
+          }
+
+          &.p-highlight {
+            color: var(--theme-primary) !important;
+          }
+        }
       }
     }
 
     .row {
+      background: transparent !important;
+
       .cell {
         white-space: normal !important;
 
@@ -593,11 +799,20 @@ vector-data-table {
           color: var(--warning-color);
         }
       }
+
+      .no-results {
+        border-bottom-left-radius: 15px;
+        border-bottom-right-radius: 15px;
+      }
     }
 
     .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
       color: #fff !important;
     }
+
+    .p-paginator-bottom {
+      border-radius: 15px !important;
+    }
   }
 
   p-tabview {
@@ -698,3 +913,30 @@ p-tabview {
     color: #000;
   }
 }
+
+.p-menu.p-menu-overlay {
+  width: fit-content;
+  padding: 0px;
+  border-radius: 9px;
+  background-color: var(--theme-medium) !important;
+
+  ul {
+    display: flex;
+
+    li {
+      border-radius: 9px;
+    }
+
+    .p-menuitem-link {
+      border-radius: 9px;
+    }
+
+    .p-menuitem-link:hover {
+      background-color: var(--theme-dark) !important;
+    }
+
+    .p-menuitem-icon, .p-menuitem-text {
+      color: #fff !important;
+    }
+  }
+}

package/assets/styles/_spinner.scss

@@ -1,5 +1,3 @@
-@import 'variables';
-
 p-progressSpinner .p-progress-spinner-circle {
   animation: custom-progress-spinner 1.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite !important;
 }

package/assets/styles/_styles.scss

@@ -2,6 +2,7 @@
 @import './primeng-custom-theme';
 @import './spinner';
 @import './variables';
+@import './mixins';
 
 body {
   margin: 0px;
@@ -93,6 +94,10 @@ ul {
   justify-content: center;
 }
 
+.checkbox-centered {
+  padding-bottom: 17px !important;
+}
+
 .form-container {
   color: var(--form-labels-color);
 }

package/assets/styles/_variables.scss

@@ -1,5 +1,6 @@
 :root {
   --theme-primary: #0046e8;
+  --theme-medium: #0041AC;
   --theme-dark: #3a2b68;
   --background: #f2f2f7;
   --font-color: #151515;
@@ -21,17 +22,6 @@
   --warning-color: #e9c429;
   --cancel-color: #ca024f;
   --form-labels-color: #4e4b66;
-
   --font-color-primary: #3a2b68;
   --font-color-secondary: rgb(87, 87, 87);
 }
-
-// crossplataform mixin
-@mixin crossBrowser($prop, $css) {
-  -webkit-#{$prop}: $css;
-  -moz-#{$prop}: $css;
-  -o-#{prop}: $css;
-  $prop: $css;
-}
-
-// breakpoints

package/esm2020/lib/components/badge/badge.component.mjs

@@ -0,0 +1,34 @@
+import { Component, Input } from '@angular/core';
+import { Status } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BadgeComponent {
+    constructor() { }
+    ngOnInit() { }
+    getStatusColor() {
+        switch (this.type) {
+            case Status.PENDING:
+                return 'badge-warning';
+            case Status.APPROVED:
+                return 'badge-success';
+            case Status.REJECTED:
+                return 'badge-error';
+        }
+        return '';
+    }
+}
+BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BadgeComponent, selector: "vector-badge", inputs: { type: "type", label: "label", customColor: "customColor", customBackgroundColor: "customBackgroundColor" }, ngImport: i0, template: "<div\r\n  class=\"badge\"\r\n  [class]=\"getStatusColor()\"\r\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n>\r\n  {{ label }}\r\n</div>\r\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vector-badge', template: "<div\r\n  class=\"badge\"\r\n  [class]=\"getStatusColor()\"\r\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n>\r\n  {{ label }}\r\n</div>\r\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { type: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], customColor: [{
+                type: Input
+            }], customBackgroundColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQU90QyxNQUFNLE9BQU8sY0FBYztJQVV6QixnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRVosY0FBYztRQUNuQixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxNQUFNLENBQUMsT0FBTztnQkFDakIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxhQUFhLENBQUM7U0FDeEI7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OzJHQXhCVSxjQUFjOytGQUFkLGNBQWMsMEtDUjNCLHNMQU9BOzJGRENhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsY0FBYzswRUFNakIsSUFBSTtzQkFEVixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxXQUFXO3NCQURqQixLQUFLO2dCQUdDLHFCQUFxQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdGF0dXMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0eXBlPzogU3RhdHVzO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxhYmVsPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGN1c3RvbUNvbG9yPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGN1c3RvbUJhY2tncm91bmRDb2xvcj86IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBnZXRTdGF0dXNDb2xvcigpIHtcclxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XHJcbiAgICAgIGNhc2UgU3RhdHVzLlBFTkRJTkc6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS13YXJuaW5nJztcclxuICAgICAgY2FzZSBTdGF0dXMuQVBQUk9WRUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1zdWNjZXNzJztcclxuICAgICAgY2FzZSBTdGF0dXMuUkVKRUNURUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1lcnJvcic7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImJhZGdlXCJcclxuICBbY2xhc3NdPVwiZ2V0U3RhdHVzQ29sb3IoKVwiXHJcbiAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGN1c3RvbUJhY2tncm91bmRDb2xvciwgY29sb3I6IGN1c3RvbUNvbG9yIH1cIlxyXG4+XHJcbiAge3sgbGFiZWwgfX1cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/badge/badge.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { SharedModule } from '../../shared/shared.module';
+import { BadgeComponent } from './badge.component';
+import * as i0 from "@angular/core";
+export class BadgeModule {
+}
+BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [SharedModule], exports: [BadgeComponent] });
+BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, imports: [[SharedModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BadgeComponent],
+                    imports: [SharedModule],
+                    exports: [BadgeComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU9uRCxNQUFNLE9BQU8sV0FBVzs7d0dBQVgsV0FBVzt5R0FBWCxXQUFXLGlCQUpQLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7eUdBRWIsV0FBVyxZQUhiLENBQUMsWUFBWSxDQUFDOzJGQUdaLFdBQVc7a0JBTHZCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtCYWRnZUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1NoYXJlZE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0JhZGdlQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2020/lib/components/badge/index.mjs

@@ -0,0 +1,3 @@
+export * from './badge.component';
+export * from './badge.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5tb2R1bGUnO1xyXG4iXX0=

package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs

@@ -29,17 +29,20 @@ export class BreadcrumbComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
+    navigateToFragment(fragment) {
+        this.router.navigate([fragment.route]);
+    }
     extractRouteFragmentsFromMenu(url, currentChildren) {
         let foundItem = false;
         for (let i = 0; i < currentChildren.length; i++) {
             if (currentChildren[i].route) {
                 if (currentChildren[i].route && url.startsWith(currentChildren[i].route || '')) {
-                    this.routeFragments = [currentChildren[i].label];
+                    this.routeFragments = [currentChildren[i]];
                     foundItem = true;
                 }
             }
             if (currentChildren[i].children && this.extractRouteFragmentsFromMenu(url, currentChildren[i].children || [])) {
-                this.routeFragments = [currentChildren[i].label].concat(this.routeFragments);
+                this.routeFragments = [currentChildren[i]].concat(this.routeFragments);
                 foundItem = true;
                 break;
             }
@@ -48,10 +51,10 @@ export class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1.Router }, { token: 'environment' }, { token: 'menuOptions' }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n  <div class=\"route-path\">\r\n    <span class=\"app-name\">{{ appName }}</span>\r\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n    <span class=\"route-fragment\" *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n      ><div class=\"chevron\"></div>\r\n      {{ fragment }}</span\r\n    >\r\n  </div>\r\n  <span class=\"last-route\">\r\n    {{ routeFragments[routeFragments.length - 1] }}\r\n  </span>\r\n</div>\r\n", styles: [":root{--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--gray-lighter: #eff0f6;--gray-light: #e5e5ea;--gray-medium: #d9dbe9;--gray-dark: #6e7f88;--gray-darker: #6e7191;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66;--font-color-primary: #3a2b68;--font-color-secondary: rgb(87, 87, 87)}.breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .chevron{margin:0 5px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2212%22 height%3D%227.4%22 viewBox%3D%220 0 12 7.4%22%3E%0D  %3Cpath id%3D%22Caminho_1437%22 data-name%3D%22Caminho 1437%22 d%3D%22M1526.175%2C366.14l4.6%2C4.6%2C4.6-4.6%2C1.4%2C1.4-6%2C6-6-6Z%22 transform%3D%22translate(-1524.775 -366.14)%22 fill%3D%22%23333%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "removeLastChild": i3.RemoveLastChildPipe } });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n  <div class=\"route-path\">\r\n    <span class=\"app-name\">{{ appName }}</span>\r\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n    <span\r\n      class=\"route-fragment\"\r\n      [ngClass]=\"{ clickable: fragment.route }\"\r\n      *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n      (click)=\"navigateToFragment(fragment)\"\r\n      ><div class=\"chevron\"></div>\r\n      {{ fragment.label }}</span\r\n    >\r\n  </div>\r\n  <span class=\"last-route\">\r\n    {{ routeFragments[routeFragments.length - 1].label }}\r\n  </span>\r\n</div>\r\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2212%22 height%3D%227.4%22 viewBox%3D%220 0 12 7.4%22%3E%0D  %3Cpath id%3D%22Caminho_1437%22 data-name%3D%22Caminho 1437%22 d%3D%22M1526.175%2C366.14l4.6%2C4.6%2C4.6-4.6%2C1.4%2C1.4-6%2C6-6-6Z%22 transform%3D%22translate(-1524.775 -366.14)%22 fill%3D%22%23333%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "removeLastChild": i3.RemoveLastChildPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n  <div class=\"route-path\">\r\n    <span class=\"app-name\">{{ appName }}</span>\r\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n    <span class=\"route-fragment\" *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n      ><div class=\"chevron\"></div>\r\n      {{ fragment }}</span\r\n    >\r\n  </div>\r\n  <span class=\"last-route\">\r\n    {{ routeFragments[routeFragments.length - 1] }}\r\n  </span>\r\n</div>\r\n", styles: [":root{--theme-primary: #0046e8;--theme-dark: #3a2b68;--background: #f2f2f7;--font-color: #151515;--disabled-background: #bcbcbc;--placeholder-color: #aaaaaa80;--border-radius: 5px;--theme-primary-transparent: rgba(1, 70, 108, .8);--gray-lighter: #eff0f6;--gray-light: #e5e5ea;--gray-medium: #d9dbe9;--gray-dark: #6e7f88;--gray-darker: #6e7191;--error-color: #fd6a6a;--error-color-dark: #ff4136;--error-color-transparent: #fd6a6a1a;--success-color: #11b797;--success-color-dark: #0e8a71;--theme-light: #0145e8;--warning-color: #e9c429;--cancel-color: #ca024f;--form-labels-color: #4e4b66;--font-color-primary: #3a2b68;--font-color-secondary: rgb(87, 87, 87)}.breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .chevron{margin:0 5px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2212%22 height%3D%227.4%22 viewBox%3D%220 0 12 7.4%22%3E%0D  %3Cpath id%3D%22Caminho_1437%22 data-name%3D%22Caminho 1437%22 d%3D%22M1526.175%2C366.14l4.6%2C4.6%2C4.6-4.6%2C1.4%2C1.4-6%2C6-6-6Z%22 transform%3D%22translate(-1524.775 -366.14)%22 fill%3D%22%23333%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
+            args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\r\n  <div class=\"route-path\">\r\n    <span class=\"app-name\">{{ appName }}</span>\r\n    <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\r\n    <span\r\n      class=\"route-fragment\"\r\n      [ngClass]=\"{ clickable: fragment.route }\"\r\n      *ngFor=\"let fragment of routeFragments | removeLastChild\"\r\n      (click)=\"navigateToFragment(fragment)\"\r\n      ><div class=\"chevron\"></div>\r\n      {{ fragment.label }}</span\r\n    >\r\n  </div>\r\n  <span class=\"last-route\">\r\n    {{ routeFragments[routeFragments.length - 1].label }}\r\n  </span>\r\n</div>\r\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2212%22 height%3D%227.4%22 viewBox%3D%220 0 12 7.4%22%3E%0D  %3Cpath id%3D%22Caminho_1437%22 data-name%3D%22Caminho 1437%22 d%3D%22M1526.175%2C366.14l4.6%2C4.6%2C4.6-4.6%2C1.4%2C1.4-6%2C6-6-6Z%22 transform%3D%22translate(-1524.775 -366.14)%22 fill%3D%22%23333%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
@@ -59,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                     type: Inject,
                     args: ['menuOptions']
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7O0FBUXBDLE1BQU0sT0FBTyxtQkFBbUI7SUFLOUIsWUFDVSxNQUFjLEVBQ1MsV0FBZ0IsRUFDaEIsV0FBdUI7UUFGOUMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNTLGdCQUFXLEdBQVgsV0FBVyxDQUFLO1FBQ2hCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBUGpELFlBQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQztRQUNuQyxtQkFBYyxHQUFhLEVBQUUsQ0FBQztRQUM3QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFNdkMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDckMsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFO2dCQUNsQyxJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxHQUFHLEdBQUcsS0FBSyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ25ELElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDckIsR0FBRyxHQUFHLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztpQkFDMUM7Z0JBQ0QsSUFBSSxDQUFDLDZCQUE2QixDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDM0Q7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTyw2QkFBNkIsQ0FBQyxHQUFXLEVBQUUsZUFBMkI7UUFDNUUsSUFBSSxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxlQUFlLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQy9DLElBQUksZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTtnQkFDNUIsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsRUFBRTtvQkFDOUUsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDakQsU0FBUyxHQUFHLElBQUksQ0FBQztpQkFDbEI7YUFDRjtZQUVELElBQUksZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsNkJBQTZCLENBQUMsR0FBRyxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLEVBQUU7Z0JBQzdHLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDN0UsU0FBUyxHQUFHLElBQUksQ0FBQztnQkFDakIsTUFBTTthQUNQO1NBQ0Y7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDOztnSEFoRFUsbUJBQW1CLHdDQU9wQixhQUFhLGFBQ2IsYUFBYTtvR0FSWixtQkFBbUIseURDVmhDLHFoQkFhQTsyRkRIYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsbUJBQW1COzswQkFXMUIsTUFBTTsyQkFBQyxhQUFhOzswQkFDcEIsTUFBTTsyQkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5hdmlnYXRpb25FbmQsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlY3Rvci1icmVhZGNydW1iJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBwdWJsaWMgYXBwTmFtZSA9IHRoaXMuZW52aXJvbm1lbnQuYXBwTmFtZTtcclxuICBwdWJsaWMgcm91dGVGcmFnbWVudHM6IHN0cmluZ1tdID0gW107XHJcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcclxuICAgIEBJbmplY3QoJ2Vudmlyb25tZW50JykgcHJpdmF0ZSBlbnZpcm9ubWVudDogYW55LFxyXG4gICAgQEluamVjdCgnbWVudU9wdGlvbnMnKSBwcml2YXRlIG1lbnVPcHRpb25zOiBNZW51SXRlbVtdXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZChcclxuICAgICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcclxuICAgICAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSB7XHJcbiAgICAgICAgICB0aGlzLnJvdXRlRnJhZ21lbnRzID0gW107XHJcbiAgICAgICAgICBsZXQgdXJsID0gZXZlbnQudXJsQWZ0ZXJSZWRpcmVjdHMucmVwbGFjZSgnLycsICcnKTtcclxuICAgICAgICAgIGlmICh1cmwuaW5jbHVkZXMoJz8nKSkge1xyXG4gICAgICAgICAgICB1cmwgPSB1cmwuc3Vic3RyaW5nKDAsIHVybC5pbmRleE9mKCc/JykpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgdGhpcy5leHRyYWN0Um91dGVGcmFnbWVudHNGcm9tTWVudSh1cmwsIHRoaXMubWVudU9wdGlvbnMpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGV4dHJhY3RSb3V0ZUZyYWdtZW50c0Zyb21NZW51KHVybDogc3RyaW5nLCBjdXJyZW50Q2hpbGRyZW46IE1lbnVJdGVtW10pOiBib29sZWFuIHtcclxuICAgIGxldCBmb3VuZEl0ZW0gPSBmYWxzZTtcclxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY3VycmVudENoaWxkcmVuLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGlmIChjdXJyZW50Q2hpbGRyZW5baV0ucm91dGUpIHtcclxuICAgICAgICBpZiAoY3VycmVudENoaWxkcmVuW2ldLnJvdXRlICYmIHVybC5zdGFydHNXaXRoKGN1cnJlbnRDaGlsZHJlbltpXS5yb3V0ZSB8fCAnJykpIHtcclxuICAgICAgICAgIHRoaXMucm91dGVGcmFnbWVudHMgPSBbY3VycmVudENoaWxkcmVuW2ldLmxhYmVsXTtcclxuICAgICAgICAgIGZvdW5kSXRlbSA9IHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcblxyXG4gICAgICBpZiAoY3VycmVudENoaWxkcmVuW2ldLmNoaWxkcmVuICYmIHRoaXMuZXh0cmFjdFJvdXRlRnJhZ21lbnRzRnJvbU1lbnUodXJsLCBjdXJyZW50Q2hpbGRyZW5baV0uY2hpbGRyZW4gfHwgW10pKSB7XHJcbiAgICAgICAgdGhpcy5yb3V0ZUZyYWdtZW50cyA9IFtjdXJyZW50Q2hpbGRyZW5baV0ubGFiZWxdLmNvbmNhdCh0aGlzLnJvdXRlRnJhZ21lbnRzKTtcclxuICAgICAgICBmb3VuZEl0ZW0gPSB0cnVlO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIGZvdW5kSXRlbTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImJyZWFkY3J1bWItY29udGFpbmVyXCIgKm5nSWY9XCJyb3V0ZUZyYWdtZW50cz8ubGVuZ3RoXCI+XHJcbiAgPGRpdiBjbGFzcz1cInJvdXRlLXBhdGhcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYXBwLW5hbWVcIj57eyBhcHBOYW1lIH19PC9zcGFuPlxyXG4gICAgPGRpdiAqbmdJZj1cInJvdXRlRnJhZ21lbnRzLmxlbmd0aCA8IDJcIiBjbGFzcz1cImNoZXZyb25cIj48L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwicm91dGUtZnJhZ21lbnRcIiAqbmdGb3I9XCJsZXQgZnJhZ21lbnQgb2Ygcm91dGVGcmFnbWVudHMgfCByZW1vdmVMYXN0Q2hpbGRcIlxyXG4gICAgICA+PGRpdiBjbGFzcz1cImNoZXZyb25cIj48L2Rpdj5cclxuICAgICAge3sgZnJhZ21lbnQgfX08L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8c3BhbiBjbGFzcz1cImxhc3Qtcm91dGVcIj5cclxuICAgIHt7IHJvdXRlRnJhZ21lbnRzW3JvdXRlRnJhZ21lbnRzLmxlbmd0aCAtIDFdIH19XHJcbiAgPC9zcGFuPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7O0FBUXBDLE1BQU0sT0FBTyxtQkFBbUI7SUFLOUIsWUFDVSxNQUFjLEVBQ1MsV0FBZ0IsRUFDaEIsV0FBdUI7UUFGOUMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNTLGdCQUFXLEdBQVgsV0FBVyxDQUFLO1FBQ2hCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBUGpELFlBQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQztRQUNuQyxtQkFBYyxHQUFlLEVBQUUsQ0FBQztRQUMvQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFNdkMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDckMsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFO2dCQUNsQyxJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxHQUFHLEdBQUcsS0FBSyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ25ELElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDckIsR0FBRyxHQUFHLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztpQkFDMUM7Z0JBQ0QsSUFBSSxDQUFDLDZCQUE2QixDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDM0Q7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxRQUFrQjtRQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFTyw2QkFBNkIsQ0FBQyxHQUFXLEVBQUUsZUFBMkI7UUFDNUUsSUFBSSxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxlQUFlLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQy9DLElBQUksZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTtnQkFDNUIsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsRUFBRTtvQkFDOUUsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO29CQUMzQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2lCQUNsQjthQUNGO1lBRUQsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsRUFBRTtnQkFDN0csSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3ZFLFNBQVMsR0FBRyxJQUFJLENBQUM7Z0JBQ2pCLE1BQU07YUFDUDtTQUNGO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQzs7Z0hBcERVLG1CQUFtQix3Q0FPcEIsYUFBYSxhQUNiLGFBQWE7b0dBUlosbUJBQW1CLHlEQ1ZoQywwcEJBaUJBOzJGRFBhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxtQkFBbUI7OzBCQVcxQixNQUFNOzJCQUFDLGFBQWE7OzBCQUNwQixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmF2aWdhdGlvbkVuZCwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmVjdG9yLWJyZWFkY3J1bWInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHB1YmxpYyBhcHBOYW1lID0gdGhpcy5lbnZpcm9ubWVudC5hcHBOYW1lO1xyXG4gIHB1YmxpYyByb3V0ZUZyYWdtZW50czogTWVudUl0ZW1bXSA9IFtdO1xyXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBASW5qZWN0KCdlbnZpcm9ubWVudCcpIHByaXZhdGUgZW52aXJvbm1lbnQ6IGFueSxcclxuICAgIEBJbmplY3QoJ21lbnVPcHRpb25zJykgcHJpdmF0ZSBtZW51T3B0aW9uczogTWVudUl0ZW1bXVxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQoXHJcbiAgICAgIHRoaXMucm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XHJcbiAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkge1xyXG4gICAgICAgICAgdGhpcy5yb3V0ZUZyYWdtZW50cyA9IFtdO1xyXG4gICAgICAgICAgbGV0IHVybCA9IGV2ZW50LnVybEFmdGVyUmVkaXJlY3RzLnJlcGxhY2UoJy8nLCAnJyk7XHJcbiAgICAgICAgICBpZiAodXJsLmluY2x1ZGVzKCc/JykpIHtcclxuICAgICAgICAgICAgdXJsID0gdXJsLnN1YnN0cmluZygwLCB1cmwuaW5kZXhPZignPycpKTtcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIHRoaXMuZXh0cmFjdFJvdXRlRnJhZ21lbnRzRnJvbU1lbnUodXJsLCB0aGlzLm1lbnVPcHRpb25zKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5hdmlnYXRlVG9GcmFnbWVudChmcmFnbWVudDogTWVudUl0ZW0pIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtmcmFnbWVudC5yb3V0ZV0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBleHRyYWN0Um91dGVGcmFnbWVudHNGcm9tTWVudSh1cmw6IHN0cmluZywgY3VycmVudENoaWxkcmVuOiBNZW51SXRlbVtdKTogYm9vbGVhbiB7XHJcbiAgICBsZXQgZm91bmRJdGVtID0gZmFsc2U7XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGN1cnJlbnRDaGlsZHJlbi5sZW5ndGg7IGkrKykge1xyXG4gICAgICBpZiAoY3VycmVudENoaWxkcmVuW2ldLnJvdXRlKSB7XHJcbiAgICAgICAgaWYgKGN1cnJlbnRDaGlsZHJlbltpXS5yb3V0ZSAmJiB1cmwuc3RhcnRzV2l0aChjdXJyZW50Q2hpbGRyZW5baV0ucm91dGUgfHwgJycpKSB7XHJcbiAgICAgICAgICB0aGlzLnJvdXRlRnJhZ21lbnRzID0gW2N1cnJlbnRDaGlsZHJlbltpXV07XHJcbiAgICAgICAgICBmb3VuZEl0ZW0gPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG5cclxuICAgICAgaWYgKGN1cnJlbnRDaGlsZHJlbltpXS5jaGlsZHJlbiAmJiB0aGlzLmV4dHJhY3RSb3V0ZUZyYWdtZW50c0Zyb21NZW51KHVybCwgY3VycmVudENoaWxkcmVuW2ldLmNoaWxkcmVuIHx8IFtdKSkge1xyXG4gICAgICAgIHRoaXMucm91dGVGcmFnbWVudHMgPSBbY3VycmVudENoaWxkcmVuW2ldXS5jb25jYXQodGhpcy5yb3V0ZUZyYWdtZW50cyk7XHJcbiAgICAgICAgZm91bmRJdGVtID0gdHJ1ZTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBmb3VuZEl0ZW07XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJicmVhZGNydW1iLWNvbnRhaW5lclwiICpuZ0lmPVwicm91dGVGcmFnbWVudHM/Lmxlbmd0aFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3V0ZS1wYXRoXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cImFwcC1uYW1lXCI+e3sgYXBwTmFtZSB9fTwvc3Bhbj5cclxuICAgIDxkaXYgKm5nSWY9XCJyb3V0ZUZyYWdtZW50cy5sZW5ndGggPCAyXCIgY2xhc3M9XCJjaGV2cm9uXCI+PC9kaXY+XHJcbiAgICA8c3BhblxyXG4gICAgICBjbGFzcz1cInJvdXRlLWZyYWdtZW50XCJcclxuICAgICAgW25nQ2xhc3NdPVwieyBjbGlja2FibGU6IGZyYWdtZW50LnJvdXRlIH1cIlxyXG4gICAgICAqbmdGb3I9XCJsZXQgZnJhZ21lbnQgb2Ygcm91dGVGcmFnbWVudHMgfCByZW1vdmVMYXN0Q2hpbGRcIlxyXG4gICAgICAoY2xpY2spPVwibmF2aWdhdGVUb0ZyYWdtZW50KGZyYWdtZW50KVwiXHJcbiAgICAgID48ZGl2IGNsYXNzPVwiY2hldnJvblwiPjwvZGl2PlxyXG4gICAgICB7eyBmcmFnbWVudC5sYWJlbCB9fTwvc3BhblxyXG4gICAgPlxyXG4gIDwvZGl2PlxyXG4gIDxzcGFuIGNsYXNzPVwibGFzdC1yb3V0ZVwiPlxyXG4gICAge3sgcm91dGVGcmFnbWVudHNbcm91dGVGcmFnbWVudHMubGVuZ3RoIC0gMV0ubGFiZWwgfX1cclxuICA8L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/lib/components/crud-base/crud-base.component.mjs

@@ -17,6 +17,12 @@ export class CrudBaseComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
+    isInsertion() {
+        return this.crudMode === CrudMode.NEW;
+    }
+    isEdition() {
+        return this.crudMode === CrudMode.EDIT;
+    }
     getCrudModeByRoute(route) {
         switch (route) {
             case 'new':
@@ -38,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                     template: '',
                 }]
         }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1iYXNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1iYXNlL2NydWQtYmFzZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNwQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQUt2RCxNQUFNLE9BQU8saUJBQWlCO0lBTTVCLFlBQXNCLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUw3QyxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQztRQUN4QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFNBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xGLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsSUFBSSxDQUFDO0lBQ3BELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRU8sa0JBQWtCLENBQUMsS0FBYTtRQUN0QyxRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssS0FBSztnQkFDUixPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUM7WUFDdEIsS0FBSyxNQUFNO2dCQUNULE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQztZQUN2QixLQUFLLE1BQU07Z0JBQ1QsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ3ZCO2dCQUNFLE9BQU8sUUFBUSxDQUFDLEdBQUcsQ0FBQztTQUN2QjtJQUNILENBQUM7OzhHQTFCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixvREFGbEIsRUFBRTsyRkFFRCxpQkFBaUI7a0JBSDdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEVBQUU7aUJBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENydWRNb2RlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2NydWQtbW9kZS5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlOiAnJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIENydWRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuICBwdWJsaWMgY3J1ZE1vZGUgPSBDcnVkTW9kZS5ORVc7XHJcbiAgcHVibGljIGlzUmVhZG9ubHkgPSBmYWxzZTtcclxuICBwdWJsaWMgZm9ybSA9IG5ldyBGb3JtR3JvdXAoe30pO1xyXG4gIHByb3RlY3RlZCBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBhY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGUpIHtcclxuICAgIHRoaXMuY3J1ZE1vZGUgPSB0aGlzLmdldENydWRNb2RlQnlSb3V0ZSh0aGlzLmFjdGl2YXRlZFJvdXRlLnNuYXBzaG90LnVybFswXS5wYXRoKTtcclxuICAgIHRoaXMuaXNSZWFkb25seSA9IHRoaXMuY3J1ZE1vZGUgPT09IENydWRNb2RlLlZJRVc7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldENydWRNb2RlQnlSb3V0ZShyb3V0ZTogc3RyaW5nKSB7XHJcbiAgICBzd2l0Y2ggKHJvdXRlKSB7XHJcbiAgICAgIGNhc2UgJ25ldyc6XHJcbiAgICAgICAgcmV0dXJuIENydWRNb2RlLk5FVztcclxuICAgICAgY2FzZSAnZWRpdCc6XHJcbiAgICAgICAgcmV0dXJuIENydWRNb2RlLkVESVQ7XHJcbiAgICAgIGNhc2UgJ3ZpZXcnOlxyXG4gICAgICAgIHJldHVybiBDcnVkTW9kZS5WSUVXO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiBDcnVkTW9kZS5ORVc7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1iYXNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1iYXNlL2NydWQtYmFzZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNwQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQUt2RCxNQUFNLE9BQU8saUJBQWlCO0lBTTVCLFlBQXNCLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUw3QyxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQztRQUN4QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFNBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xGLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsSUFBSSxDQUFDO0lBQ3BELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRU0sV0FBVztRQUNoQixPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLEdBQUcsQ0FBQztJQUN4QyxDQUFDO0lBRU0sU0FBUztRQUNkLE9BQU8sSUFBSSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsSUFBSSxDQUFDO0lBQ3pDLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxLQUFhO1FBQ3RDLFFBQVEsS0FBSyxFQUFFO1lBQ2IsS0FBSyxLQUFLO2dCQUNSLE9BQU8sUUFBUSxDQUFDLEdBQUcsQ0FBQztZQUN0QixLQUFLLE1BQU07Z0JBQ1QsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ3ZCLEtBQUssTUFBTTtnQkFDVCxPQUFPLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDdkI7Z0JBQ0UsT0FBTyxRQUFRLENBQUMsR0FBRyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQzs7OEdBbENVLGlCQUFpQjtrR0FBakIsaUJBQWlCLG9EQUZsQixFQUFFOzJGQUVELGlCQUFpQjtrQkFIN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsRUFBRTtpQkFDYiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQ3J1ZE1vZGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvY3J1ZC1tb2RlLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgdGVtcGxhdGU6ICcnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3J1ZEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIHB1YmxpYyBjcnVkTW9kZSA9IENydWRNb2RlLk5FVztcclxuICBwdWJsaWMgaXNSZWFkb25seSA9IGZhbHNlO1xyXG4gIHB1YmxpYyBmb3JtID0gbmV3IEZvcm1Hcm91cCh7fSk7XHJcbiAgcHJvdGVjdGVkIHN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGFjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSkge1xyXG4gICAgdGhpcy5jcnVkTW9kZSA9IHRoaXMuZ2V0Q3J1ZE1vZGVCeVJvdXRlKHRoaXMuYWN0aXZhdGVkUm91dGUuc25hcHNob3QudXJsWzBdLnBhdGgpO1xyXG4gICAgdGhpcy5pc1JlYWRvbmx5ID0gdGhpcy5jcnVkTW9kZSA9PT0gQ3J1ZE1vZGUuVklFVztcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBpc0luc2VydGlvbigpIHtcclxuICAgIHJldHVybiB0aGlzLmNydWRNb2RlID09PSBDcnVkTW9kZS5ORVc7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaXNFZGl0aW9uKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuY3J1ZE1vZGUgPT09IENydWRNb2RlLkVESVQ7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldENydWRNb2RlQnlSb3V0ZShyb3V0ZTogc3RyaW5nKSB7XHJcbiAgICBzd2l0Y2ggKHJvdXRlKSB7XHJcbiAgICAgIGNhc2UgJ25ldyc6XHJcbiAgICAgICAgcmV0dXJuIENydWRNb2RlLk5FVztcclxuICAgICAgY2FzZSAnZWRpdCc6XHJcbiAgICAgICAgcmV0dXJuIENydWRNb2RlLkVESVQ7XHJcbiAgICAgIGNhc2UgJ3ZpZXcnOlxyXG4gICAgICAgIHJldHVybiBDcnVkTW9kZS5WSUVXO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiBDcnVkTW9kZS5ORVc7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/components/crud-footer/crud-footer.component.mjs

@@ -12,7 +12,7 @@ export class CrudFooterComponent {
     ngOnInit() { }
 }
 CrudFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CrudFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudFooterComponent, selector: "vector-crud-footer", inputs: { submitDisabled: "submitDisabled", submitHidden: "submitHidden" }, outputs: { onGoBack: "onGoBack", onSubmit: "onSubmit" }, ngImport: i0, template: "<div class=\"footer-container shadow-3\">\r\n  <div class=\"button\">\r\n    <vector-button label=\"Voltar\" (onClick)=\"onGoBack.emit()\"></vector-button>\r\n  </div>\r\n  <div class=\"button\" *ngIf=\"!submitHidden\">\r\n    <vector-button\r\n      label=\"Salvar\"\r\n      type=\"success\"\r\n      (onClick)=\"onSubmit.emit()\"\r\n      [disabled]=\"submitDisabled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".footer-container{position:fixed;bottom:0px;left:0px;background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:60px}.footer-container .button{margin-right:10px}\n"], components: [{ type: i1.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "noShadow"], outputs: ["onClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CrudFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudFooterComponent, selector: "vector-crud-footer", inputs: { submitDisabled: "submitDisabled", submitHidden: "submitHidden" }, outputs: { onGoBack: "onGoBack", onSubmit: "onSubmit" }, ngImport: i0, template: "<div class=\"footer-container shadow-3\">\r\n  <div class=\"button\">\r\n    <vector-button label=\"Voltar\" (onClick)=\"onGoBack.emit()\"></vector-button>\r\n  </div>\r\n  <div class=\"button\" *ngIf=\"!submitHidden\">\r\n    <vector-button\r\n      label=\"Salvar\"\r\n      type=\"success\"\r\n      (onClick)=\"onSubmit.emit()\"\r\n      [disabled]=\"submitDisabled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".footer-container{position:fixed;bottom:0px;left:0px;background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:60px}.footer-container .button{margin-right:10px}\n"], components: [{ type: i1.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "style"], outputs: ["onClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vector-crud-footer', template: "<div class=\"footer-container shadow-3\">\r\n  <div class=\"button\">\r\n    <vector-button label=\"Voltar\" (onClick)=\"onGoBack.emit()\"></vector-button>\r\n  </div>\r\n  <div class=\"button\" *ngIf=\"!submitHidden\">\r\n    <vector-button\r\n      label=\"Salvar\"\r\n      type=\"success\"\r\n      (onClick)=\"onSubmit.emit()\"\r\n      [disabled]=\"submitDisabled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".footer-container{position:fixed;bottom:0px;left:0px;background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:60px}.footer-container .button{margin-right:10px}\n"] }]