keevo-components 2.0.20 → 2.0.21

package/lib/api/components/table/table.config.d.ts

@@ -29,5 +29,6 @@ export interface ActionsLoteItem {
     tooltip?: ValueOrFn<string | undefined>;
     disabled?: ValueOrFn<boolean | undefined>;
     visible?: ValueOrFn<boolean | undefined>;
+    label?: ValueOrFn<string>;
     command?: () => void;
 }

package/lib/components/kv-content-viewer/kv-content-viewer.component.d.ts

@@ -26,20 +26,22 @@ export declare class KvContentViewerComponent {
     contentTemplate: TemplateRef<any>;
     noDocumentSelectedTemplate: TemplateRef<any>;
     noDocumentListTemplate: TemplateRef<any>;
+    buttonTemplate: TemplateRef<any>;
     indvisualizado: boolean;
     btnTelaCheia: boolean;
     isLoadingSkeleton: boolean;
     borderCardNaoVisualizado: boolean;
+    contentViewer: boolean;
     keyVisualizado: string;
     todayDate(): string;
     onScrollHandler: EventEmitter<any>;
     onSelectFile: EventEmitter<any>;
     trackByFn(index: number, item: any): any;
     isVisualizado(option: any): boolean;
-    visualizarPreview(arquivo: any): void;
+    visualizarPreview(arquivo: any, buttonTemplate?: boolean): void;
     alternarTelaCheia(): void;
     ngOnInit(): void;
     scrollHandler($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KvContentViewerComponent, never>;
-    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>;
+    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>;
 }

package/lib/components/kv-stepper/kv-stepper.component.d.ts

@@ -5,7 +5,7 @@ export declare class KvStepperComponent {
     panels: KvStepperPanel[];
     activeStep: number;
     orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
-    buttonsAlign: import("@angular/core").InputSignal<"center" | "end" | "start">;
+    buttonsAlign: import("@angular/core").InputSignal<"end" | "center" | "start">;
     linear: import("@angular/core").InputSignal<boolean>;
     activeStepChange: EventEmitter<number>;
     concluirCallback: EventEmitter<void>;

package/lib/components/kv-table/kv-table.component.d.ts

@@ -139,7 +139,7 @@ export declare class KvTableComponent implements OnInit, DoCheck, AfterViewInit
     onClickEvent(event: any): void;
     styleSetter(style: string, data: string): void;
     checkMenuFiltro(col: TableConfigColumn): void;
-    sortByPosition(): (elem1: any, elem2: any) => 1 | 0 | -1;
+    sortByPosition(): (elem1: any, elem2: any) => 1 | -1 | 0;
     dinamicDisableColumn(col: TableConfigColumn): boolean;
     checkHideColumns(): void;
     getCustomTemplate(templatename: string): TemplateRef<any>;

package/lib/components/kv-table-expandable/kv-table-expandable.component.d.ts

@@ -68,7 +68,7 @@ export declare class KvTableExpandableComponent implements OnInit, DoCheck {
     onGlobalFilter(table: Table, event: Event): void;
     executeCollapsed(): void;
     checkMenuFiltro(col: any): void;
-    sortByPosition(): (elem1: any, elem2: any) => 1 | 0 | -1;
+    sortByPosition(): (elem1: any, elem2: any) => 1 | -1 | 0;
     dinamicDisableColumn(col: TableConfigColumn): boolean;
     dinamicColumnSet(e: any, col: any): void;
     addColumn(field: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keevo-components",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "peerDependencies": {
     "@angular/common": "^17.3.8",
     "@angular/core": "^17.3.8",

package/src/lib/components/kv-button/kv-button.component.scss

@@ -12,7 +12,7 @@
 
 ::ng-deep .kv-button {
   border: none;
-  // padding: 0.4rem;
+  padding: 0.4rem;
   display: flex;
   flex-direction: row;
   align-items: center;

package/src/lib/components/kv-table/kv-table.component.scss

@@ -34,27 +34,36 @@
 }
 
 :host ::ng-deep .p-datatable-header {
-  // background-color: #f2f2f2;
-  background-color: #860000 !important;
   padding: 0 !important;
   border-radius: 5px !important;
-}
-
-::ng-deep .p-panel.p-panel-toggleable .p-panel-header {
-  background-color: #f1f1f1;
+  background-color: transparent;
+  border: none;
 }
 
 ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  background-color: #f1f1f1;
   padding: 0.15rem 0.15rem;
+  background-color: rgba(var(--kv-color-system), 0.05);
+  color: rgba(var(--kv-color-text), 0.6);
+  // border: 1px solid black;
+}
+
+::ng-deep .p-datatable-table{
+  border: 1px solid rgba(var(--kv-color-system),.1);;
+  border-radius: .5rem;
+  overflow: hidden;
+  color: rgb(var(--kv-color-system));
 }
 
-.icon-more-horiz {
-  font-weight: 700;
+.icon-more {
+  font-weight: 300;
+  font-size: 1.4rem !important;
+  // color: #64748b;
+  color: rgb(var(--kv-color-system), .75);
+  transition: all 0.4s;
 }
 
-.icon-more-horiz:hover,
-.icon-more-horiz:focus {
+.icon-more:hover,
+.icon-more:focus {
   color: #5e5e5e;
   transition: color 0.3s, transform 0.3s;
   background-color: #eaeaea;
@@ -133,16 +142,21 @@ input {
 }
 
 ::ng-deep {
+  $checkbox-width: 1.125rem;
+  $checkbox-height: 1.125rem;
+  
   .p-checkbox .p-checkbox-box {
-    width: 1.125rem;
-    height: 1.125rem;
+    width: $checkbox-width;
+    height: $checkbox-height;
     border: 1.5px solid #d1d5db;
   }
-
+  
   .p-checkbox {
     display: flex  !important;
     align-items: center  !important;
-    justify-content: center;
+    justify-content: right;
+    width: calc($checkbox-width + 0.5rem) !important; //ESPAÇO LATERAL À ESQUERDA DO CHECKBOX
+    height: $checkbox-height;
   }
 
   .p-checkbox-label {