@po-ui/ng-components 19.11.0 → 19.13.0

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 (95) hide show
  1. package/fesm2022/po-ui-ng-components.mjs +21861 -20129
  2. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  3. package/lib/components/components.module.d.ts +42 -41
  4. package/lib/components/index.d.ts +1 -0
  5. package/lib/components/po-accordion/po-accordion.component.d.ts +0 -2
  6. package/lib/components/po-avatar/po-avatar.component.d.ts +0 -2
  7. package/lib/components/po-badge/po-badge-base.component.d.ts +12 -12
  8. package/lib/components/po-button/po-button-base.component.d.ts +1 -1
  9. package/lib/components/po-button/po-button.component.d.ts +1 -5
  10. package/lib/components/po-button-group/po-button-group-base.component.d.ts +1 -1
  11. package/lib/components/po-button-group/po-button-group.component.d.ts +1 -1
  12. package/lib/components/po-calendar/po-calendar-base.component.d.ts +27 -27
  13. package/lib/components/po-chart/index.d.ts +1 -0
  14. package/lib/components/po-chart/interfaces/po-chart-axis-options.interface.d.ts +7 -0
  15. package/lib/components/po-chart/interfaces/po-chart-header-options.interface.d.ts +51 -0
  16. package/lib/components/po-chart/interfaces/po-chart-literals-default.interface.d.ts +7 -0
  17. package/lib/components/po-chart/interfaces/po-chart-literals.interface.d.ts +43 -0
  18. package/lib/components/po-chart/interfaces/po-chart-options.interface.d.ts +29 -2
  19. package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts +17 -19
  20. package/lib/components/po-chart/po-chart-switch.component.d.ts +22 -0
  21. package/lib/components/po-chart/po-chart.component.d.ts +1 -1
  22. package/lib/components/po-chart/po-chart.module.d.ts +4 -3
  23. package/lib/components/po-chart-new/index.d.ts +2 -0
  24. package/lib/components/po-chart-new/po-chart-grid-utils.d.ts +23 -0
  25. package/lib/components/po-chart-new/po-chart-new-base.component.d.ts +210 -0
  26. package/lib/components/po-chart-new/po-chart-new.component.d.ts +86 -0
  27. package/lib/components/po-chart-new/po-chart-new.module.d.ts +18 -0
  28. package/lib/components/po-container/po-container-base.component.d.ts +2 -2
  29. package/lib/components/po-dropdown/po-dropdown-base.component.d.ts +1 -1
  30. package/lib/components/po-dropdown/po-dropdown.component.d.ts +1 -3
  31. package/lib/components/po-dynamic/po-dynamic-field.interface.d.ts +4 -4
  32. package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +14 -4
  33. package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-field.interface.d.ts +12 -12
  34. package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +0 -2
  35. package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +9 -9
  36. package/lib/components/po-field/po-email/po-email.component.d.ts +0 -2
  37. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +23 -16
  38. package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.d.ts +2 -2
  39. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +8 -6
  40. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -2
  41. package/lib/components/po-field/po-select/po-select.component.d.ts +0 -2
  42. package/lib/components/po-field/po-switch/po-switch.component.d.ts +53 -8
  43. package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +7 -7
  44. package/lib/components/po-list-view/po-list-view-base.component.d.ts +1 -1
  45. package/lib/components/po-list-view/po-list-view.component.d.ts +1 -1
  46. package/lib/components/po-listbox/po-listbox-base.component.d.ts +1 -1
  47. package/lib/components/po-listbox/po-listbox.component.d.ts +1 -1
  48. package/lib/components/po-menu/po-menu-base.component.d.ts +1 -1
  49. package/lib/components/po-menu/po-menu.component.d.ts +5 -5
  50. package/lib/components/po-modal/po-modal-base.component.d.ts +1 -1
  51. package/lib/components/po-modal/po-modal.component.d.ts +1 -1
  52. package/lib/components/po-popup/po-popup-base.component.d.ts +1 -1
  53. package/lib/components/po-popup/po-popup.component.d.ts +1 -1
  54. package/lib/components/po-progress/po-progress-base.component.d.ts +1 -1
  55. package/lib/components/po-progress/po-progress.component.d.ts +1 -1
  56. package/lib/components/po-search/po-search-base.component.d.ts +1 -1
  57. package/lib/components/po-search/po-search.component.d.ts +1 -1
  58. package/lib/components/po-slide/po-slide-base.component.d.ts +9 -9
  59. package/lib/components/po-table/enums/po-table-spacing.enum.d.ts +7 -5
  60. package/lib/components/po-table/interfaces/po-table-column.interface.d.ts +7 -8
  61. package/lib/components/po-table/po-table-base.component.d.ts +17 -12
  62. package/lib/components/po-table/po-table-column-label/po-table-column-label.interface.d.ts +12 -12
  63. package/lib/components/po-table/po-table-detail/po-table-detail-column.interface.d.ts +5 -6
  64. package/lib/components/po-table/po-table.component.d.ts +3 -3
  65. package/lib/components/po-tabs/po-tabs-base.component.d.ts +1 -1
  66. package/lib/components/po-tabs/po-tabs.component.d.ts +1 -1
  67. package/lib/components/po-tag/po-tag-base.component.d.ts +24 -24
  68. package/lib/components/po-toaster/po-toaster-base.component.d.ts +1 -1
  69. package/lib/components/po-toaster/po-toaster.component.d.ts +1 -1
  70. package/lib/components/po-tree-view/po-tree-view-base.component.d.ts +1 -1
  71. package/lib/components/po-tree-view/po-tree-view.component.d.ts +1 -1
  72. package/lib/directives/po-tooltip/po-tooltip-base.directive.d.ts +32 -1
  73. package/lib/services/po-color/index.d.ts +2 -0
  74. package/lib/services/po-color/po-color.module.d.ts +11 -0
  75. package/lib/services/po-color/po-color.service.d.ts +5 -1
  76. package/lib/services/po-theme/helpers/types/po-theme-dark-defaults.constant.d.ts +20 -2
  77. package/lib/services/po-theme/helpers/types/po-theme-light-defaults.constant.d.ts +4 -2
  78. package/lib/services/po-theme/interfaces/po-theme-color.interface.d.ts +36 -0
  79. package/lib/services/po-theme/po-theme.service.d.ts +42 -28
  80. package/lib/utils/util.d.ts +1 -1
  81. package/package.json +5 -4
  82. package/po-ui-ng-components-19.13.0.tgz +0 -0
  83. package/schematics/ng-add/index.js +1 -1
  84. package/schematics/ng-update/v14/index.js +1 -1
  85. package/schematics/ng-update/v15/index.js +1 -1
  86. package/schematics/ng-update/v16/index.js +1 -1
  87. package/schematics/ng-update/v17/index.js +1 -1
  88. package/schematics/ng-update/v18/index.js +2 -2
  89. package/schematics/ng-update/v19/index.js +2 -2
  90. package/schematics/ng-update/v2/index.js +1 -1
  91. package/schematics/ng-update/v3/index.js +1 -1
  92. package/schematics/ng-update/v4/index.js +1 -1
  93. package/schematics/ng-update/v5/index.js +1 -1
  94. package/schematics/ng-update/v6/index.js +1 -1
  95. package/po-ui-ng-components-19.11.0.tgz +0 -0
