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.
- package/esm2022/lib/api/components/table/table.config.mjs +1 -1
- package/esm2022/lib/components/kv-button/kv-button.component.mjs +2 -2
- package/esm2022/lib/components/kv-buttons/kv-button-popup/kv-button-popup.component.mjs +2 -2
- package/esm2022/lib/components/kv-content-viewer/kv-content-viewer.component.mjs +14 -6
- package/esm2022/lib/components/kv-table/kv-table.component.mjs +3 -3
- package/fesm2022/keevo-components.mjs +19 -11
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/api/base-components/base-component-dropdown.d.ts +1 -1
- package/lib/api/components/table/table.config.d.ts +1 -0
- package/lib/components/kv-button/kv-button.component.d.ts +1 -1
- package/lib/components/kv-content-viewer/kv-content-viewer.component.d.ts +4 -2
- package/lib/components/kv-stepper/kv-stepper.component.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/components/kv-button/kv-button.component.scss +1 -1
- package/src/lib/components/kv-table/kv-table.component.scss +29 -15
|
@@ -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(): "
|
|
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;
|
|
@@ -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<"
|
|
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" | "
|
|
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
|
@@ -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
|
|
53
|
-
font-weight:
|
|
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
|
|
57
|
-
.icon-more
|
|
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:
|
|
138
|
-
height:
|
|
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:
|
|
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 {
|