keevo-components 2.0.20 → 2.0.22

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.
@@ -40,7 +40,7 @@ export declare abstract class BaseComponentDropDown extends BaseComponentInput<a
40
40
  protected addClick(event: Event): void;
41
41
  carregarCombo(filtro?: filtroCombo): void;
42
42
  protected carregarComboObs(obs: Observable<any>): void;
43
- emptyMessage(): "Nenhum resultado encontrado" | "Digite para pesquisar";
43
+ emptyMessage(): "Digite para pesquisar" | "Nenhum resultado encontrado";
44
44
  filterOptions(field: string, value: any): void;
45
45
  protected listar(): any;
46
46
  protected listarCombo(value: any): any;
@@ -29,5 +29,6 @@ export interface ActionsLoteItem {
29
29
  tooltip?: ValueOrFn<string | undefined>;
30
30
  disabled?: ValueOrFn<boolean | undefined>;
31
31
  visible?: ValueOrFn<boolean | undefined>;
32
+ label?: ValueOrFn<string>;
32
33
  command?: () => void;
33
34
  }
@@ -6,7 +6,7 @@ export declare class KvButtonComponent {
6
6
  severity: import("@angular/core").InputSignal<"primary" | "secondary" | "tertiary">;
7
7
  size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
8
8
  icon: import("@angular/core").InputSignal<string>;
9
- iconPosition: import("@angular/core").InputSignal<"right" | "left">;
9
+ iconPosition: import("@angular/core").InputSignal<"left" | "right">;
10
10
  label: import("@angular/core").InputSignal<string>;
11
11
  disabled: import("@angular/core").InputSignal<boolean>;
12
12
  onClick: import("@angular/core").OutputEmitterRef<any>;
@@ -26,20 +26,22 @@ export declare class KvContentViewerComponent {
26
26
  contentTemplate: TemplateRef<any>;
27
27
  noDocumentSelectedTemplate: TemplateRef<any>;
28
28
  noDocumentListTemplate: TemplateRef<any>;
29
+ buttonTemplate: TemplateRef<any>;
29
30
  indvisualizado: boolean;
30
31
  btnTelaCheia: boolean;
31
32
  isLoadingSkeleton: boolean;
32
33
  borderCardNaoVisualizado: boolean;
34
+ contentViewer: boolean;
33
35
  keyVisualizado: string;
34
36
  todayDate(): string;
35
37
  onScrollHandler: EventEmitter<any>;
36
38
  onSelectFile: EventEmitter<any>;
37
39
  trackByFn(index: number, item: any): any;
38
40
  isVisualizado(option: any): boolean;
39
- visualizarPreview(arquivo: any): void;
41
+ visualizarPreview(arquivo: any, buttonTemplate?: boolean): void;
40
42
  alternarTelaCheia(): void;
41
43
  ngOnInit(): void;
42
44
  scrollHandler($event: Event): void;
43
45
  static ɵfac: i0.ɵɵFactoryDeclaration<KvContentViewerComponent, never>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<KvContentViewerComponent, "kv-content-viewer", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "arquivo": { "alias": "arquivo"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "blob": { "alias": "blob"; "required": false; "isSignal": true; }; "ekpContent": { "alias": "ekpContent"; "required": false; "isSignal": true; }; "extencaoDocumento": { "alias": "extencaoDocumento"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "visualizadorDocumentos": { "alias": "visualizadorDocumentos"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "noDocumentSelectedTemplate": { "alias": "noDocumentSelectedTemplate"; "required": false; }; "noDocumentListTemplate": { "alias": "noDocumentListTemplate"; "required": false; }; "indvisualizado": { "alias": "indvisualizado"; "required": false; }; "btnTelaCheia": { "alias": "btnTelaCheia"; "required": false; }; "isLoadingSkeleton": { "alias": "isLoadingSkeleton"; "required": false; }; "borderCardNaoVisualizado": { "alias": "borderCardNaoVisualizado"; "required": false; }; }, { "onScrollHandler": "onScrollHandler"; "onSelectFile": "onSelectFile"; }, never, never, false, never>;
46
+ static ɵcmp: i0.ɵɵComponentDeclaration<KvContentViewerComponent, "kv-content-viewer", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "arquivo": { "alias": "arquivo"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "blob": { "alias": "blob"; "required": false; "isSignal": true; }; "ekpContent": { "alias": "ekpContent"; "required": false; "isSignal": true; }; "extencaoDocumento": { "alias": "extencaoDocumento"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "visualizadorDocumentos": { "alias": "visualizadorDocumentos"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "noDocumentSelectedTemplate": { "alias": "noDocumentSelectedTemplate"; "required": false; }; "noDocumentListTemplate": { "alias": "noDocumentListTemplate"; "required": false; }; "buttonTemplate": { "alias": "buttonTemplate"; "required": false; }; "indvisualizado": { "alias": "indvisualizado"; "required": false; }; "btnTelaCheia": { "alias": "btnTelaCheia"; "required": false; }; "isLoadingSkeleton": { "alias": "isLoadingSkeleton"; "required": false; }; "borderCardNaoVisualizado": { "alias": "borderCardNaoVisualizado"; "required": false; }; }, { "onScrollHandler": "onScrollHandler"; "onSelectFile": "onSelectFile"; }, never, never, false, never>;
45
47
  }
@@ -5,7 +5,7 @@ export declare class KvStepperComponent {
5
5
  panels: KvStepperPanel[];
6
6
  activeStep: number;
7
7
  orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
8
- buttonsAlign: import("@angular/core").InputSignal<"center" | "end" | "start">;
8
+ buttonsAlign: import("@angular/core").InputSignal<"center" | "start" | "end">;
9
9
  linear: import("@angular/core").InputSignal<boolean>;
10
10
  activeStepChange: EventEmitter<number>;
11
11
  concluirCallback: EventEmitter<void>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keevo-components",
3
- "version": "2.0.20",
3
+ "version": "2.0.22",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.8",
6
6
  "@angular/core": "^17.3.8",
@@ -12,7 +12,7 @@
12
12
 
13
13
  ::ng-deep .kv-button {
14
14
  border: none;
15
- // padding: 0.4rem;
15
+ padding: 0.4rem;
16
16
  display: flex;
17
17
  flex-direction: row;
18
18
  align-items: center;
@@ -34,27 +34,36 @@
34
34
  }
35
35
 
36
36
  :host ::ng-deep .p-datatable-header {
37
- // background-color: #f2f2f2;
38
- background-color: #860000 !important;
39
37
  padding: 0 !important;
40
38
  border-radius: 5px !important;
41
- }
42
-
43
- ::ng-deep .p-panel.p-panel-toggleable .p-panel-header {
44
- background-color: #f1f1f1;
39
+ background-color: transparent;
40
+ border: none;
45
41
  }
46
42
 
47
43
  ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
48
- background-color: #f1f1f1;
49
44
  padding: 0.15rem 0.15rem;
45
+ background-color: rgba(var(--kv-color-system), 0.05);
46
+ color: rgba(var(--kv-color-text), 0.6);
47
+ // border: 1px solid black;
48
+ }
49
+
50
+ ::ng-deep .p-datatable-table{
51
+ border: 1px solid rgba(var(--kv-color-system),.1);;
52
+ border-radius: .5rem;
53
+ overflow: hidden;
54
+ color: rgb(var(--kv-color-system));
50
55
  }
51
56
 
52
- .icon-more-horiz {
53
- font-weight: 700;
57
+ .icon-more {
58
+ font-weight: 300;
59
+ font-size: 1.4rem !important;
60
+ // color: #64748b;
61
+ color: rgb(var(--kv-color-system), .75);
62
+ transition: all 0.4s;
54
63
  }
55
64
 
56
- .icon-more-horiz:hover,
57
- .icon-more-horiz:focus {
65
+ .icon-more:hover,
66
+ .icon-more:focus {
58
67
  color: #5e5e5e;
59
68
  transition: color 0.3s, transform 0.3s;
60
69
  background-color: #eaeaea;
@@ -133,16 +142,21 @@ input {
133
142
  }
134
143
 
135
144
  ::ng-deep {
145
+ $checkbox-width: 1.125rem;
146
+ $checkbox-height: 1.125rem;
147
+
136
148
  .p-checkbox .p-checkbox-box {
137
- width: 1.125rem;
138
- height: 1.125rem;
149
+ width: $checkbox-width;
150
+ height: $checkbox-height;
139
151
  border: 1.5px solid #d1d5db;
140
152
  }
141
-
153
+
142
154
  .p-checkbox {
143
155
  display: flex !important;
144
156
  align-items: center !important;
145
- justify-content: center;
157
+ justify-content: right;
158
+ width: calc($checkbox-width + 0.5rem) !important; //ESPAÇO LATERAL À ESQUERDA DO CHECKBOX
159
+ height: $checkbox-height;
146
160
  }
147
161
 
148
162
  .p-checkbox-label {