@dev-tcloud/tcloud-ui 2.3.3 → 2.3.5

package/lib/_directives/tooltip/tooltip.directive.d.ts

@@ -7,7 +7,6 @@ export declare class TCloudUiTooltipDirective {
     info_text: string;
     onMouseOver(event: MouseEvent): void;
     onMouseOut(event: MouseEvent): void;
-    remove_tooltip(customDiv: any): void;
     set TCtooltip(tooltip: any);
     private _direction;
     set TCdirection(direction: any);

package/lib/_modules/tcloud-ui-modal/components/tcloud-ui-modal-header/tcloud-ui-modal-header.component.d.ts

@@ -1,9 +1,11 @@
 import { OnInit } from '@angular/core';
+import { TcloudModalService } from '../../services/tcloud-modal.service';
 import * as i0 from "@angular/core";
 export declare class TCloudUiModalHeaderComponent implements OnInit {
-    mode: 'info' | 'success' | 'danger' | 'warning';
+    private _tcloudModalService;
+    mode: 'colorless' | 'info' | 'success' | 'danger' | 'warning';
     title: any | undefined;
-    constructor();
+    constructor(_tcloudModalService: TcloudModalService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiModalHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiModalHeaderComponent, "tcloud-ui-modal-header", never, { "mode": { "alias": "mode"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], false, never>;

package/lib/_modules/tcloud-ui-modal/services/tcloud-modal.service.d.ts

@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TcloudModalService {
     private loading;
+    private param_mode;
     private param_confirm;
     private _stateClose;
     stateClose$: Observable<boolean>;
@@ -12,10 +13,13 @@ export declare class TcloudModalService {
     stateRespConfirm$: Observable<boolean>;
     private _stateLoading;
     stateLoading$: Observable<boolean>;
+    private _stateMode;
+    stateMode$: Observable<string>;
     toModal(action: 'open' | 'close'): void;
     toRespConfirm(resp: boolean): void;
     getParamConfirm(): IConfirm;
     toConfirm(confirm: IConfirm): void;
+    toMode(mode: string): void;
     getLoading(): boolean | undefined;
     setLoading(loading: boolean): void;
     fixed_body(fixed: 'on' | 'off'): void;

package/lib/_modules/tcloud-ui-modal/tcloud-ui-modal.component.d.ts

@@ -23,8 +23,7 @@ export declare class TCloudUiModalComponent implements OnInit, OnDestroy {
      * confirmText string - Texto que deverá ser digitado - defualt Confirmo
      */
     set confirmText(v: string);
-    subscription: Subscription | undefined;
-    subscriptionI: Subscription | undefined;
+    subscription: Subscription;
     /**
      * autoClose boolean - Indica se deverá ser fechado quando confirmar uma ação - default true
      */
@@ -41,6 +40,7 @@ export declare class TCloudUiModalComponent implements OnInit, OnDestroy {
      * window - string - nome referente ao tamanho do modal - não utilizar maxWidth se for utilizar window - default 500 (medium)
      */
     set window(size: 'small' | 'medium' | 'large' | 'big' | 'full');
+    mode: string;
     control_open: boolean;
     private _open;
     /**

package/lib/_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.component.d.ts

@@ -12,10 +12,12 @@ export declare class TCloudUiProgressBarComponent implements OnInit {
     get height(): string;
     progress_class: string;
     height_class: string;
+    useDefaultBackground: boolean;
+    showValue: boolean;
     constructor();
     ngOnInit(): void;
     setMode(): void;
     setheight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiProgressBarComponent, "tcloud-ui-progress-bar", never, { "status": { "alias": "status"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiProgressBarComponent, "tcloud-ui-progress-bar", never, { "status": { "alias": "status"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "height": { "alias": "height"; "required": false; }; "useDefaultBackground": { "alias": "useDefaultBackground"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.d.ts

@@ -9,7 +9,9 @@ export declare class TCloudUiTabHeadComponent implements OnInit {
     ID: string;
     background: boolean;
     backgroundColor: '#FFFFFF' | '#F1F1F1' | 'white' | 'transparent';
-    bottom_line: boolean;
+    private _bottom_line;
+    set bottom_line(bottom_line: boolean);
+    get bottom_line(): boolean;
     constructor(tabMenuService: TabMenuService);
     ngOnInit(): void;
     generateID(): string;

package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-subtitle/tcloud-ui-tab-subtitle.component.d.ts

@@ -10,8 +10,8 @@ export declare class TCloudUiTabSubtitleComponent implements OnInit, OnDestroy {
     set disabled(disabled: boolean);
     get disabled(): boolean;
     loading: boolean;
+    bottom_line: boolean;
     private subscription;
-    private subscription2;
     constructor(tabMenuService: TabMenuService);
     ngOnInit(): void;
     toTab(): void;

package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-title/tcloud-ui-tab-title.component.d.ts

@@ -8,11 +8,11 @@ export declare class TCloudUiTabTitleComponent implements OnInit, OnDestroy {
     title: string | undefined;
     active: boolean;
     loading: boolean;
+    bottom_line: boolean;
     private _disabled;
     set disabled(disabled: boolean);
     get disabled(): boolean;
     private subscription;
-    private subscription2;
     constructor(tabMenuService: TabMenuService);
     ngOnInit(): void;
     toTab(): void;

package/lib/_modules/tcloud-ui-tab-menu/services/tab-menu.service.d.ts

@@ -7,6 +7,9 @@ export declare class TabMenuService {
     private _scroll;
     private scrollSubject;
     scrollState$: import("rxjs").Observable<boolean>;
+    private _bottom_line;
+    private bottom_lineSubject;
+    bottom_lineState$: import("rxjs").Observable<boolean>;
     private _tab;
     private tabSubject;
     tabState$: import("rxjs").Observable<string>;
@@ -19,6 +22,8 @@ export declare class TabMenuService {
     constructor(_route: ActivatedRoute, _router: Router);
     setTabScroll(scroll: boolean): void;
     getTabScroll(): boolean | undefined;
+    setTabBottomLine(bottom_line: boolean): void;
+    getTabBottomLine(): boolean | undefined;
     setTabLoading(loading: boolean): void;
     getTabLoading(): boolean | undefined;
     setTabfull(full: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-tcloud/tcloud-ui",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0"

package/scss/components/custom/tab-menu.scss

@@ -2,49 +2,50 @@
     tcloud-ui-tab-head{
         tcloud-ui-tab-title, tcloud-ui-tab-subtitle {
             flex-grow: 1;
-
             button {
-            min-width: 100% !important;
+              min-width: 100% !important;
+            }
+            .tab-title, .tab-subtitle{ 
+              opacity: 0.8;
+            }
+            .tab-title-active,
+            .tab-title:hover, 
+            .tab-title:focus,
+            .tab-subtitle:hover,
+            .tab-subtitle:focus{
+              opacity: 1 !important;
             }
         }
     }
 }
 
-.tab-subtitle-line-bottom {
-    border-radius: 0 !important;
-    border-bottom: 1px solid #BCBCBC;
-
-    .tab-subtitle {
-      border-bottom: 4px solid transparent !important;
-      margin: 0 !important;
-      padding: 16px 32px !important;
-      transition: .3s ease-in-out;
-
-      &:hover {
-        :not(.tab-title-active) {
-        border-bottom: 4px solid transparent !important;
-        }
-      }
-    }
-
-    .tab-subtitle-active {
-      border-bottom: 4px solid var(--tc-primary) !important;
+.tc-menu {
+  &:has(> tcloud-ui-tab-title){
+    border-radius: 10px;
+  }
+  &:not(.tab-subtitle-line-bottom){
+    .bottom-line{
+      height: 0px !important;
     }
+  }
+}
 
-    .tab-title{
-      border-bottom: 4px solid transparent !important;
-    }
+.bottom-line{
+  background-color: transparent;
+  height: 4px;
+}
 
-    .tab-title-active{
-      border-bottom: 4px solid var(--tc-primary) !important;
-    }
 
-    .tab-title:hover{
-      :not(.tab-title-active) {
-        background: none !important;
-        color: var(--tc-gray-500) !important;
-      }
+tcloud-ui-tab-subtitle, 
+tcloud-ui-tab-title{  
+  .tab-subtitle-active + .bottom-line-hover,
+  .tab-title-active + .bottom-line-hover {
+    background-color: var(--tc-primary) !important;
+  }
 
-      border-bottom: 4px solid var(--tc-primary) !important;
+  &:hover{    
+    .bottom-line-hover{
+      background-color: var(--tc-primary) !important;
     }
-  }
+  }
+}