@@ -143,18 +143,18 @@ export declare class PoTagBaseComponent {
143
143
  * - O nome da cor, por exemplo `blue`;
144
144
  * - Usando uma das cores do tema do PO:
145
145
  * Valores válidos:
146
- * - <span class="dot po-color-01"></span> `color-01`
147
- * - <span class="dot po-color-02"></span> `color-02`
148
- * - <span class="dot po-color-03"></span> `color-03`
149
- * - <span class="dot po-color-04"></span> `color-04`
150
- * - <span class="dot po-color-05"></span> `color-05`
151
- * - <span class="dot po-color-06"></span> `color-06`
152
- * - <span class="dot po-color-07"></span> `color-07`
153
- * - <span class="dot po-color-08"></span> `color-08`
154
- * - <span class="dot po-color-09"></span> `color-09`
155
- * - <span class="dot po-color-10"></span> `color-10`
156
- * - <span class="dot po-color-11"></span> `color-11`
157
- * - <span class="dot po-color-12"></span> `color-12`
146
+ * - <span class="dot po-color-01"></span> `color-01`
147
+ * - <span class="dot po-color-02"></span> `color-02`
148
+ * - <span class="dot po-color-03"></span> `color-03`
149
+ * - <span class="dot po-color-04"></span> `color-04`
150
+ * - <span class="dot po-color-05"></span> `color-05`
151
+ * - <span class="dot po-color-06"></span> `color-06`
152
+ * - <span class="dot po-color-07"></span> `color-07`
153
+ * - <span class="dot po-color-08"></span> `color-08`
154
+ * - <span class="dot po-color-09"></span> `color-09`
155
+ * - <span class="dot po-color-10"></span> `color-10`
156
+ * - <span class="dot po-color-11"></span> `color-11`
157
+ * - <span class="dot po-color-12"></span> `color-12`
158
158
  *
159
159
  * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background.
160
160
  *
@@ -173,18 +173,18 @@ export declare class PoTagBaseComponent {
173
173
  * - O nome da cor, por exemplo `blue`;
174
174
  * - Usando uma das cores do tema do PO:
175
175
  * Valores válidos:
176
- * - <span class="dot po-color-01"></span> `color-01`
177
- * - <span class="dot po-color-02"></span> `color-02`
178
- * - <span class="dot po-color-03"></span> `color-03`
179
- * - <span class="dot po-color-04"></span> `color-04`
180
- * - <span class="dot po-color-05"></span> `color-05`
181
- * - <span class="dot po-color-06"></span> `color-06`
182
- * - <span class="dot po-color-07"></span> `color-07`
183
- * - <span class="dot po-color-08"></span> `color-08`
184
- * - <span class="dot po-color-09"></span> `color-09`
185
- * - <span class="dot po-color-10"></span> `color-10`
186
- * - <span class="dot po-color-11"></span> `color-11`
187
- * - <span class="dot po-color-12"></span> `color-12`
176
+ * - <span class="dot po-color-01"></span> `color-01`
177
+ * - <span class="dot po-color-02"></span> `color-02`
178
+ * - <span class="dot po-color-03"></span> `color-03`
179
+ * - <span class="dot po-color-04"></span> `color-04`
180
+ * - <span class="dot po-color-05"></span> `color-05`
181
+ * - <span class="dot po-color-06"></span> `color-06`
182
+ * - <span class="dot po-color-07"></span> `color-07`
183
+ * - <span class="dot po-color-08"></span> `color-08`
184
+ * - <span class="dot po-color-09"></span> `color-09`
185
+ * - <span class="dot po-color-10"></span> `color-10`
186
+ * - <span class="dot po-color-11"></span> `color-11`
187
+ * - <span class="dot po-color-12"></span> `color-12`
188
188
  *
189
189
  * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background.
190
190
  *
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { PoThemeService } from '../../services';
2
+ import { PoThemeService } from '../../services/po-theme/po-theme.service';
3
3
  import { PoToasterMode } from './enum/po-toaster-mode.enum';
4
4
  import { PoToasterOrientation } from './enum/po-toaster-orientation.enum';
5
5
  import { PoToasterType } from './enum/po-toaster-type.enum';
@@ -1,6 +1,6 @@
1
1
  import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
2
2
  import { Subject } from 'rxjs';
3
- import { PoThemeService } from '../../services';
3
+ import { PoThemeService } from '../../services/po-theme/po-theme.service';
4
4
  import { PoLanguageService } from '../../services/po-language';
5
5
  import { PoButtonComponent } from '../po-button';
6
6
  import { PoToaster } from './interface/po-toaster.interface';
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { PoThemeService } from '../../services';
2
+ import { PoThemeService } from '../../services/po-theme/po-theme.service';
3
3
  import { PoTreeViewItem } from './po-tree-view-item/po-tree-view-item.interface';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
- import { PoThemeService } from '../../services';
2
+ import { PoThemeService } from '../../services/po-theme/po-theme.service';
3
3
  import { PoTreeViewBaseComponent } from './po-tree-view-base.component';
4
4
  import { PoTreeViewService } from './services/po-tree-view.service';
5
5
  import * as i0 from "@angular/core";
@@ -38,6 +38,35 @@ export declare abstract class PoTooltipBaseDirective {
38
38
  * @default `false`
39
39
  */
40
40
  appendInBody: boolean;
41
+ /**
42
+ * @optional
43
+ *
44
+ * @description
45
+ *
46
+ * Controla a exibição da seta de indicação da tooltip.
47
+ *
48
+ * Quando `true`, a seta que aponta para o elemento alvo será ocultada.
49
+ * Quando `false`, a seta será exibida normalmente.
50
+ *
51
+ * Essa propriedade é útil em cenários onde a seta não é necessária ou pode interferir no layout da aplicação.
52
+ *
53
+ * @default `false`
54
+ */
55
+ hideArrow: boolean;
56
+ /**
57
+ * @optional
58
+ *
59
+ * @description
60
+ *
61
+ * Permite a renderização de conteúdo HTML dentro da tooltip.
62
+ *
63
+ * Quando `true`, o valor da propriedade `tooltip` será interpretado como HTML,
64
+ * possibilitando a utilização de tags e elementos HTML dentro da tooltip.
65
+ * Caso `false`, o conteúdo será tratado como texto puro.
66
+ *
67
+ * @default `false`
68
+ */
69
+ innerHtml: boolean;
41
70
  protected _tooltipPosition?: string;
42
71
  protected tooltipContent: any;
43
72
  private _displayTooltip;
@@ -83,7 +112,9 @@ export declare abstract class PoTooltipBaseDirective {
83
112
  protected abstract addTooltipAction(): any;
84
113
  protected abstract removeTooltipAction(): any;
85
114
  static ɵfac: i0.ɵɵFactoryDeclaration<PoTooltipBaseDirective, never>;
86
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoTooltipBaseDirective, never, never, { "appendInBody": { "alias": "p-append-in-body"; "required": false; }; "tooltip": { "alias": "p-tooltip"; "required": false; }; "tooltipPosition": { "alias": "p-tooltip-position"; "required": false; }; "displayTooltip": { "alias": "p-display-tooltip"; "required": false; }; }, {}, never, never, true, never>;
115
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoTooltipBaseDirective, never, never, { "appendInBody": { "alias": "p-append-in-body"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "innerHtml": { "alias": "p-inner-html"; "required": false; }; "tooltip": { "alias": "p-tooltip"; "required": false; }; "tooltipPosition": { "alias": "p-tooltip-position"; "required": false; }; "displayTooltip": { "alias": "p-display-tooltip"; "required": false; }; }, {}, never, never, true, never>;
87
116
  static ngAcceptInputType_appendInBody: any;
117
+ static ngAcceptInputType_hideArrow: any;
118
+ static ngAcceptInputType_innerHtml: any;
88
119
  static ngAcceptInputType_displayTooltip: any;
89
120
  }
@@ -0,0 +1,2 @@
1
+ export * from './po-color.service';
2
+ export * from './po-color.module';
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * @description
4
+ *
5
+ * Módulo do serviço `po-color`.
6
+ */
7
+ export declare class PoColorModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoColorModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PoColorModule, never, never, never>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<PoColorModule>;
11
+ }
@@ -4,16 +4,20 @@ interface PoColorArgs {
4
4
  }
5
5
  export declare class PoColorService {
6
6
  defaultColors: Array<string>;
7
+ overlayColors: Array<string>;
7
8
  private readonly colorBlack;
8
9
  /**
9
10
  * Avalia a propriedade `color` na lista de items passada. Caso sim, trata se é decimal ou string `po-color`. Caso não haja, retorna a cor default.
10
11
  *
11
12
  * @param data
12
13
  */
13
- getColors<T extends PoColorArgs>(data: Array<T>): Array<T>;
14
+ getColors<T extends PoColorArgs>(data: Array<T>, categoricalColors?: boolean, overlayColors?: boolean): Array<T>;
14
15
  private verifyIfHasColorProperty;
15
16
  private verifyIfIsPoColorPalette;
16
17
  private getDefaultColors;
18
+ private getDefaultCategoricalColors;
19
+ private getRandomColor;
20
+ private getCSSVariable;
17
21
  static ɵfac: i0.ɵɵFactoryDeclaration<PoColorService, never>;
18
22
  static ɵprov: i0.ɵɵInjectableDeclaration<PoColorService>;
19
23
  }
@@ -1,4 +1,4 @@
1
- import { PoThemeColorAction, poThemeColorBrand, PoThemeColorFeedback, PoThemeColorNeutral } from '../../interfaces/po-theme-color.interface';
1
+ import { PoThemeColorAction, poThemeColorBrand, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral } from '../../interfaces/po-theme-color.interface';
2
2
  /**
3
3
  * Define as cores de ação padrão para temas escuros.
4
4
  */
@@ -12,6 +12,8 @@ declare const poThemeDefaultNeutralsDark: PoThemeColorNeutral;
12
12
  */
13
13
  declare const poThemeDefaultFeedbackDark: PoThemeColorFeedback;
14
14
  declare const poThemeDefaultBrandsDark: poThemeColorBrand;
15
+ declare const poThemeDefaultCategoricalsDark: PoThemeColorCategorical;
16
+ declare const poThemeDefaultCategoricalsOverlayDark: PoThemeColorCategorical;
15
17
  /**
16
18
  * Define estilos específicos por componente e onRoot para temas escuros.
17
19
  */
@@ -104,6 +106,22 @@ declare const poThemeDefaultDarkValues: {
104
106
  '--color-calendar-background-color-box-background-range': string;
105
107
  '--color-stepper-circle-disabled': string;
106
108
  '--color-stepper-bar-disabled': string;
109
+ '--color-caption-categorical-01': string;
110
+ '--color-caption-categorical-02': string;
111
+ '--color-caption-categorical-03': string;
112
+ '--color-caption-categorical-04': string;
113
+ '--color-caption-categorical-05': string;
114
+ '--color-caption-categorical-06': string;
115
+ '--color-caption-categorical-07': string;
116
+ '--color-caption-categorical-08': string;
117
+ '--color-caption-categorical-overlay-01': string;
118
+ '--color-caption-categorical-overlay-02': string;
119
+ '--color-caption-categorical-overlay-03': string;
120
+ '--color-caption-categorical-overlay-04': string;
121
+ '--color-caption-categorical-overlay-05': string;
122
+ '--color-caption-categorical-overlay-06': string;
123
+ '--color-caption-categorical-overlay-07': string;
124
+ '--color-caption-categorical-overlay-08': string;
107
125
  };
108
126
  };
109
- export { poThemeDefaultBrandsDark, poThemeDefaultActionsDark, poThemeDefaultFeedbackDark, poThemeDefaultNeutralsDark, poThemeDefaultDarkValues };
127
+ export { poThemeDefaultBrandsDark, poThemeDefaultActionsDark, poThemeDefaultFeedbackDark, poThemeDefaultNeutralsDark, poThemeDefaultDarkValues, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsOverlayDark };
@@ -1,4 +1,4 @@
1
- import { PoThemeColorAction, PoThemeColorFeedback, PoThemeColorNeutral, poThemeColorBrand } from '../../interfaces/po-theme-color.interface';
1
+ import { PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, poThemeColorBrand } from '../../interfaces/po-theme-color.interface';
2
2
  /**
3
3
  * Define as cores de ação padrão para temas claros.
4
4
  */
@@ -15,6 +15,8 @@ declare const poThemeDefaultFeedback: PoThemeColorFeedback;
15
15
  * Define as cores da Brand padrão para temas claros.
16
16
  */
17
17
  declare const poThemeDefaultBrands: poThemeColorBrand;
18
+ declare const poThemeDefaultCategoricals: PoThemeColorCategorical;
19
+ declare const poThemeDefaultOverlayCategoricals: PoThemeColorCategorical;
18
20
  /**
19
21
  * Define estilos específicos por componente e onRoot para temas claros para AAA.
20
22
  */
@@ -22,4 +24,4 @@ declare const poThemeDefaultLightValues: {
22
24
  perComponent: {};
23
25
  onRoot: {};
24
26
  };
25
- export { poThemeDefaultBrands, poThemeDefaultActions, poThemeDefaultFeedback, poThemeDefaultNeutrals, poThemeDefaultLightValues };
27
+ export { poThemeDefaultBrands, poThemeDefaultActions, poThemeDefaultFeedback, poThemeDefaultNeutrals, poThemeDefaultLightValues, poThemeDefaultCategoricals, poThemeDefaultOverlayCategoricals };
@@ -46,6 +46,32 @@ export interface PoThemeColor {
46
46
  */
47
47
  'neutral'?: PoThemeColorNeutral;
48
48
  'feedback'?: PoThemeColorFeedback;
49
+ /**
50
+ * Cores da Categorical a serem aplicadas.
51
+ *
52
+ * Exemplo de uso:
53
+ * ```typescript
54
+ * PoThemeColor.categorical = {
55
+ * 01: string,
56
+ * 02: string,
57
+ * 03: string
58
+ * }
59
+ * ```
60
+ */
61
+ 'categorical'?: PoThemeColorCategorical;
62
+ /**
63
+ * Cores da Categorical a serem aplicadas.
64
+ *
65
+ * Exemplo de uso:
66
+ * ```typescript
67
+ * PoThemeColor.categorical = {
68
+ * 01: string,
69
+ * 02: string,
70
+ * 03: string
71
+ * }
72
+ * ```
73
+ */
74
+ 'categorical-overlay'?: PoThemeColorCategorical;
49
75
  }
50
76
  /**
51
77
  * Interface para as variantes de cor da marca.
@@ -371,4 +397,14 @@ export interface PoThemeColorNeutral {
371
397
  '95'?: string;
372
398
  };
373
399
  }
400
+ export interface PoThemeColorCategorical {
401
+ '01'?: string;
402
+ '02'?: string;
403
+ '03'?: string;
404
+ '04'?: string;
405
+ '05'?: string;
406
+ '06'?: string;
407
+ '07'?: string;
408
+ '08'?: string;
409
+ }
374
410
  export {};
@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
8
8
  *
9
9
  * O `PoThemeService` possibilita a personalização das cores do tema padrão do `PO-UI`, permitindo a alteração dos valores das variáveis de estilo usadas no CSS padrão.
10
10
  *
11
- * > Para saber mais sobre como customizar as cores do tema padrão verifique o item [Customizando cores do tema padrão](https://po-ui.io/guides/colors-customization) na aba `Guias`.
11
+ * > Para saber mais sobre como customizar o tema padrão verifique o item [Customização de Temas usando o serviço PO-UI](guides/theme-service) na aba `Guias`.
12
12
  *
13
13
  * > Obs.: Não está documentado aqui e não indicamos a customização das cores de 'feedback' por motivos de acessibilidade e usabilidade.
14
14
  */
@@ -75,38 +75,51 @@ export declare class PoThemeService {
75
75
  * A classe do tema é aplicada no HTML e pode ser formatada como `html[class*="-light-AA"]` para personalizações
76
76
  * em temas específicos.
77
77
  *
78
- * @param {PoThemeActive} active - Objeto que define o tema ativo, com `type` e `a11y`.
78
+ * @param {PoThemeActive} active - Configuração do tema ativo:
79
79
  * @param {any} perComponent - Objeto contendo os estilos específicos para componentes a serem aplicados.
80
80
  * @param {any} onRoot - Objeto contendo tokens de estilo que serão aplicados diretamente no seletor `:root` do HTML.
81
+ * @param {string | Array<string>} [classPrefix] - Prefixo(s) de classe para direcionamento preciso.
81
82
  *
82
83
  * @example
84
+ * #### 1. Com prefixo único
85
+ * ```typescript
86
+ * setPerComponentAndOnRoot(
87
+ * { type: 'dark', a11y: 'AA' },
88
+ * { 'po-input': { background: '#222' } },
89
+ * { '--text-color': '#fff' },
90
+ * 'myTheme'
91
+ * );
92
+ * ```
93
+ * **Saída:**
94
+ * ```css
95
+ * :root[class*="-dark-AA"][class*="myTheme"] {
96
+ * --text-color: #fff;
97
+ * po-input { background: #222; }
98
+ * }
99
+ * ```
100
+ *
101
+ * #### 2. Com múltiplos prefixos
102
+ * ```typescript
103
+ * setPerComponentAndOnRoot(
104
+ * { type: 'light' },
105
+ * null,
106
+ * { '--primary': '#3e8ed0' },
107
+ * ['myTheme', 'portal-v2']
108
+ * );
109
+ * ```
110
+ * **Saída:**
111
+ * ```css
112
+ * :root[class*="-light"][class*="myTheme"],
113
+ * :root[class*="-light"][class*="portal-v2"] {
114
+ * --primary: #3e8ed0;
115
+ * }
116
+ * ```
117
+ *
118
+ * - Quando usado com array, gera um seletor CSS com múltiplos targets (separados por vírgula).
119
+ * - Mantém a especificidade original do tema (`[class*="-type-a11y"]`) combinada com cada prefixo.
83
120
  *
84
- * // Exemplo de utilização com um tema ativo e tokens de estilo
85
- * const themeActive = { type: 'light', a11y: 'AA' };
86
- * const perComponentStyles = {
87
- * 'po-listbox [hidden]': {
88
- * 'display': 'flex !important'
89
- * }
90
- * };
91
- * const onRootStyles = {
92
- * '--font-family': 'Roboto',
93
- * '--background-color': '#fff'
94
- * };
95
- *
96
- * this.setPerComponentAndOnRoot(themeActive, perComponentStyles, onRootStyles);
97
- *
98
- * // Resultado:
99
- * // Gera e aplica os seguintes estilos no DOM
100
- * // html[class*="-light-AA"]:root {
101
- * // --font-family: 'Roboto';
102
- * // --background-color: '#fff';
103
- * // po-listbox [hidden] {
104
- * // display: flex !important;
105
- * // }
106
- * // }
107
- *
108
- */
109
- setPerComponentAndOnRoot(active: PoThemeActive, perComponent: any, onRoot: any): void;
121
+ */
122
+ setPerComponentAndOnRoot(active: PoThemeActive, perComponent: any, onRoot: any, classPrefix?: string | Array<string>): void;
110
123
  /**
111
124
  * @docsPrivate
112
125
  *
@@ -212,6 +225,7 @@ export declare class PoThemeService {
212
225
  * @returns {string} Imagem SVG utilizada no po-select.
213
226
  */
214
227
  private getSelectBgIcon;
228
+ private dispatchEvent;
215
229
  /**
216
230
  * Define o tipo (light/dark) quando um tema está sendo aplicado.
217
231
  *
@@ -1,4 +1,4 @@
1
- import { PoThemeService } from '../services';
1
+ import { PoThemeService } from '../services/po-theme/po-theme.service';
2
2
  /**
3
3
  * Converte e formata os bytes em formato mais legível para o usuário.
4
4
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@po-ui/ng-components",
3
- "version": "19.11.0",
3
+ "version": "19.13.0",
4
4
  "description": "PO UI - Components",
5
5
  "author": "PO UI",
6
6
  "license": "MIT",
@@ -22,8 +22,9 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@angular/cdk": "~19.0.3",
25
- "@po-ui/style": "19.11.0",
26
- "@po-ui/ng-schematics": "19.11.0",
25
+ "@po-ui/style": "19.13.0",
26
+ "@po-ui/ng-schematics": "19.13.0",
27
+ "echarts": "^5.6.0",
27
28
  "tslib": "^2.6.2"
28
29
  },
29
30
  "peerDependencies": {
@@ -37,7 +38,7 @@
37
38
  "@angular/platform-browser-dynamic": "^19",
38
39
  "@angular/router": "^19",
39
40
  "@angular-devkit/schematics": "^19",
40
- "@po-ui/style": "19.11.0",
41
+ "@po-ui/style": "19.13.0",
41
42
  "rxjs": "~7.8.1",
42
43
  "zone.js": "~0.15.0"
43
44
  },
Binary file
@@ -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.11.0');
21
+ (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.13.0');
22
22
  // install packages
23
23
  context.addTask(new tasks_1.NodePackageInstallTask());
24
24
  };
@@ -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.11.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
14
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
15
15
  }
16
16
  function postUpdate() {
17
17
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
43
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
44
44
  }
45
45
  else {
46
46
  return (0, schematics_1.chain)([
47
- (0, package_config_1.updatePackageJson)('19.11.0', changes_1.updateDepedenciesVersion),
47
+ (0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion),
48
48
  addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
49
49
  addProviderToAppModule(options, newProviderDictionary),
50
50
  updateAppConfigFileRule(),
@@ -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.11.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
43
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
44
44
  }
45
45
  else {
46
46
  return (0, schematics_1.chain)([
47
- (0, package_config_1.updatePackageJson)('19.11.0', changes_1.updateDepedenciesVersion),
47
+ (0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion),
48
48
  addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
49
49
  addProviderToAppModule(options, newProviderDictionary),
50
50
  updateAppConfigFileRule(),
@@ -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.11.0', changes_1.dependeciesChanges),
13
+ updatePackageJson('19.13.0', 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(),
@@ -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.11.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
@@ -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.11.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.13.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
Binary file