keevo-components 2.0.245 → 2.0.247

package/{src/lib/components/keevo-components-styles.scss → keevo-components-styles.scss}

@@ -197,30 +197,21 @@ $font-family-keevo: "Inter", "Inter var", sans-serif;
   min-width: 320px;
 }
 
-::ng-deep .p-dialog-content {
+::ng-deep * {
   &::-webkit-scrollbar {
-    width: 8px;
-
-    &:hover {
-      background-color: rgba(222, 222, 222, 0.75);
-    }
+    width: 5px;
   }
 
   &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: transparent;
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    border-left: 2px solid white;
     background-color: rgba(0, 0, 0, 0.5);
   }
 
   &::-webkit-scrollbar-track {
-    border-left: 2px solid white;
     background-color: rgba(222, 222, 222, 0.75);
   }
+}
 
+::ng-deep .p-dialog-content {
   overflow-x: hidden;
 }
 

package/lib/api/components/button/button.model.d.ts

@@ -0,0 +1,16 @@
+export interface ButtonModel {
+    index?: number;
+    fullWidth?: boolean;
+    type?: 'outline' | 'text';
+    loading?: boolean;
+    severity?: 'primary' | 'secondary' | 'tertiary' | 'danger';
+    size?: 'small' | 'normal' | 'large';
+    icon?: string;
+    iconPosition?: 'left' | 'right';
+    label?: string;
+    disabled?: boolean;
+    command?: (event?: any) => void;
+    items?: any[];
+    popup?: boolean;
+    popupIcon?: boolean;
+}

package/lib/components/kv-buttons/kv-button-popup/kv-button-popup.component.d.ts

