@dev-tcloud/tcloud-ui 5.3.0 → 5.3.2
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/fesm2022/dev-tcloud-tcloud-ui.mjs +194 -10
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_directives/tooltip/tooltip.directive.d.ts +1 -0
- package/lib/revitalizacao/charts/echarts.d.ts +18 -0
- package/lib/revitalizacao/components/tc-rev-multi-input/tc-rev-multi-input.component.d.ts +1 -0
- package/lib/revitalizacao/components/tc-rev-tab-group/tc-rev-tab-item/tc-rev-tab-item.component.d.ts +2 -1
- package/lib/revitalizacao/util/ellipsed-text.d.ts +7 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/scss/components/custom/tooltip.scss +3 -2
|
@@ -16,6 +16,7 @@ export declare class TCloudUiTooltipDirective {
|
|
|
16
16
|
onMouseOver(event: MouseEvent): void;
|
|
17
17
|
onMouseOut(event: MouseEvent): void;
|
|
18
18
|
onClick(event: MouseEvent): void;
|
|
19
|
+
private isValidTooltipText;
|
|
19
20
|
private createTooltip;
|
|
20
21
|
private removeTooltip;
|
|
21
22
|
private repositionTooltip;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type BarChartData = {
|
|
2
|
+
xAxisName: string;
|
|
3
|
+
xAxisLabels: string[] | number[];
|
|
4
|
+
seriesData: {
|
|
5
|
+
serieName: string;
|
|
6
|
+
values: any[];
|
|
7
|
+
}[];
|
|
8
|
+
tooltipFormatter?: Function;
|
|
9
|
+
yAxisLabelFormatter?: Function;
|
|
10
|
+
xAxisLabelFormatter?: (value: any) => string;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
*
|
|
14
|
+
* @param echarts echars instance
|
|
15
|
+
* @param chartData chart info to build the config
|
|
16
|
+
* @returns a bar chart config for echarts with the given data
|
|
17
|
+
*/
|
|
18
|
+
export declare function echartBarConfig(echarts: any, chartData: BarChartData): any;
|
|
@@ -16,6 +16,7 @@ export declare class TcRevMultiInputComponent {
|
|
|
16
16
|
constructor();
|
|
17
17
|
ngOnInit(): void;
|
|
18
18
|
ngAfterViewInit(): void;
|
|
19
|
+
isEllipsed(text: string): boolean;
|
|
19
20
|
addItem(): void;
|
|
20
21
|
removeItem(index: number): void;
|
|
21
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevMultiInputComponent, never>;
|
package/lib/revitalizacao/components/tc-rev-tab-group/tc-rev-tab-item/tc-rev-tab-item.component.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export declare class TcRevTabItemComponent {
|
|
|
4
4
|
active: import("@angular/core").InputSignal<boolean>;
|
|
5
5
|
url: import("@angular/core").InputSignal<string>;
|
|
6
6
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
+
fullWidth: import("@angular/core").InputSignal<boolean>;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevTabItemComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevTabItemComponent, "tc-rev-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevTabItemComponent, "tc-rev-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
9
10
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Verifica se um texto específico estaria elipsado baseado no texto fornecido
|
|
3
|
+
* @param text - O texto a ser verificado
|
|
4
|
+
* @param containerWidth - Largura do container (opcional, usa o padrão se não informado)
|
|
5
|
+
* @returns true se o texto seria elipsado
|
|
6
|
+
*/
|
|
7
|
+
export declare function isTextEllipsed(text: string, containerWidth?: number): boolean;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -92,6 +92,7 @@ export * from './lib/revitalizacao/components/tc-rev-dropdown-grouped/tc-rev-dro
|
|
|
92
92
|
export * from './lib/revitalizacao/components/tc-rev-dropdown-multi-level/tc-rev-dropdown-multi-level.component';
|
|
93
93
|
export * from './lib/revitalizacao/components/tc-rev-dropdown-multi/tc-rev-dropdown-multi.component';
|
|
94
94
|
export * from './lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component';
|
|
95
|
+
export * from './lib/revitalizacao/charts/echarts';
|
|
95
96
|
export * from './lib/revitalizacao/components/tc-rev-empty-content/tc-rev-empty-content.component';
|
|
96
97
|
export * from './lib/revitalizacao/components/tc-rev-faq/tc-rev-faq.component';
|
|
97
98
|
export * from './lib/revitalizacao/components/tc-rev-icon-button/tc-rev-icon-button.directive';
|
|
@@ -114,5 +115,6 @@ export * from './lib/revitalizacao/components/tc-rev-tag/tc-rev-tag.component';
|
|
|
114
115
|
export * from './lib/revitalizacao/components/tc-rev-toast/tc-rev-toast.component';
|
|
115
116
|
export * from './lib/revitalizacao/components/tc-sub-navbar/component/tc-sub-navbar-item/tc-sub-navbar-item.component';
|
|
116
117
|
export * from './lib/revitalizacao/components/tc-sub-navbar/tc-sub-navbar.component';
|
|
118
|
+
export * from './lib/revitalizacao/util/ellipsed-text';
|
|
117
119
|
export * from './lib/revitalizacao/components/tc-rev-wizard-steps/tc-rev-wizard-steps.component';
|
|
118
120
|
export * from './lib/revitalizacao/components/tc-rev-components.module';
|
|
@@ -9,11 +9,12 @@
|
|
|
9
9
|
text-align: center;
|
|
10
10
|
padding: 8px 13px;
|
|
11
11
|
border-radius: 8px;
|
|
12
|
-
display: inline;
|
|
12
|
+
display: inline;
|
|
13
13
|
background-color: var(--bk-tootltip) !important;
|
|
14
14
|
color: var(--color-text-tooltip) !important;
|
|
15
15
|
z-index: 9999;
|
|
16
|
-
position: absolute;
|
|
16
|
+
position: absolute;
|
|
17
|
+
overflow-wrap: break-word;
|
|
17
18
|
|
|
18
19
|
a{
|
|
19
20
|
color: var(--color-text-tooltip) !important;
|