ngx-vector-components 4.50.0 → 4.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/assets/styles/_primeng-custom-theme.scss +55 -51
  3. package/esm2020/lib/components/badge/badge.component.mjs +8 -3
  4. package/esm2020/lib/components/badge/badge.module.mjs +5 -4
  5. package/esm2020/lib/components/crud-header/crud-header.component.mjs +1 -1
  6. package/esm2020/lib/components/crud-history/crud-history.component.mjs +1 -1
  7. package/esm2020/lib/components/fields/data-table/data-table.component.mjs +85 -42
  8. package/esm2020/lib/components/fields/dropdown-field/dropdown-field.component.mjs +9 -6
  9. package/esm2020/lib/components/fields/filters/filters.component.mjs +3 -3
  10. package/esm2020/lib/components/fields/multiselect-field/multiselect-field.component.mjs +6 -3
  11. package/esm2020/lib/models/data-table.model.mjs +4 -1
  12. package/esm2020/lib/models/list-item.model.mjs +1 -1
  13. package/esm2020/lib/models/status.enum.mjs +2 -1
  14. package/fesm2015/ngx-vector-components.mjs +166 -108
  15. package/fesm2015/ngx-vector-components.mjs.map +1 -1
  16. package/fesm2020/ngx-vector-components.mjs +164 -107
  17. package/fesm2020/ngx-vector-components.mjs.map +1 -1
  18. package/lib/components/badge/badge.component.d.ts +3 -2
  19. package/lib/components/badge/badge.module.d.ts +2 -1
  20. package/lib/components/fields/data-table/data-table.component.d.ts +7 -3
  21. package/lib/components/fields/multiselect-field/multiselect-field.component.d.ts +2 -1
  22. package/lib/models/data-table.model.d.ts +5 -1
  23. package/lib/models/list-item.model.d.ts +1 -0
  24. package/lib/models/status.enum.d.ts +2 -1
  25. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # Changelog
2
2
 
3
+ ## [4.52.0] (28/01/2023)
4
+
5
+ ### Feature
6
+
7
+ - Added `icon` property to `ListItem`;
8
+ - Added icon option for `vector-data-table` tabs.
9
+
10
+ ## [4.51.0] (28/01/2023)
11
+
12
+ ### Feature
13
+
14
+ - Added "info" value for `Status` enum;
15
+ - Added "info" color for `TEXT_BADGE` column on `data-table`;
16
+ - Added `STACK_BADGE` column type for `data-table`;
17
+ - Added `DATE` column type for `data-table`;
18
+ - Added `CURRENCY` column type for `data-table`;
19
+ - Auto select rows marked with `select: true` on `data-table`;
20
+ - Added filter option for `vector-multiselect-field`.
21
+
22
+ ### Bugfix
23
+
24
+ - Changed `appendTo` to `body` on `vector-multiselect-field`;
25
+ - Changed styles for `vector-multiselect-field` to match `vector-dropdown-field` styles;
26
+ - Fixed style issue regarding `filters` search button that prevented screens rendering correctly on first render.
27
+
3
28
  ## [4.50.0] (25/01/2023)
4
29
 
5
30
  ### Feature
package/assets/styles/_primeng-custom-theme.scss CHANGED
@@ -215,13 +215,14 @@ p-button {
215
215
  padding-bottom: 5px !important;
216
216
  }
217
217
 
