keevo-components 2.0.123 → 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-icon/kv-icon.component.mjs +3 -3
- package/esm2022/lib/components/kv-stacked-bar-chart/kv-stacked-bar-chart.component.mjs +3 -3
- package/esm2022/lib/components/kv-table/kv-table.component.mjs +16 -12
- package/esm2022/lib/components/kv-widget-card/kv-widget-card.component.mjs +3 -3
- package/fesm2022/keevo-components.mjs +41 -39
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-button/kv-button.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 +30 -12
|
@@ -6,7 +6,7 @@ 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
12
|
iconPosition: import("@angular/core").InputSignal<"left" | "right">;
|
|
@@ -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,9 +60,9 @@
|
|
|
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
|
-
padding: 0.1rem !important;
|
|
65
|
+
// padding: 0.1rem !important;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
68
|
.icon-more:hover,
|
|
@@ -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,9 +233,9 @@ input {
|
|
|
219
233
|
display: inline-block;
|
|
220
234
|
}
|
|
221
235
|
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
236
|
+
::ng-deep .p-tieredmenu {
|
|
237
|
+
padding: 0.5rem !important;
|
|
238
|
+
}
|
|
225
239
|
|
|
226
240
|
:host ::ng-deep .p-disabled * {
|
|
227
241
|
pointer-events: auto !important;
|
|
@@ -235,5 +249,9 @@ input {
|
|
|
235
249
|
|
|
236
250
|
::ng-deep .p-tieredmenu .p-tieredmenu-root-list {
|
|
237
251
|
font-size: 0.75rem !important;
|
|
238
|
-
padding: 0.5rem !important;
|
|
252
|
+
// padding: 0.5rem !important;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
::ng-deep .p-tieredmenu .p-menuitem > .p-menuitem-content {
|
|
256
|
+
padding: 0.5rem;
|
|
239
257
|
}
|