@@ -8,7 +8,7 @@ export declare class KvButtonPopupComponent extends BaseComponentButton {
     items: MenuItem[];
     classBtn: string;
     size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
-    type: import("@angular/core").InputSignal<"text" | "normal" | "outline">;
+    type: import("@angular/core").InputSignal<"text" | "outline" | "normal">;
     icon: string;
     constructor();
     handleShow(): void;

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

@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
 export declare class KvIconComponent {
     icon: import("@angular/core").InputSignal<string>;
     shape: import("@angular/core").InputSignal<"circle" | "square" | "hexagon">;
-    severity: import("@angular/core").InputSignal<"info" | "success" | "warning" | "danger" | "system" | "contrast">;
+    severity: import("@angular/core").InputSignal<"danger" | "info" | "success" | "warning" | "system" | "contrast">;
     size: import("@angular/core").InputSignal<"small" | "large" | "medium">;
     static ɵfac: i0.ɵɵFactoryDeclaration<KvIconComponent, never>;
     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>;

package/lib/components/kv-instruction-page/components/cards-instruction/kv-cards-instruction.component.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class KvCardsInstructionComponent {
+    whiteCard: import("@angular/core").InputSignal<{
+        title: string;
+        icon: string;
+        height: number;
+    } | undefined>;
+    blackCard: import("@angular/core").InputSignal<{
+        title: string;
+        icon: string;
+        height: number;
+    } | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KvCardsInstructionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KvCardsInstructionComponent, "kv-cards-instruction", never, { "whiteCard": { "alias": "whiteCard"; "required": false; "isSignal": true; }; "blackCard": { "alias": "blackCard"; "required": false; "isSignal": true; }; }, {}, never, ["[white-card-content]", "[black-card-content]"], true, never>;
+}

package/lib/components/kv-instruction-page/kv-instruction-page.component.d.ts

@@ -0,0 +1,20 @@
+import { ButtonModel } from '../../api/components/button/button.model';
+import * as i0 from "@angular/core";
+export declare class KvInstructionPageComponent {
+    actions: import("@angular/core").InputSignal<ButtonModel[]>;
+    camposObrigatorios: import("@angular/core").InputSignal<boolean>;
+    whiteCard: import("@angular/core").InputSignal<{
+        title: string;
+        icon: string;
+        height: number;
+    } | undefined>;
+    blackCard: import("@angular/core").InputSignal<{
+        title: string;
+        icon: string;
+        height: number;
+    } | undefined>;
+    sizeContent: import("@angular/core").Signal<"w-full" | "w-8">;
+    verIntrucoes: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KvInstructionPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KvInstructionPageComponent, "kv-instruction-page", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "camposObrigatorios": { "alias": "camposObrigatorios"; "required": false; "isSignal": true; }; "whiteCard": { "alias": "whiteCard"; "required": false; "isSignal": true; }; "blackCard": { "alias": "blackCard"; "required": false; "isSignal": true; }; }, {}, never, ["[main-content]", "[white-card-content]", "[black-card-content]", "[white-card-content]", "[black-card-content]"], true, never>;
+}

package/lib/components/kv-kanban/kv-kanban-models.model.d.ts

@@ -6,10 +6,13 @@ export interface KanbanAction {
 export interface KanbanCard {
     id?: number | string;
     titulo: string;
-    status?: string;
+    status?: CardStatus[];
+    [key: string]: any;
+}
+export interface CardStatus {
+    label: string;
     statusColor?: string;
     statusLabelColor?: string;
-    [key: string]: any;
 }
 export interface KanbanColumnConfig {
     id: number;

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

@@ -30,6 +30,7 @@ export declare class KvKanbanComponent {
     getColumnTotalItems(columnId: number): number;
     getActionsForCard(card: KanbanCard): MenuItem[];
     getColumnFlex(): string;
+    getStatusTooltip(status: any[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KvKanbanComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KvKanbanComponent, "kv-kanban", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "columnConfigs": { "alias": "columnConfigs"; "required": false; "isSignal": true; }; "columnLists": { "alias": "columnLists"; "required": false; "isSignal": true; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; "isSignal": true; }; "showColumnsCounter": { "alias": "showColumnsCounter"; "required": false; "isSignal": true; }; "enableDrag": { "alias": "enableDrag"; "required": false; "isSignal": true; }; }, { "onCardMoved": "onCardMoved"; "onActionClicked": "onActionClicked"; "onLoadMoreCards": "onLoadMoreCards"; "onSelectedCard": "onSelectedCard"; }, never, never, true, never>;
 }

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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class KvTagComponent {
-    severity: import("@angular/core").InputSignal<"info" | "success" | "warn" | "danger" | "system" | "contrast">;
+    severity: import("@angular/core").InputSignal<"danger" | "info" | "success" | "warn" | "system" | "contrast">;
     border: import("@angular/core").InputSignal<boolean>;
     color: import("@angular/core").InputSignal<string | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KvTagComponent, never>;

package/lib/components/kv-widget-card/kv-widget-card.component.d.ts

@@ -19,7 +19,7 @@ export declare class KvWidgetCardComponent {
      * Define a cor do ícone do card.
      * @required
      */
-    iconSeverity: import("@angular/core").InputSignal<"info" | "success" | "warning" | "danger" | "system" | "contrast">;
+    iconSeverity: import("@angular/core").InputSignal<"danger" | "info" | "success" | "warning" | "system" | "contrast">;
     /**
      * Título do card.
      * @required
@@ -39,7 +39,7 @@ export declare class KvWidgetCardComponent {
      * Define o background-color do card.
      * @default true
      */
-    severity: import("@angular/core").InputSignal<"success" | "warning" | "danger" | "system" | undefined>;
+    severity: import("@angular/core").InputSignal<"danger" | "success" | "warning" | "system" | undefined>;
     /**
      * Valor do indicador principal do card.
      * @default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keevo-components",
-  "version": "2.0.245",
+  "version": "2.0.247",
   "peerDependencies": {
     "@angular/common": "^17.3.8",
     "@angular/core": "^17.3.8",
@@ -28,6 +28,7 @@
   "description": "Componentes utilizados no frontend dos sistemas da Keevo Software.",
   "exports": {
     "./webpack/mfe-shared.js": "./webpack/mfe-shared.js",
+    "./keevo-components-styles.scss": "./keevo-components-styles.scss",
     "./package.json": {
       "default": "./package.json"
     },

package/public-api.d.ts

@@ -71,6 +71,7 @@ export * from './lib/components/kv-buttons/kv-button-success/kv-button-success.c
 export * from './lib/components/kv-buttons/kv-button.module';
 export * from './lib/components/kv-button/kv-button.component';
 export * from './lib/components/kv-button/kv-button.module';
+export * from './lib/api/components/button/button.model';
 /**
  * Inputs
  */
@@ -329,3 +330,5 @@ export * from './lib/components/kv-tree-environment/models/no-arvore.model';
  */
 export * from './lib/components/kv-kanban/kv-kanban.component';
 export * from './lib/components/kv-kanban/kv-kanban-models.model';
+export * from './lib/components/kv-instruction-page/kv-instruction-page.component';
+export * from './lib/components/kv-instruction-page/components/cards-instruction/kv-cards-instruction.component';

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

@@ -10,30 +10,30 @@
   z-index: 1299;
 }
 
-::ng-deep .p-datatable > .p-datatable-wrapper {
-  &::-webkit-scrollbar {
-    width: 6px;
-
-    &:hover {
-      background-color: rgba(222, 222, 222, 0.75);
-    }
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: transparent;
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    border-left: 2px solid white;
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-
-  &::-webkit-scrollbar-track {
-    border-left: 2px solid white;
-    background-color: rgba(222, 222, 222, 0.75);
-  }
-}
+// ::ng-deep .p-datatable > .p-datatable-wrapper {
+//   &::-webkit-scrollbar {
+//     width: 6px;
+
+//     &:hover {
+//       background-color: rgba(222, 222, 222, 0.75);
+//     }
+//   }
+
+//   &::-webkit-scrollbar-thumb {
+//     border-radius: 4px;
+//     background-color: transparent;
+//   }
+
+//   &:hover::-webkit-scrollbar-thumb {
+//     border-left: 2px solid white;
+//     background-color: rgba(0, 0, 0, 0.5);
+//   }
+
+//   &::-webkit-scrollbar-track {
+//     border-left: 2px solid white;
+//     background-color: rgba(222, 222, 222, 0.75);
+//   }
+// }
 
 .tag {
   width: 5px;