218
- .p-dropdown {
218
+ .p-dropdown,
219
+ .p-multiselect {
219
220
  height: 40px;
220
221
  background-color: var(--gray-medium) !important;
221
222
 
222
- .p-dropdown-label {
223
+ .p-dropdown-label,
224
+ .p-multiselect-label {
223
225
  font-family: 'Poppins';
224
- font-size: 0.9em !important;
225
226
  color: var(--theme-dark) !important;
226
227
  font-weight: 500;
227
228
  display: flex;
@@ -265,8 +266,24 @@ p-inputnumber.currency-input:not(.outlined) {
265
266
  }
266
267
  }
267
268
 
269
+ .p-multiselect {
270
+ padding: 6px 0px 6px 12px !important;
271
+
272
+ .p-multiselect-label {
273
+ padding: 0.3rem 0.5rem 0 0 !important;
274
+ }
275
+
276
+ .p-multiselect-trigger {
277
+ width: 12px !important;
278
+ &:hover {
279
+ color: #fff !important;
280
+ }
281
+ }
282
+ }
283
+
268
284
  input.p-inputtext:not(.currency-input),
269
- .p-inputtextarea {
285
+ .p-inputtextarea,
286
+ .p-multiselect {
270
287
  &:not(:focus) {
271
288
  border: none !important;
272
289
  background-color: var(--gray-light) !important;
@@ -546,40 +563,19 @@ p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
546
563
  }
547
564
  }
548
565
 
549
- .p-multiselect {
550
- border: 2px solid var(--theme-dark) !important;
551
- width: 100%;
566
+ .p-multiselect-panel:not(.has-filter) .p-multiselect-header {
567
+ .p-checkbox::after {
568
+ content: 'Mostrar Todos';
569
+ margin-left: 0.5rem;
570
+ }
552
571
  }
553
572
 
554
573
  .p-multiselect-header {
555
574
  .p-checkbox {
556
575
  width: max-content;
557
- &::after {
558
- content: 'Mostrar Todos';
559
- margin-left: 0.5rem;
560
- }
561
576
  }
562
577
  }
563
578
 
564
- .p-multiselect-label {
565
- color: var(--theme-dark) !important;
566
- font-weight: 600 !important;
567
- }
568
-
569
- .p-multiselect-item.p-highlight {
570
- background-color: #ffffff !important;
571
- font-weight: 600 !important;
572
- }
573
-
574
- .p-multiselect-item {
575
- box-shadow: unset !important;
576
- color: var(--theme-dark) !important;
577
- }
578
-
579
- .p-multiselect-trigger-icon {
580
- height: 24px !important;
581
- }
582
-
583
579
  .rounded-checkbox .p-checkbox-box {
584
580
  border-radius: 20px !important;
585
581
  border: none !important;
@@ -623,19 +619,22 @@ p-autocomplete.ng-touched.ng-invalid {
623
619
  }
624
620
  }
625
621
 
626
- p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
622
+ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown,
623
+ p-multiselect.ng-touched.ng-invalid .p-multiselect {
627
624
  border-color: var(--error-color) !important;
628
625
  background-color: var(--error-color-transparent) !important;
629
626
  }
630
627
 
631
628
  .p-dropdown-panel,
632
- .p-autocomplete-panel {
629
+ .p-autocomplete-panel,
630
+ .p-multiselect-panel {
633
631
  max-width: 250px !important;
634
632
  border: 2px solid var(--theme-dark) !important;
635
633
  margin-top: -2px !important;
636
634
  border-radius: var(--border-radius) !important;
637
635
 
638
- & .p-autocomplete-items {
636
+ & .p-autocomplete-items,
637
+ & .p-multiselect-items {
639
638
  padding-top: 0px !important;
640
639
  padding-bottom: 0px !important;
641
640
  padding-right: 1px !important;
@@ -660,7 +659,8 @@ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
660
659
  }
661
660
 
662
661
  .p-dropdown-item,
663
- .p-autocomplete-item {
662
+ .p-autocomplete-item,
663
+ .p-multiselect-item {
664
664
  text-overflow: ellipsis;
665
665
  color: var(--theme-dark) !important;
666
666
 
@@ -670,14 +670,15 @@ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
670
670
  }
671
671
  }
672
672
 
673
- .p-dropdown {
674
- // background-color: #ffffff;
673
+ .p-dropdown,
674
+ .p-multiselect {
675
675
  border: none !important;
676
676
  .p-highlight {
677
677
  background-color: #ffffff !important;
678
678
  }
679
679
  }
680
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
680
+ .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
681
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
681
682
  background-color: var(--theme-dark) !important;
682
683
  color: #ffffff !important;
683
684
  }
@@ -812,16 +813,6 @@ vector-data-table {
812
813
  font-size: 1.4em;
813
814
  }
814
815
 
815
- .success {
816
- color: var(--success-color);
817
- }
818
- .error {
819
- color: var(--error-color);
820
- }
821
- .warning {
822
- color: var(--warning-color);
823
- }
824
-
825
816
  .table-button {
826
817
  cursor: pointer;
827
818
  color: var(--theme-primary);
@@ -850,13 +841,13 @@ vector-data-table {
850
841
 
851
842
  .p-tabview-nav {
852
843
  li {
853
- flex: 1;
854
- overflow-x: auto;
855
- overflow-y: hidden;
856
-
857
844
  .p-tabview-nav-link {
858
845
  justify-content: center;
859
846
  }
847
+
848
+ &.p-highlight .p-tabview-nav-link {
849
+ color: var(--theme-primary) !important;
850
+ }
860
851
  }
861
852
  }
862
853
  }
@@ -866,6 +857,19 @@ vector-data-table {
866
857
  }
867
858
  }
868
859
 
860
+ .success {
861
+ color: var(--success-color);
862
+ }
863
+ .error {
864
+ color: var(--error-color);
865
+ }
866
+ .warning {
867
+ color: var(--warning-color);
868
+ }
869
+ .info {
870
+ color: var(--theme-light);
871
+ }
872
+
869
873
  p-tabview {
870
874
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
871
875
  border-top-right-radius: 0px !important;
package/esm2020/lib/components/badge/badge.component.mjs CHANGED
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
2
2
  import { Status } from '../../models';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@angular/common";
5
+ import * as i2 from "primeng/tooltip";
5
6
  export class BadgeComponent {
6
7
  constructor() { }
7
8
  ngOnInit() { }
@@ -13,15 +14,17 @@ export class BadgeComponent {
13
14
  return 'badge-success';
14
15
  case Status.REJECTED:
15
16
  return 'badge-error';
17
+ case Status.INFO:
18
+ return 'badge-info';
16
19
  }
17
20
  return '';
18
21
  }
19
22
  }
20
23
  BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
21
- 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"] }] });
24
+ 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", tooltip: "tooltip" }, ngImport: i0, template: "<div\r\n class=\"badge\"\r\n [class]=\"getStatusColor()\"\r\n [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n [pTooltip]=\"tooltip || ''\"\r\n tooltipPosition=\"top\"\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)}.badge-info{background-color:var(--theme-light)}\n"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
22
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, decorators: [{
23
26
  type: Component,
24
- 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"] }]
27
+ args: [{ selector: 'vector-badge', template: "<div\r\n class=\"badge\"\r\n [class]=\"getStatusColor()\"\r\n [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n [pTooltip]=\"tooltip || ''\"\r\n tooltipPosition=\"top\"\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)}.badge-info{background-color:var(--theme-light)}\n"] }]
25
28
  }], ctorParameters: function () { return []; }, propDecorators: { type: [{
26
29
  type: Input
27
30
  }], label: [{
@@ -30,5 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
30
33
  type: Input
31
34
  }], customBackgroundColor: [{
32
35
  type: Input
36
+ }], tooltip: [{
37
+ type: Input
33
38
  }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQU90QyxNQUFNLE9BQU8sY0FBYztJQVV6QixnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRVosY0FBYztRQUNuQixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxNQUFNLENBQUMsT0FBTztnQkFDakIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxhQUFhLENBQUM7U0FDeEI7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OzJHQXhCVSxjQUFjOytGQUFkLGNBQWMsMEtDUjNCLHNMQU9BOzJGRENhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsY0FBYzswRUFNakIsSUFBSTtzQkFEVixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxXQUFXO3NCQURqQixLQUFLO2dCQUdDLHFCQUFxQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdGF0dXMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0eXBlPzogU3RhdHVzO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxhYmVsPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGN1c3RvbUNvbG9yPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGN1c3RvbUJhY2tncm91bmRDb2xvcj86IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBnZXRTdGF0dXNDb2xvcigpIHtcclxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XHJcbiAgICAgIGNhc2UgU3RhdHVzLlBFTkRJTkc6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS13YXJuaW5nJztcclxuICAgICAgY2FzZSBTdGF0dXMuQVBQUk9WRUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1zdWNjZXNzJztcclxuICAgICAgY2FzZSBTdGF0dXMuUkVKRUNURUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1lcnJvcic7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImJhZGdlXCJcclxuICBbY2xhc3NdPVwiZ2V0U3RhdHVzQ29sb3IoKVwiXHJcbiAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGN1c3RvbUJhY2tncm91bmRDb2xvciwgY29sb3I6IGN1c3RvbUNvbG9yIH1cIlxyXG4+XHJcbiAge3sgbGFiZWwgfX1cclxuPC9kaXY+XHJcbiJdfQ==
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7QUFPdEMsTUFBTSxPQUFPLGNBQWM7SUFZekIsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVaLGNBQWM7UUFDbkIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssTUFBTSxDQUFDLE9BQU87Z0JBQ2pCLE9BQU8sZUFBZSxDQUFDO1lBQ3pCLEtBQUssTUFBTSxDQUFDLFFBQVE7Z0JBQ2xCLE9BQU8sZUFBZSxDQUFDO1lBQ3pCLEtBQUssTUFBTSxDQUFDLFFBQVE7Z0JBQ2xCLE9BQU8sYUFBYSxDQUFDO1lBQ3ZCLEtBQUssTUFBTSxDQUFDLElBQUk7Z0JBQ2QsT0FBTyxZQUFZLENBQUM7U0FDdkI7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OzJHQTVCVSxjQUFjOytGQUFkLGNBQWMsOExDUjNCLHFQQVNBOzJGRERhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsY0FBYzswRUFNakIsSUFBSTtzQkFEVixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxXQUFXO3NCQURqQixLQUFLO2dCQUdDLHFCQUFxQjtzQkFEM0IsS0FBSztnQkFHQyxPQUFPO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RhdHVzIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmVjdG9yLWJhZGdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdHlwZT86IFN0YXR1cztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBsYWJlbD86IHN0cmluZztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjdXN0b21Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjdXN0b21CYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdG9vbHRpcD86IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBnZXRTdGF0dXNDb2xvcigpIHtcclxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XHJcbiAgICAgIGNhc2UgU3RhdHVzLlBFTkRJTkc6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS13YXJuaW5nJztcclxuICAgICAgY2FzZSBTdGF0dXMuQVBQUk9WRUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1zdWNjZXNzJztcclxuICAgICAgY2FzZSBTdGF0dXMuUkVKRUNURUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1lcnJvcic7XHJcbiAgICAgIGNhc2UgU3RhdHVzLklORk86XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1pbmZvJztcclxuICAgIH1cclxuICAgIHJldHVybiAnJztcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiYmFkZ2VcIlxyXG4gIFtjbGFzc109XCJnZXRTdGF0dXNDb2xvcigpXCJcclxuICBbbmdTdHlsZV09XCJ7ICdiYWNrZ3JvdW5kLWNvbG9yJzogY3VzdG9tQmFja2dyb3VuZENvbG9yLCBjb2xvcjogY3VzdG9tQ29sb3IgfVwiXHJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXAgfHwgJydcIlxyXG4gIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXHJcbj5cclxuICB7eyBsYWJlbCB9fVxyXG48L2Rpdj5cclxuIl19
package/esm2020/lib/components/badge/badge.module.mjs CHANGED
@@ -1,18 +1,19 @@
1
1
  import { NgModule } from '@angular/core';
2
+ import { TooltipModule } from 'primeng/tooltip';
2
3
  import { SharedModule } from '../../shared/shared.module';
3
4
  import { BadgeComponent } from './badge.component';
4
5
  import * as i0 from "@angular/core";
5
6
  export class BadgeModule {
6
7
  }
7
8
  BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8
- BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [SharedModule], exports: [BadgeComponent] });
9
- BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, imports: [[SharedModule]] });
9
+ BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [SharedModule, TooltipModule], exports: [BadgeComponent] });
10
+ BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, imports: [[SharedModule, TooltipModule]] });
10
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeModule, decorators: [{
11
12
  type: NgModule,
12
13
  args: [{
13
14
  declarations: [BadgeComponent],
14
- imports: [SharedModule],
15
+ imports: [SharedModule, TooltipModule],
15
16
  exports: [BadgeComponent],
16
17
  }]
17
18
  }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU9uRCxNQUFNLE9BQU8sV0FBVzs7d0dBQVgsV0FBVzt5R0FBWCxXQUFXLGlCQUpQLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7eUdBRWIsV0FBVyxZQUhiLENBQUMsWUFBWSxDQUFDOzJGQUdaLFdBQVc7a0JBTHZCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtCYWRnZUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1NoYXJlZE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0JhZGdlQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlTW9kdWxlIHt9XHJcbiJdfQ==
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPbkQsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkFKUCxjQUFjLGFBQ25CLFlBQVksRUFBRSxhQUFhLGFBQzNCLGNBQWM7eUdBRWIsV0FBVyxZQUhiLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQzsyRkFHM0IsV0FBVztrQkFMdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90b29sdGlwJztcclxuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3NoYXJlZC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQmFkZ2VDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtTaGFyZWRNb2R1bGUsIFRvb2x0aXBNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtCYWRnZUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWRnZU1vZHVsZSB7fVxyXG4iXX0=
package/esm2020/lib/components/crud-header/crud-header.component.mjs CHANGED
@@ -18,7 +18,7 @@ export class CrudHeaderComponent {
18
18
  ngOnInit() { }
19
19
  }
20
20
  CrudHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
21
- CrudHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHeaderComponent, selector: "vector-crud-header", inputs: { statusCode: "statusCode", code: "code" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"status-container\">\r\n <span>Status</span>\r\n <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n </div>\r\n <div class=\"separator\"></div>\r\n <span class=\"code-label\"\r\n >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"], components: [{ type: i1.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }] });
21
+ CrudHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHeaderComponent, selector: "vector-crud-header", inputs: { statusCode: "statusCode", code: "code" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"status-container\">\r\n <span>Status</span>\r\n <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n </div>\r\n <div class=\"separator\"></div>\r\n <span class=\"code-label\"\r\n >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"], components: [{ type: i1.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }] });
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHeaderComponent, decorators: [{
23
23
  type: Component,
24
24
  args: [{ selector: 'vector-crud-header', template: "<div class=\"container\">\r\n <div class=\"status-container\">\r\n <span>Status</span>\r\n <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n </div>\r\n <div class=\"separator\"></div>\r\n <span class=\"code-label\"\r\n >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"] }]
package/esm2020/lib/components/crud-history/crud-history.component.mjs CHANGED
@@ -70,7 +70,7 @@ export class CrudHistoryComponent {
70
70
  }
71
71
  }
72
72
  CrudHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
73
- CrudHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ crudHistory.modifierName }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <s class=\"old-value pl-1\">{{ auditDelta.oldValue }}</s>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"], components: [{ type: i1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: i2.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "date": i3.DatePipe } });
73
+ CrudHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ crudHistory.modifierName }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <s class=\"old-value pl-1\">{{ auditDelta.oldValue }}</s>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"], components: [{ type: i1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: i2.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "date": i3.DatePipe } });
74
74
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHistoryComponent, decorators: [{
75
75
  type: Component,
76
76
  args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ crudHistory.modifierName }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <s class=\"old-value pl-1\">{{ auditDelta.oldValue }}</s>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"] }]