keevo-components 2.0.124 → 2.0.125
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/components/kv-table/kv-table.component.mjs +16 -12
- package/fesm2022/keevo-components.mjs +36 -34
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-button/kv-button.component.d.ts +2 -2
- package/lib/components/kv-buttons/kv-button-popup/kv-button-popup.component.d.ts +1 -1
- package/lib/components/kv-icon/kv-icon.component.d.ts +2 -2
- package/lib/components/kv-stepper/kv-stepper.component.d.ts +1 -1
- package/lib/components/kv-table/kv-table.component.d.ts +4 -2
- package/lib/components/kv-table-expandable/kv-table-expandable.component.d.ts +1 -1
- package/lib/components/kv-tag/kv-tag.component.d.ts +1 -1
- package/lib/components/kv-widget-card/kv-widget-card.component.d.ts +3 -3
- package/package.json +1 -1
- package/src/lib/components/kv-table/kv-table.component.scss +22 -8
|
@@ -6,10 +6,10 @@ export declare class KvButtonComponent {
|
|
|
6
6
|
fullWidth: import("@angular/core").InputSignal<boolean>;
|
|
7
7
|
type: import("@angular/core").InputSignal<"text" | "outline" | undefined>;
|
|
8
8
|
loading: import("@angular/core").InputSignal<boolean>;
|
|
9
|
-
severity: import("@angular/core").InputSignal<"
|
|
9
|
+
severity: import("@angular/core").InputSignal<"primary" | "secondary" | "tertiary" | "danger">;
|
|
10
10
|
size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
|
|
11
11
|
icon: import("@angular/core").ModelSignal<string>;
|
|
12
|
-
iconPosition: import("@angular/core").InputSignal<"
|
|
12
|
+
iconPosition: import("@angular/core").InputSignal<"left" | "right">;
|
|
13
13
|
label: import("@angular/core").InputSignal<string>;
|
|
14
14
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
15
15
|
onClick: import("@angular/core").OutputEmitterRef<any>;
|
|
@@ -8,7 +8,7 @@ export declare class KvButtonPopupComponent extends BaseComponentButton {
|
|
|
8
8
|
items: MenuItem[];
|
|
9
9
|
classBtn: string;
|
|
10
10
|
size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
|
|
11
|
-
type: import("@angular/core").InputSignal<"
|
|
11
|
+
type: import("@angular/core").InputSignal<"normal" | "text" | "outline">;
|
|
12
12
|
icon: string;
|
|
13
13
|
constructor();
|
|
14
14
|
handleShow(): void;
|
|
@@ -15,8 +15,8 @@ import * as i0 from "@angular/core";
|
|
|
15
15
|
*/
|
|
16
16
|
export declare class KvIconComponent {
|
|
17
17
|
icon: import("@angular/core").InputSignal<string>;
|
|
18
|
-
shape: import("@angular/core").InputSignal<"circle" | "
|
|
19
|
-
severity: import("@angular/core").InputSignal<"
|
|
18
|
+
shape: import("@angular/core").InputSignal<"circle" | "square" | "hexagon">;
|
|
19
|
+
severity: import("@angular/core").InputSignal<"info" | "success" | "danger" | "warning" | "system" | "contrast">;
|
|
20
20
|
size: import("@angular/core").InputSignal<"small" | "large" | "medium">;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<KvIconComponent, never>;
|
|
22
22
|
static ɵcmp: i0.ɵɵComponentDeclaration<KvIconComponent, "kv-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "shape": { "alias": "shape"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class KvStepperComponent {
|
|
5
5
|
panels: KvStepperPanel[];
|
|
6
6
|
activeStep: number;
|
|
7
|
-
orientation: import("@angular/core").InputSignal<"
|
|
7
|
+
orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
|
|
8
8
|
buttonsAlign: import("@angular/core").InputSignal<"center" | "start" | "end">;
|
|
9
9
|
linear: import("@angular/core").InputSignal<boolean>;
|
|
10
10
|
activeStepChange: EventEmitter<number>;
|
|
@@ -85,6 +85,8 @@ export declare class KvTableComponent implements OnInit, DoCheck, AfterViewInit
|
|
|
85
85
|
tableCell: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
86
86
|
ellipsisText: import("@angular/core").InputSignal<boolean>;
|
|
87
87
|
isLoadingSkeleton: import("@angular/core").InputSignal<boolean>;
|
|
88
|
+
filterButton: import("@angular/core").InputSignal<boolean>;
|
|
89
|
+
filterButtonBadge: import("@angular/core").InputSignal<string>;
|
|
88
90
|
constructor(datePipe: DatePipe, decimalPipe: DecimalPipe, cpfCnpjPipe: CpfCnpjPipe, telefonePipe: TelefonePipe, renderer: Renderer2, elementRef: ElementRef);
|
|
89
91
|
configuracaoEffect: import("@angular/core").EffectRef;
|
|
90
92
|
dataSourceSignal: import("@angular/core").WritableSignal<any[]>;
|
|
@@ -139,7 +141,7 @@ export declare class KvTableComponent implements OnInit, DoCheck, AfterViewInit
|
|
|
139
141
|
onClickEvent(event: any): void;
|
|
140
142
|
styleSetter(style: string, data: string): void;
|
|
141
143
|
checkMenuFiltro(col: TableConfigColumn): void;
|
|
142
|
-
sortByPosition(): (elem1: any, elem2: any) =>
|
|
144
|
+
sortByPosition(): (elem1: any, elem2: any) => 0 | 1 | -1;
|
|
143
145
|
dinamicDisableColumn(col: TableConfigColumn): boolean;
|
|
144
146
|
checkHideColumns(): void;
|
|
145
147
|
getCustomTemplate(templatename: string): TemplateRef<any>;
|
|
@@ -150,5 +152,5 @@ export declare class KvTableComponent implements OnInit, DoCheck, AfterViewInit
|
|
|
150
152
|
columnsFilter: import("@angular/core").Signal<TableConfigColumn[]>;
|
|
151
153
|
returnMaxWidth: import("@angular/core").Signal<(widthCol: string) => string>;
|
|
152
154
|
static ɵfac: i0.ɵɵFactoryDeclaration<KvTableComponent, never>;
|
|
153
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KvTableComponent, "kv-table", never, { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "_templates": { "alias": "templates"; "required": false; }; "setConfig": { "alias": "config"; "required": false; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "defaultSortField": { "alias": "defaultSortField"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "tableSize": { "alias": "tableSize"; "required": false; }; "filterColumnsBtn": { "alias": "filterColumnsBtn"; "required": false; }; "replaceEmptyValues": { "alias": "replaceEmptyValues"; "required": false; }; "filtrosAvancados": { "alias": "filtrosAvancados"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "isTableScrollable": { "alias": "isTableScrollable"; "required": false; }; "tableCaptalized": { "alias": "tableCaptalized"; "required": false; }; "rowTrackBy": { "alias": "rowTrackBy"; "required": false; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; }; "disabledHeaderCheckbox": { "alias": "disabledHeaderCheckbox"; "required": false; }; "applyStyle": { "alias": "applyStyle"; "required": false; }; "pageLinksOptions": { "alias": "pageLinksOptions"; "required": false; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; }; "ellipsisText": { "alias": "ellipsisText"; "required": false; "isSignal": true; }; "isLoadingSkeleton": { "alias": "isLoadingSkeleton"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "rows": "rowsChange"; "onActiveItem": "onActiveItem"; "onActiveItemLote": "onActiveItemLote"; "onPaginate": "onPaginate"; "onSelectionChange": "onSelectionChange"; "doubleClickEvent": "doubleClickEvent"; "filterField": "filterField"; "onSwitchTableChange": "onSwitchTableChange"; }, ["templates"],
|
|
155
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KvTableComponent, "kv-table", never, { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "_templates": { "alias": "templates"; "required": false; }; "setConfig": { "alias": "config"; "required": false; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "defaultSortField": { "alias": "defaultSortField"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "tableSize": { "alias": "tableSize"; "required": false; }; "filterColumnsBtn": { "alias": "filterColumnsBtn"; "required": false; }; "replaceEmptyValues": { "alias": "replaceEmptyValues"; "required": false; }; "filtrosAvancados": { "alias": "filtrosAvancados"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "isTableScrollable": { "alias": "isTableScrollable"; "required": false; }; "tableCaptalized": { "alias": "tableCaptalized"; "required": false; }; "rowTrackBy": { "alias": "rowTrackBy"; "required": false; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; }; "disabledHeaderCheckbox": { "alias": "disabledHeaderCheckbox"; "required": false; }; "applyStyle": { "alias": "applyStyle"; "required": false; }; "pageLinksOptions": { "alias": "pageLinksOptions"; "required": false; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; }; "ellipsisText": { "alias": "ellipsisText"; "required": false; "isSignal": true; }; "isLoadingSkeleton": { "alias": "isLoadingSkeleton"; "required": false; "isSignal": true; }; "filterButton": { "alias": "filterButton"; "required": false; "isSignal": true; }; "filterButtonBadge": { "alias": "filterButtonBadge"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "rows": "rowsChange"; "onActiveItem": "onActiveItem"; "onActiveItemLote": "onActiveItemLote"; "onPaginate": "onPaginate"; "onSelectionChange": "onSelectionChange"; "doubleClickEvent": "doubleClickEvent"; "filterField": "filterField"; "onSwitchTableChange": "onSwitchTableChange"; }, ["templates"], ["[filtro]"], false, never>;
|
|
154
156
|
}
|
|
@@ -68,7 +68,7 @@ export declare class KvTableExpandableComponent implements OnInit, DoCheck {
|
|
|
68
68
|
onGlobalFilter(table: Table, event: Event): void;
|
|
69
69
|
executeCollapsed(): void;
|
|
70
70
|
checkMenuFiltro(col: any): void;
|
|
71
|
-
sortByPosition(): (elem1: any, elem2: any) =>
|
|
71
|
+
sortByPosition(): (elem1: any, elem2: any) => 0 | 1 | -1;
|
|
72
72
|
dinamicDisableColumn(col: TableConfigColumn): boolean;
|
|
73
73
|
dinamicColumnSet(e: any, col: any): void;
|
|
74
74
|
addColumn(field: string): void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class KvTagComponent {
|
|
3
|
-
severity: import("@angular/core").InputSignal<"
|
|
3
|
+
severity: import("@angular/core").InputSignal<"info" | "success" | "warn" | "danger" | "system" | "contrast">;
|
|
4
4
|
border: import("@angular/core").InputSignal<boolean>;
|
|
5
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<KvTagComponent, never>;
|
|
6
6
|
static ɵcmp: i0.ɵɵComponentDeclaration<KvTagComponent, "kv-tag", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
@@ -14,12 +14,12 @@ export declare class KvWidgetCardComponent {
|
|
|
14
14
|
* Define o formato do ícone do card.
|
|
15
15
|
* @required
|
|
16
16
|
*/
|
|
17
|
-
iconShape: import("@angular/core").InputSignal<"circle" | "
|
|
17
|
+
iconShape: import("@angular/core").InputSignal<"circle" | "square" | "hexagon">;
|
|
18
18
|
/**
|
|
19
19
|
* Define a cor do ícone do card.
|
|
20
20
|
* @required
|
|
21
21
|
*/
|
|
22
|
-
iconSeverity: import("@angular/core").InputSignal<"
|
|
22
|
+
iconSeverity: import("@angular/core").InputSignal<"info" | "success" | "danger" | "warning" | "system" | "contrast">;
|
|
23
23
|
/**
|
|
24
24
|
* Título do card.
|
|
25
25
|
* @required
|
|
@@ -39,7 +39,7 @@ export declare class KvWidgetCardComponent {
|
|
|
39
39
|
* Define o background-color do card.
|
|
40
40
|
* @default true
|
|
41
41
|
*/
|
|
42
|
-
severity: import("@angular/core").InputSignal<"success" | "
|
|
42
|
+
severity: import("@angular/core").InputSignal<"success" | "danger" | "warning" | "system" | undefined>;
|
|
43
43
|
/**
|
|
44
44
|
* Valor do indicador principal do card.
|
|
45
45
|
* @default
|
package/package.json
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import "../kv-button/kv-button.component.scss";
|
|
2
|
+
|
|
1
3
|
::ng-deep .p-datatable > .p-datatable-wrapper {
|
|
2
4
|
&::-webkit-scrollbar {
|
|
3
5
|
width: 6px;
|
|
@@ -47,9 +49,9 @@
|
|
|
47
49
|
// border: 1px solid black;
|
|
48
50
|
}
|
|
49
51
|
|
|
50
|
-
::ng-deep .p-datatable-table{
|
|
51
|
-
border: 1px solid rgba(var(--kv-color-system)
|
|
52
|
-
border-radius: .5rem;
|
|
52
|
+
::ng-deep .p-datatable-table {
|
|
53
|
+
border: 1px solid rgba(var(--kv-color-system), 0.1);
|
|
54
|
+
border-radius: 0.5rem;
|
|
53
55
|
overflow: hidden;
|
|
54
56
|
color: rgb(var(--kv-color-system));
|
|
55
57
|
}
|
|
@@ -58,7 +60,7 @@
|
|
|
58
60
|
font-weight: 500;
|
|
59
61
|
font-size: 1.4rem !important;
|
|
60
62
|
// color: #64748b;
|
|
61
|
-
color: rgb(var(--kv-color-system), .75);
|
|
63
|
+
color: rgb(var(--kv-color-system), 0.75);
|
|
62
64
|
transition: all 0.4s;
|
|
63
65
|
// padding: 0.1rem !important;
|
|
64
66
|
}
|
|
@@ -153,10 +155,12 @@ input {
|
|
|
153
155
|
}
|
|
154
156
|
|
|
155
157
|
.p-checkbox {
|
|
156
|
-
display: flex
|
|
157
|
-
align-items: center
|
|
158
|
+
display: flex !important;
|
|
159
|
+
align-items: center !important;
|
|
158
160
|
justify-content: right;
|
|
159
|
-
width: calc(
|
|
161
|
+
width: calc(
|
|
162
|
+
$checkbox-width + 0.5rem
|
|
163
|
+
) !important; //ESPAÇO LATERAL À ESQUERDA DO CHECKBOX
|
|
160
164
|
height: $checkbox-height;
|
|
161
165
|
}
|
|
162
166
|
|
|
@@ -180,6 +184,16 @@ input {
|
|
|
180
184
|
.p-dropdown-panel .p-dropdown-items {
|
|
181
185
|
padding: 0.5rem 0.5rem !important;
|
|
182
186
|
}
|
|
187
|
+
|
|
188
|
+
.p-button-label {
|
|
189
|
+
font-weight: 500 !important;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.p-button .p-button-icon-left {
|
|
193
|
+
margin-left: 0.25rem;
|
|
194
|
+
margin-right: 0.25rem;
|
|
195
|
+
font-size: 0.675rem !important;
|
|
196
|
+
}
|
|
183
197
|
}
|
|
184
198
|
|
|
185
199
|
:host {
|
|
@@ -219,7 +233,7 @@ input {
|
|
|
219
233
|
display: inline-block;
|
|
220
234
|
}
|
|
221
235
|
|
|
222
|
-
::ng-deep
|
|
236
|
+
::ng-deep .p-tieredmenu {
|
|
223
237
|
padding: 0.5rem !important;
|
|
224
238
|
}
|
|
225
239
|
|