@po-ui/ng-components 19.26.0 → 19.28.0-beta.1

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.
Files changed (28) hide show
  1. package/fesm2022/po-ui-ng-components.mjs +84 -36
  2. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  3. package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts +33 -2
  4. package/lib/components/po-chart/po-chart.component.d.ts +3 -0
  5. package/lib/components/po-dropdown/po-dropdown.component.d.ts +1 -1
  6. package/lib/components/po-modal/po-modal-action.interface.d.ts +2 -0
  7. package/lib/components/po-navbar/interfaces/po-navbar-icon-action.interface.d.ts +2 -0
  8. package/lib/components/po-navbar/interfaces/po-navbar-item.interface.d.ts +2 -0
  9. package/lib/components/po-navbar/interfaces/po-navbar-literals.interface.d.ts +2 -0
  10. package/lib/components/po-navbar/po-navbar-base.component.d.ts +12 -0
  11. package/lib/components/po-navbar/po-navbar.component.d.ts +2 -0
  12. package/lib/components/po-navbar/po-navbar.module.d.ts +7 -2
  13. package/lib/directives/po-tooltip/po-tooltip.directive.d.ts +3 -1
  14. package/package.json +4 -4
  15. package/po-ui-ng-components-19.28.0-beta.1.tgz +0 -0
  16. package/schematics/ng-add/index.js +1 -1
  17. package/schematics/ng-update/v14/index.js +1 -1
  18. package/schematics/ng-update/v15/index.js +1 -1
  19. package/schematics/ng-update/v16/index.js +1 -1
  20. package/schematics/ng-update/v17/index.js +1 -1
  21. package/schematics/ng-update/v18/index.js +2 -2
  22. package/schematics/ng-update/v19/index.js +2 -2
  23. package/schematics/ng-update/v2/index.js +1 -1
  24. package/schematics/ng-update/v3/index.js +1 -1
  25. package/schematics/ng-update/v4/index.js +1 -1
  26. package/schematics/ng-update/v5/index.js +1 -1
  27. package/schematics/ng-update/v6/index.js +1 -1
  28. package/po-ui-ng-components-19.26.0.tgz +0 -0
