@dev-tcloud/tcloud-ui 5.3.1 → 5.3.3

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

@@ -16,6 +16,7 @@ export declare class TCloudUiTooltipDirective {
     onMouseOver(event: MouseEvent): void;
     onMouseOut(event: MouseEvent): void;
     onClick(event: MouseEvent): void;
+    private isValidTooltipText;
     private createTooltip;
     private removeTooltip;
     private repositionTooltip;

package/lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component.d.ts

@@ -30,6 +30,12 @@ export declare class TcRevDropdownComponent {
     ngOnInit(): void;
     toggleDropdown(): void;
     selectOption(option: DropdownOption): void;
+    /**
+     * Verifica se o texto de uma opção na lista está elipsado
+     * @param text - Texto a ser verificado
+     * @returns true se o texto estiver elipsado
+     */
+    isOptionEllipsed(text: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TcRevDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownComponent, "tc-rev-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "optionSelected": "optionSelected"; }, never, never, true, never>;
 }

package/lib/revitalizacao/components/tc-rev-multi-input/tc-rev-multi-input.component.d.ts

@@ -16,6 +16,7 @@ export declare class TcRevMultiInputComponent {
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    isEllipsed(text: string): boolean;
     addItem(): void;
     removeItem(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TcRevMultiInputComponent, never>;

package/lib/revitalizacao/util/ellipsed-text.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Verifica se um texto específico estaria elipsado baseado no texto fornecido
+ * @param text - O texto a ser verificado
+ * @param containerWidth - Largura do container (opcional, usa o padrão se não informado)
+ * @returns true se o texto seria elipsado
+ */
+export declare function isTextEllipsed(text: string, containerWidth?: number): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-tcloud/tcloud-ui",
-  "version": "5.3.1",
+  "version": "5.3.3",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14"

package/public-api.d.ts

@@ -115,5 +115,6 @@ export * from './lib/revitalizacao/components/tc-rev-tag/tc-rev-tag.component';
 export * from './lib/revitalizacao/components/tc-rev-toast/tc-rev-toast.component';
 export * from './lib/revitalizacao/components/tc-sub-navbar/component/tc-sub-navbar-item/tc-sub-navbar-item.component';
 export * from './lib/revitalizacao/components/tc-sub-navbar/tc-sub-navbar.component';
+export * from './lib/revitalizacao/util/ellipsed-text';
 export * from './lib/revitalizacao/components/tc-rev-wizard-steps/tc-rev-wizard-steps.component';
 export * from './lib/revitalizacao/components/tc-rev-components.module';

package/scss/components/custom/tooltip.scss

@@ -9,11 +9,12 @@
     text-align: center;
     padding: 8px 13px;
     border-radius: 8px;
-    display: inline;    
+    display: inline;
     background-color: var(--bk-tootltip) !important;
     color: var(--color-text-tooltip) !important;
     z-index: 9999;
-    position: absolute; 
+    position: absolute;
+    overflow-wrap: break-word;
 
     a{
         color: var(--color-text-tooltip) !important;