package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts CHANGED
@@ -50,13 +50,44 @@ export interface PoChartSerie {
50
50
  *
51
51
  * @description
52
52
  *
53
- * Define o texto que será exibido ao passar o mouse por cima das séries do *chart*.
53
+ * Define o texto que será exibido na tooltip ao passar o mouse por cima das séries do *chart*.
54
+ *
55
+ * Formatos aceitos:
56
+ *
57
+ * - **string**: pode conter marcadores dinâmicos e HTML simples.
58
+ * - Marcadores disponíveis:
59
+ * - `{name}` → Nome do item/categoria.
60
+ * - `{seriesName}` → Nome da série.
61
+ * - `{value}` → Valor correspondente.
62
+ *
63
+ * - **function**: função que recebe o objeto `params` e deve retornar uma *string* com o conteúdo da tooltip.
64
+ *
65
+ * > É possível utilizar marcação HTML simples (`<b>`, `<i>`, `<br>`, `<hr>`, etc.) que será interpretada via `innerHTML`.
66
+ *
67
+ * > Formatação customizada (será convertido internamente para HTML):
68
+ * - `\n` → quebra de linha (`<br>`).
69
+ * - `**texto**` → negrito (`<b>`).
70
+ * - `__texto__` → itálico (`<i>`).
54
71
  *
55
72
  * > Caso não seja informado um valor para o *tooltip*, será exibido da seguinte forma:
56
73
  * - `donut`: `label`: valor proporcional ao total em porcentagem.
57
74
  * - `area`, `bar`, `column`, `line` e `pie`: `label`: `data`.
75
+ *
76
+ * ### Exemplos:
77
+ *
78
+ * **Usando string com placeholders:**
79
+ * ```ts
80
+ * tooltip: 'Ano: {name}<br>Série: {seriesName}<br>Valor: <b>{value}</b>'
81
+ * ```
82
+ *
83
+ * **Usando função de callback:**
84
+ * ```ts
85
+ * tooltip = (params) => {
86
+ * return `Ano: ${params.name}<br><i>Valor:</i> ${params.value}`;
87
+ * }
88
+ * ```
58
89
  */
59
- tooltip?: string;
90
+ tooltip?: string | ((params: any) => string);
60
91
  /**
61
92
  * @optional
62
93
  *
package/lib/components/po-chart/po-chart.component.d.ts CHANGED
@@ -99,12 +99,15 @@ export declare class PoChartComponent extends PoChartBaseComponent implements On
99
99
  getCSSVariable(variable: string, selector?: string): string;
100
100
  openModal(): Promise<void>;
101
101
  toggleExpand(): void;
102
+ private applyStringFormatter;
102
103
  private observeContainerResize;
103
104
  private checkShowCEcharts;
104
105
  private setInitialPopupActions;
105
106
  private setHeightProperties;
106
107
  private initECharts;
107
108
  private initEChartsEvents;
109
+ private parseTooltipText;
110
+ private resolveCustomTooltip;
108
111
  private setTooltipProperties;
109
112
  private setChartsProperties;
110
113
  private setOptions;
package/lib/components/po-dropdown/po-dropdown.component.d.ts CHANGED
@@ -31,7 +31,7 @@ export declare class PoDropdownComponent extends PoDropdownBaseComponent {
31
31
  onKeyDown(event: any): void;
32
32
  toggleDropdown(): void;
33
33
  private checkClickArea;
34
- private hideDropdown;
34
+ protected hideDropdown(): void;
35
35
  private initializeListeners;
36
36
  private onScroll;
37
37
  private isDropdownClosed;
package/lib/components/po-modal/po-modal-action.interface.d.ts CHANGED
@@ -16,6 +16,8 @@ export interface PoModalAction {
16
16
  danger?: boolean;
17
17
  /** Desabilita o botão impossibilitando que sua ação seja executada. */
18
18
  disabled?: boolean;
19
+ /** Define o ícone do botão. */
20
+ icon?: string;
19
21
  /** Rótulo do botão. */
20
22
  label: string;
21
23
  /** Habilita um estado de carregamento ao botão, desabilitando-o e exibindo um ícone de carregamento à esquerda de seu rótulo. */
package/lib/components/po-navbar/interfaces/po-navbar-icon-action.interface.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { TemplateRef } from '@angular/core';
2
2
  /**
3
+ * @deprecated v23.x.x
4
+ *
3
5
  * @usedBy PoNavbarComponent
4
6
  *
5
7
  * @description
package/lib/components/po-navbar/interfaces/po-navbar-item.interface.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  /**
2
+ * @deprecated v23.x.x
3
+ *
2
4
  * @usedBy PoNavbarComponent
3
5
  *
4
6
  * @description
package/lib/components/po-navbar/interfaces/po-navbar-literals.interface.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  /**
2
+ * @deprecated v23.x.x
3
+ *
2
4
  * @usedBy PoNavbarComponent
3
5
  *
4
6
  * @description
package/lib/components/po-navbar/po-navbar-base.component.d.ts CHANGED
@@ -30,6 +30,8 @@ export declare abstract class PoNavbarBaseComponent {
30
30
  private _shadow;
31
31
  private language;
32
32
  /**
33
+ * @deprecated v23.x.x
34
+ *
33
35
  * @optional
34
36
  *
35
37
  * @description
@@ -39,6 +41,8 @@ export declare abstract class PoNavbarBaseComponent {
39
41
  set iconActions(value: Array<PoNavbarIconAction>);
40
42
  get iconActions(): Array<PoNavbarIconAction>;
41
43
  /**
44
+ * @deprecated v23.x.x
45
+ *
42
46
  * @optional
43
47
  *
44
48
  * @description
@@ -48,6 +52,8 @@ export declare abstract class PoNavbarBaseComponent {
48
52
  set items(value: Array<PoNavbarItem>);
49
53
  get items(): Array<PoNavbarItem>;
50
54
  /**
55
+ * @deprecated v23.x.x
56
+ *
51
57
  * @optional
52
58
  *
53
59
  * @description
@@ -76,6 +82,8 @@ export declare abstract class PoNavbarBaseComponent {
76
82
  set literals(value: PoNavbarLiterals);
77
83
  get literals(): PoNavbarLiterals;
78
84
  /**
85
+ * @deprecated v23.x.x
86
+ *
79
87
  * @optional
80
88
  *
81
89
  * @description
@@ -85,6 +93,8 @@ export declare abstract class PoNavbarBaseComponent {
85
93
  set logo(value: string);
86
94
  get logo(): string;
87
95
  /**
96
+ * @deprecated v23.x.x
97
+ *
88
98
  * @optional
89
99
  *
90
100
  * @description
@@ -98,6 +108,8 @@ export declare abstract class PoNavbarBaseComponent {
98
108
  */
99
109
  logoAlt?: string;
100
110
  /**
111
+ * @deprecated v23.x.x
112
+ *
101
113
  * @optional
102
114
  *
103
115
  * @description
package/lib/components/po-navbar/po-navbar.component.d.ts CHANGED
@@ -4,6 +4,8 @@ import { PoNavbarBaseComponent } from './po-navbar-base.component';
4
4
  import { PoNavbarItemsComponent } from './po-navbar-items/po-navbar-items.component';
5
5
  import * as i0 from "@angular/core";
6
6
  /**
7
+ * @deprecated v23.x.x use `po-header`
8
+ *
7
9
  * @docsExtends PoNavbarBaseComponent
8
10
  */
9
11
  export declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterViewInit, OnDestroy, OnInit {
package/lib/components/po-navbar/po-navbar.module.d.ts CHANGED
@@ -9,12 +9,17 @@ import * as i7 from "./po-navbar-actions/po-navbar-actions.module";
9
9
  import * as i8 from "./po-navbar-item-navigation/po-navbar-item-navigation.module";
10
10
  import * as i9 from "./po-navbar-items/po-navbar-items.module";
11
11
  /**
12
+ * @deprecated v23.x.x use `po-header`
13
+ *
12
14
  * @description
13
15
  *
14
16
  * Módulo do componente `po-navbar`.
15
- *
17
+ * > Esse componente está **depreciado** e será removido na `v23.x.x`. Recomendamos utilizar o componente
18
+ * [po-header](https://po-ui.io/documentation/po-header), que oferece compatibilidade com todas as funcionalidades do
19
+ * `po-navbar`, além de maior flexibilidade, usabilidade e acessibilidade.
20
+ * >
16
21
  * > Para o correto funcionamento do componente `po-navbar`, deve ser importado o módulo `BrowserAnimationsModule` no
17
- * > módulo principal da sua aplicação.
22
+ * módulo principal da sua aplicação.
18
23
  *
19
24
  * Módulo da aplicação:
20
25
  * ```
package/lib/directives/po-tooltip/po-tooltip.directive.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ElementRef, OnInit, Renderer2, OnDestroy } from '@angular/core';
2
2
  import { PoTooltipBaseDirective } from './po-tooltip-base.directive';
3
3
  import { PoTooltipControlPositionService } from './po-tooltip-control-position.service';
4
+ import { DomSanitizer } from '@angular/platform-browser';
4
5
  import * as i0 from "@angular/core";
5
6
  /**
6
7
  * @docsExtends PoTooltipBaseDirective
@@ -27,6 +28,7 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
27
28
  private elementRef;
28
29
  private renderer;
29
30
  private poControlPosition;
31
+ private readonly sanitizer;
30
32
  private arrowDirection;
31
33
  private divArrow;
32
34
  private divContent;
@@ -35,7 +37,7 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
35
37
  private textContent;
36
38
  private tooltipOffset;
37
39
  private eventListenerFunction;
38
- constructor(elementRef: ElementRef, renderer: Renderer2, poControlPosition: PoTooltipControlPositionService);
40
+ constructor(elementRef: ElementRef, renderer: Renderer2, poControlPosition: PoTooltipControlPositionService, sanitizer: DomSanitizer);
39
41
  ngOnDestroy(): void;
40
42
  ngOnInit(): void;
41
43
  onMouseEnter(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@po-ui/ng-components",
3
- "version": "19.26.0",
3
+ "version": "19.28.0-beta.1",
4
4
  "description": "PO UI - Components",
5
5
  "author": "PO UI",
6
6
  "license": "MIT",
@@ -22,8 +22,8 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@angular/cdk": "~19.0.3",
25
- "@po-ui/style": "19.26.0",
26
- "@po-ui/ng-schematics": "19.26.0",
25
+ "@po-ui/style": "19.28.0-beta.1",
26
+ "@po-ui/ng-schematics": "19.28.0-beta.1",
27
27
  "echarts": "^5.6.0",
28
28
  "tslib": "^2.6.2"
29
29
  },
@@ -38,7 +38,7 @@
38
38
  "@angular/platform-browser-dynamic": "^19",
39
39
  "@angular/router": "^19",
40
40
  "@angular-devkit/schematics": "^19",
41
- "@po-ui/style": "19.26.0",
41
+ "@po-ui/style": "19.28.0-beta.1",
42
42
  "rxjs": "~7.8.1",
43
43
  "zone.js": "~0.15.0"
44
44
  },
package/schematics/ng-add/index.js CHANGED
@@ -18,7 +18,7 @@ function default_1(options) {
18
18
  }
19
19
  function addPoPackageAndInstall() {
20
20
  return (tree, context) => {
21
- (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.26.0');
21
+ (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.28.0-beta.1');
22
22
  // install packages
23
23
  context.addTask(new tasks_1.NodePackageInstallTask());
24
24
  };
package/schematics/ng-update/v14/index.js CHANGED
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
package/schematics/ng-update/v15/index.js CHANGED
@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
11
11
  const httpClientModuleName = 'HttpClientModule';
12
12
  const httpClientModuleSourcePath = '@angular/common/http';
13
13
  function default_1() {
14
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
14
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
15
15
  }
16
16
  function postUpdate() {
17
17
  return (_, context) => {
package/schematics/ng-update/v16/index.js CHANGED
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
package/schematics/ng-update/v17/index.js CHANGED
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
package/schematics/ng-update/v18/index.js CHANGED
@@ -40,11 +40,11 @@ function main(options) {
40
40
  configureNewIcon.toLowerCase() === 'y' ||
41
41
  configureNewIcon.toLowerCase() === 'sim' ||
42
42
  configureNewIcon.toLowerCase() === '') {
43
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
43
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
44
44
  }
45
45
  else {
46
46
  return (0, schematics_1.chain)([
47
- (0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion),
47
+ (0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion),
48
48
  addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
49
49
  addProviderToAppModule(options, newProviderDictionary),
50
50
  updateAppConfigFileRule(),
package/schematics/ng-update/v19/index.js CHANGED
@@ -40,11 +40,11 @@ function main(options) {
40
40
  configureNewIcon.toLowerCase() === 'y' ||
41
41
  configureNewIcon.toLowerCase() === 'sim' ||
42
42
  configureNewIcon.toLowerCase() === '') {
43
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
43
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
44
44
  }
45
45
  else {
46
46
  return (0, schematics_1.chain)([
47
- (0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion),
47
+ (0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion),
48
48
  addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
49
49
  addProviderToAppModule(options, newProviderDictionary),
50
50
  updateAppConfigFileRule(),
package/schematics/ng-update/v2/index.js CHANGED
@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
10
10
  const changes_1 = require("./changes");
11
11
  function updateToV2() {
12
12
  return (0, schematics_1.chain)([
13
- updatePackageJson('19.26.0', changes_1.dependeciesChanges),
13
+ updatePackageJson('19.28.0-beta.1', changes_1.dependeciesChanges),
14
14
  (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
15
15
  (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
16
16
  createUpgradeRule(),
package/schematics/ng-update/v3/index.js CHANGED
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
7
7
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
8
8
  const changes_1 = require("./changes");
9
9
  function updateToV3() {
10
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
package/schematics/ng-update/v4/index.js CHANGED
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
7
7
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
8
8
  const changes_1 = require("./changes");
9
9
  function default_1() {
10
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
package/schematics/ng-update/v5/index.js CHANGED
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
7
7
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
8
8
  const changes_1 = require("./changes");
9
9
  function default_1() {
10
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
package/schematics/ng-update/v6/index.js CHANGED
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.28.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
package/po-ui-ng-components-19.26.0.tgz DELETED
Binary file