@po-ui/ng-components 21.15.0 → 21.17.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.
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-C4GP9pZp.mjs → po-ui-ng-components-po-chart-modal-table.component-BkH0bb8j.mjs} +4 -4
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-C4GP9pZp.mjs.map → po-ui-ng-components-po-chart-modal-table.component-BkH0bb8j.mjs.map} +1 -1
- package/fesm2022/po-ui-ng-components.mjs +1603 -1254
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/po-filter-chip/index.d.ts +4 -0
- package/lib/components/po-filter-chip/interfaces/po-filter-chip-selected-change.interface.d.ts +13 -0
- package/lib/components/po-filter-chip/po-filter-chip-base.component.d.ts +91 -0
- package/lib/components/po-filter-chip/po-filter-chip.component.d.ts +31 -0
- package/lib/components/po-filter-chip/po-filter-chip.module.d.ts +7 -0
- package/lib/components/po-helper/interfaces/po-helper.interface.d.ts +10 -5
- package/lib/components/po-helper/po-helper.component.d.ts +2 -0
- package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +35 -1
- package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +11 -1
- package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +11 -1
- package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +10 -2
- package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +11 -1
- package/lib/components/po-popover/po-popover.component.d.ts +1 -0
- package/lib/utils/safe-text-parser.d.ts +23 -0
- package/package.json +4 -4
- package/po-ui-ng-components-21.17.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/types/po-ui-ng-components.d.ts +256 -17
- package/po-ui-ng-components-21.15.0.tgz +0 -0
|
@@ -15,6 +15,7 @@ export * from './po-divider/index';
|
|
|
15
15
|
export * from './po-dropdown/index';
|
|
16
16
|
export * from './po-dynamic/index';
|
|
17
17
|
export * from './po-field/index';
|
|
18
|
+
export * from './po-filter-chip/index';
|
|
18
19
|
export * from './po-gauge/index';
|
|
19
20
|
export * from './po-grid/index';
|
|
20
21
|
export * from './po-helper/index';
|
package/lib/components/po-filter-chip/interfaces/po-filter-chip-selected-change.interface.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @usedBy PoFilterChipComponent
|
|
3
|
+
*
|
|
4
|
+
* @description
|
|
5
|
+
*
|
|
6
|
+
* Interface que define o objeto emitido pelo evento `p-selected-change`.
|
|
7
|
+
*/
|
|
8
|
+
export interface PoFilterChipSelectedChange {
|
|
9
|
+
/** Rótulo de texto do *chip*. */
|
|
10
|
+
label: string;
|
|
11
|
+
/** Estado de seleção do *chip* (`true` para selecionado, `false` para desmarcado). */
|
|
12
|
+
selected: boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { PoFilterChipSelectedChange } from './interfaces/po-filter-chip-selected-change.interface';
|
|
2
|
+
/**
|
|
3
|
+
* @description
|
|
4
|
+
*
|
|
5
|
+
* O `po-filter-chip` é um componente interativo que representa uma opção de filtro selecionável na forma de chip.
|
|
6
|
+
* O componente exibe um rótulo de texto e suporta três estados visuais: padrão (repouso), hover e selecionado.
|
|
7
|
+
* No estado selecionado, um ícone de check é exibido à esquerda do rótulo.
|
|
8
|
+
*
|
|
9
|
+
* #### Boas práticas
|
|
10
|
+
*
|
|
11
|
+
* - Utilize `labels` curtos e descritivos para os filtros.
|
|
12
|
+
* - Agrupe múltiplos `po-filter-chip` para representar opções de filtragem relacionadas.
|
|
13
|
+
* - Utilize a propriedade `p-disabled` para filtros temporariamente indisponíveis.
|
|
14
|
+
*
|
|
15
|
+
* #### Acessibilidade tratada no componente
|
|
16
|
+
*
|
|
17
|
+
* Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo proprietário do conteúdo. São elas:
|
|
18
|
+
*
|
|
19
|
+
* - O componente possui `role="option"` e `aria-selected` refletindo o estado de seleção. [W3C WAI-ARIA 3.14 Listbox](https://www.w3.org/WAI/ARIA/apg/#listbox)
|
|
20
|
+
* - Quando em foco, o chip é ativado usando as teclas de Espaço e Enter do teclado. [W3C WAI-ARIA 3.5 Button - Keyboard Interaction](https://www.w3.org/WAI/ARIA/apg/#keyboard-interaction-3)
|
|
21
|
+
*
|
|
22
|
+
* #### Tokens customizáveis
|
|
23
|
+
*
|
|
24
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
25
|
+
*
|
|
26
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
27
|
+
*
|
|
28
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
29
|
+
* |--------------------------------|----------------------------------------------------|---------------------------------------------|
|
|
30
|
+
* | `--border-radius` | Raio dos cantos do elemento | `var(--border-radius-lg)` |
|
|
31
|
+
* | `--border-width` | Largura da borda | `var(--border-width-sm)` |
|
|
32
|
+
* | `--font-family` | Família tipográfica | `var(--font-family-theme)` |
|
|
33
|
+
* | `--font-size` | Tamanho da fonte | `var(--font-size-default)` |
|
|
34
|
+
* | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` |
|
|
35
|
+
* | **Default** | | |
|
|
36
|
+
* | `--border-color` | Cor da borda no estado padrão | `var(--color-neutral-light-20)` |
|
|
37
|
+
* | `--text-color` | Cor do texto no estado padrão | `var(--color-neutral-dark-80)` |
|
|
38
|
+
* | `--background-color` | Cor de fundo no estado padrão | `transparent` |
|
|
39
|
+
* | **Hover** | | |
|
|
40
|
+
* | `--background-color-hover` | Cor de fundo no estado hover | `var(--color-brand-01-lightest)` |
|
|
41
|
+
* | `--text-color-hover` | Cor do texto no estado hover | `var(--color-action-default)` |
|
|
42
|
+
* | **Selected** | | |
|
|
43
|
+
* | `--background-color-selected` | Cor de fundo no estado selecionado | `var(--color-brand-01-lightest)` |
|
|
44
|
+
* | `--border-color-selected` | Cor da borda no estado selecionado | `var(--color-brand-01-lighter)` |
|
|
45
|
+
* | `--text-color-selected` | Cor do texto no estado selecionado | `var(--color-action-default)` |
|
|
46
|
+
* | `--icon-color-selected` | Cor do ícone no estado selecionado | `var(--color-action-default)` |
|
|
47
|
+
* | **Disabled** | | |
|
|
48
|
+
* | `--opacity-disabled` | Opacidade no estado desabilitado | `0.5` |
|
|
49
|
+
*
|
|
50
|
+
*/
|
|
51
|
+
export declare class PoFilterChipBaseComponent {
|
|
52
|
+
/**
|
|
53
|
+
* @optional
|
|
54
|
+
*
|
|
55
|
+
* @description
|
|
56
|
+
*
|
|
57
|
+
* Define se o chip está desabilitado, impedindo qualquer interação do usuário.
|
|
58
|
+
*
|
|
59
|
+
* Quando habilitado, o chip não responde a cliques nem a eventos de teclado (Enter/Space).
|
|
60
|
+
*
|
|
61
|
+
* @default `false`
|
|
62
|
+
*/
|
|
63
|
+
disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
64
|
+
/**
|
|
65
|
+
* @optional
|
|
66
|
+
*
|
|
67
|
+
* @description
|
|
68
|
+
*
|
|
69
|
+
* Define o rótulo de texto exibido no chip.
|
|
70
|
+
*/
|
|
71
|
+
label: import("@angular/core").InputSignal<string>;
|
|
72
|
+
/**
|
|
73
|
+
* @optional
|
|
74
|
+
*
|
|
75
|
+
* @description
|
|
76
|
+
*
|
|
77
|
+
* Define o estado de seleção do chip.
|
|
78
|
+
*
|
|
79
|
+
* @default `false`
|
|
80
|
+
*/
|
|
81
|
+
selected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
82
|
+
/**
|
|
83
|
+
* @optional
|
|
84
|
+
*
|
|
85
|
+
* @description
|
|
86
|
+
*
|
|
87
|
+
* Evento disparado após a alteração do estado de seleção do *chip*. Retorna o objeto PoFilterChipSelectedChange
|
|
88
|
+
* modificado.
|
|
89
|
+
*/
|
|
90
|
+
selectedChange: import("@angular/core").OutputEmitterRef<PoFilterChipSelectedChange>;
|
|
91
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { PoFilterChipBaseComponent } from './po-filter-chip-base.component';
|
|
2
|
+
/**
|
|
3
|
+
* @docsExtends PoFilterChipBaseComponent
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
*
|
|
7
|
+
* <example name="po-filter-chip-basic" title="PO Filter Chip Basic">
|
|
8
|
+
* <file name="sample-po-filter-chip-basic/sample-po-filter-chip-basic.component.html"> </file>
|
|
9
|
+
* <file name="sample-po-filter-chip-basic/sample-po-filter-chip-basic.component.ts"> </file>
|
|
10
|
+
* </example>
|
|
11
|
+
*
|
|
12
|
+
* <example name="po-filter-chip-labs" title="PO Filter Chip Labs">
|
|
13
|
+
* <file name="sample-po-filter-chip-labs/sample-po-filter-chip-labs.component.html"> </file>
|
|
14
|
+
* <file name="sample-po-filter-chip-labs/sample-po-filter-chip-labs.component.ts"> </file>
|
|
15
|
+
* </example>
|
|
16
|
+
*
|
|
17
|
+
* <example name="po-filter-chip-filter-list" title="PO Filter Chip - Filter List">
|
|
18
|
+
* <file name="sample-po-filter-chip-filter-list/sample-po-filter-chip-filter-list.component.html"> </file>
|
|
19
|
+
* <file name="sample-po-filter-chip-filter-list/sample-po-filter-chip-filter-list.component.ts"> </file>
|
|
20
|
+
* </example>
|
|
21
|
+
*/
|
|
22
|
+
export declare class PoFilterChipComponent extends PoFilterChipBaseComponent {
|
|
23
|
+
private readonly _selected;
|
|
24
|
+
private initialized;
|
|
25
|
+
isSelected: import("@angular/core").Signal<boolean>;
|
|
26
|
+
constructor();
|
|
27
|
+
protected onClick(): void;
|
|
28
|
+
protected onKeydown(event: Event): void;
|
|
29
|
+
private setupSelectedEffect;
|
|
30
|
+
private toggle;
|
|
31
|
+
}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @usedBy PoHelperComponent
|
|
2
|
+
* @usedBy PoHelperComponent, PoPageDefaultComponent
|
|
3
3
|
*
|
|
4
4
|
* @description
|
|
5
5
|
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* Permite customizar o conteúdo, título, tipo do ícone, modo de abertura do popover, ações customizadas e eventos.
|
|
9
|
-
*
|
|
6
|
+
* Interface para configuração das opções de ajuda (*helper*).
|
|
10
7
|
*/
|
|
11
8
|
export interface PoHelperOptions {
|
|
12
9
|
/**
|
|
@@ -25,6 +22,14 @@ export interface PoHelperOptions {
|
|
|
25
22
|
* @description
|
|
26
23
|
*
|
|
27
24
|
* Texto explicativo exibido no popover.
|
|
25
|
+
*
|
|
26
|
+
* Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
|
|
27
|
+
* `<u>` (sublinhado).
|
|
28
|
+
*
|
|
29
|
+
* Exemplo:
|
|
30
|
+
* ```typescript
|
|
31
|
+
* content: 'Texto <b>importante</b> com <em>destaque</em> e <u>sublinhado</u>'
|
|
32
|
+
* ```
|
|
28
33
|
*/
|
|
29
34
|
content?: string;
|
|
30
35
|
/**
|
|
@@ -2,6 +2,7 @@ import { ElementRef, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, ChangeD
|
|
|
2
2
|
import { PoHelperBaseComponent } from './po-helper-base.component';
|
|
3
3
|
import { PoPopoverComponent } from '../po-popover/po-popover.component';
|
|
4
4
|
import { PoButtonComponent } from '../po-button';
|
|
5
|
+
import { PoTextFragment } from '../../utils/safe-text-parser';
|
|
5
6
|
/**
|
|
6
7
|
* @docsExtends PoHelperBaseComponent
|
|
7
8
|
*
|
|
@@ -34,6 +35,7 @@ export declare class PoHelperComponent extends PoHelperBaseComponent implements
|
|
|
34
35
|
id: string;
|
|
35
36
|
private boundFocusIn;
|
|
36
37
|
private readonly poHelperLiterals;
|
|
38
|
+
protected readonly contentFragments: import("@angular/core").Signal<PoTextFragment[]>;
|
|
37
39
|
constructor(cdr: ChangeDetectorRef);
|
|
38
40
|
ngAfterViewInit(): void;
|
|
39
41
|
setPopoverPositionByScreen(): void;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PoLanguageService } from './../../../services/po-language/po-language.service';
|
|
2
2
|
import { PoBreadcrumb } from '../../po-breadcrumb/po-breadcrumb.interface';
|
|
3
|
+
import { PoHelperOptions } from '../../po-helper/interfaces/po-helper.interface';
|
|
3
4
|
import { PoPageAction } from '../interfaces/po-page-action.interface';
|
|
4
5
|
import { PoPageContentComponent } from '../po-page-content/po-page-content.component';
|
|
5
6
|
import { PoPageActionsLayout } from './enums/po-page-actions-layout.enum';
|
|
@@ -99,6 +100,30 @@ export declare abstract class PoPageDefaultBaseComponent {
|
|
|
99
100
|
*/
|
|
100
101
|
set componentsSize(value: string);
|
|
101
102
|
get componentsSize(): string;
|
|
103
|
+
/**
|
|
104
|
+
* @optional
|
|
105
|
+
*
|
|
106
|
+
* @description
|
|
107
|
+
*
|
|
108
|
+
* Define o conteúdo do po-helper informativo exibido ao lado do subtítulo da página.
|
|
109
|
+
*
|
|
110
|
+
* Quando não houver subtítulo (`p-subtitle`), o po-helper será exibido logo abaixo do título.
|
|
111
|
+
*
|
|
112
|
+
* Aceita uma string simples (exibida como conteúdo) ou um objeto do tipo `PoHelperOptions`
|
|
113
|
+
* para configuração avançada (título, conteúdo, tipo, ações).
|
|
114
|
+
*
|
|
115
|
+
* Exemplo de uso:
|
|
116
|
+
* ```html
|
|
117
|
+
* <po-page-default
|
|
118
|
+
* p-title="Cadastro"
|
|
119
|
+
* p-subtitle="Preencha os dados"
|
|
120
|
+
* [p-helper]="{ title: 'Ajuda', content: 'Informações sobre o cadastro' }"
|
|
121
|
+
* ></po-page-default>
|
|
122
|
+
* ```
|
|
123
|
+
*
|
|
124
|
+
* @default `info`
|
|
125
|
+
*/
|
|
126
|
+
helper: import("@angular/core").InputSignalWithTransform<string | PoHelperOptions, string | PoHelperOptions>;
|
|
102
127
|
/**
|
|
103
128
|
* @optional
|
|
104
129
|
*
|
|
@@ -169,7 +194,15 @@ export declare abstract class PoPageDefaultBaseComponent {
|
|
|
169
194
|
*
|
|
170
195
|
* Define um texto de apoio ou informações adicionais logo abaixo do título principal.
|
|
171
196
|
*
|
|
172
|
-
*
|
|
197
|
+
* Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
|
|
198
|
+
* `<u>` (sublinhado).
|
|
199
|
+
*
|
|
200
|
+
* Exemplo:
|
|
201
|
+
* ```typescript
|
|
202
|
+
* subtitle = 'Texto <b>importante</b> com <em>destaque</em> e <u>sublinhado</u>';
|
|
203
|
+
* ```
|
|
204
|
+
*
|
|
205
|
+
* > Requer que `p-title` esteja definido.
|
|
173
206
|
*/
|
|
174
207
|
set subtitle(value: string);
|
|
175
208
|
get subtitle(): string;
|
|
@@ -186,6 +219,7 @@ export declare abstract class PoPageDefaultBaseComponent {
|
|
|
186
219
|
constructor(languageService: PoLanguageService);
|
|
187
220
|
protected onThemeChange(): void;
|
|
188
221
|
private applySizeBasedOnA11y;
|
|
222
|
+
private transformPageHelper;
|
|
189
223
|
abstract setDropdownActions(): any;
|
|
190
224
|
abstract getVisibleActions(): any;
|
|
191
225
|
}
|
|
@@ -133,7 +133,17 @@ export declare class PoPageDetailBaseComponent {
|
|
|
133
133
|
*
|
|
134
134
|
* @description
|
|
135
135
|
*
|
|
136
|
-
* Subtitulo do Header da página
|
|
136
|
+
* Subtitulo do Header da página.
|
|
137
|
+
*
|
|
138
|
+
* Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
|
|
139
|
+
* `<u>` (sublinhado).
|
|
140
|
+
*
|
|
141
|
+
* Exemplo:
|
|
142
|
+
* ```typescript
|
|
143
|
+
* subtitle = 'Status: <b>Active</b> | Role: <i>Administrator</i>';
|
|
144
|
+
* ```
|
|
145
|
+
*
|
|
146
|
+
* > Requer que `p-title` esteja definido.
|
|
137
147
|
*/
|
|
138
148
|
subtitle: string;
|
|
139
149
|
constructor(languageService: PoLanguageService);
|
|
@@ -139,7 +139,17 @@ export declare class PoPageEditBaseComponent {
|
|
|
139
139
|
*
|
|
140
140
|
* @description
|
|
141
141
|
*
|
|
142
|
-
* Subtitulo do Header da página
|
|
142
|
+
* Subtitulo do Header da página.
|
|
143
|
+
*
|
|
144
|
+
* Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
|
|
145
|
+
* `<u>` (sublinhado).
|
|
146
|
+
*
|
|
147
|
+
* Exemplo:
|
|
148
|
+
* ```typescript
|
|
149
|
+
* subtitle = 'Fields marked with <b>*</b> are <u>required</u>';
|
|
150
|
+
* ```
|
|
151
|
+
*
|
|
152
|
+
* > Requer que `p-title` esteja definido.
|
|
143
153
|
*/
|
|
144
154
|
subtitle: string;
|
|
145
155
|
constructor(languageService: PoLanguageService);
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { PoBreadcrumb } from '../../po-breadcrumb/po-breadcrumb.interface';
|
|
2
|
+
import { PoHelperOptions } from '../../po-helper/interfaces/po-helper.interface';
|
|
3
|
+
import { PoTextFragment } from '../../../utils/safe-text-parser';
|
|
2
4
|
/**
|
|
3
5
|
* @docsPrivate
|
|
4
6
|
*
|
|
@@ -10,14 +12,20 @@ import { PoBreadcrumb } from '../../po-breadcrumb/po-breadcrumb.interface';
|
|
|
10
12
|
export declare class PoPageHeaderBaseComponent {
|
|
11
13
|
/** Título da página. */
|
|
12
14
|
title: string;
|
|
15
|
+
/** Define o conteúdo do po-helper. */
|
|
16
|
+
helper: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
13
17
|
/** Define o tamanho dos componentes no header. */
|
|
14
18
|
size: string;
|
|
15
|
-
/** Subtítulo da página. */
|
|
16
|
-
subtitle: string;
|
|
17
19
|
/** Define o tipo de header: `primary`, `secondary` ou `tertiary`. */
|
|
18
20
|
type: string;
|
|
19
21
|
private _breadcrumb;
|
|
22
|
+
private _subtitle;
|
|
23
|
+
private _subtitleFragments;
|
|
20
24
|
/** Objeto com propriedades do breadcrumb. */
|
|
21
25
|
set breadcrumb(value: PoBreadcrumb);
|
|
22
26
|
get breadcrumb(): PoBreadcrumb;
|
|
27
|
+
/** Subtítulo da página. */
|
|
28
|
+
set subtitle(value: string);
|
|
29
|
+
get subtitle(): string;
|
|
30
|
+
get subtitleFragments(): Array<PoTextFragment>;
|
|
23
31
|
}
|
|
@@ -149,7 +149,17 @@ export declare abstract class PoPageListBaseComponent {
|
|
|
149
149
|
*
|
|
150
150
|
* @description
|
|
151
151
|
*
|
|
152
|
-
* Subtitulo do Header da página
|
|
152
|
+
* Subtitulo do Header da página.
|
|
153
|
+
*
|
|
154
|
+
* Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
|
|
155
|
+
* `<u>` (sublinhado).
|
|
156
|
+
*
|
|
157
|
+
* Exemplo:
|
|
158
|
+
* ```typescript
|
|
159
|
+
* subtitle = 'Manage <b>active</b> and <i>pending</i> processes';
|
|
160
|
+
* ```
|
|
161
|
+
*
|
|
162
|
+
* > Requer que `p-title` esteja definido.
|
|
153
163
|
*/
|
|
154
164
|
subtitle: string;
|
|
155
165
|
constructor(languageService: PoLanguageService);
|
|
@@ -46,6 +46,7 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
|
|
|
46
46
|
close(): void;
|
|
47
47
|
debounceResize(): void;
|
|
48
48
|
open(): void;
|
|
49
|
+
private showPopover;
|
|
49
50
|
ensurePopoverPosition(): void;
|
|
50
51
|
setOpacity(value: number): void;
|
|
51
52
|
setPopoverPosition(): void;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Parser seguro de tags de formatação (`<b>`, `<strong>`, `<i>`, `<em>`, `<u>`).
|
|
3
|
+
* Não utiliza `innerHTML`. Tags fora da whitelist são removidas (proteção XSS).
|
|
4
|
+
*/
|
|
5
|
+
/** Fragmento de texto com flags de formatação. */
|
|
6
|
+
export interface PoTextFragment {
|
|
7
|
+
text: string;
|
|
8
|
+
bold: boolean;
|
|
9
|
+
italic: boolean;
|
|
10
|
+
underline: boolean;
|
|
11
|
+
}
|
|
12
|
+
/** Tags de formatação suportadas. */
|
|
13
|
+
export type PoFormattingTag = 'b' | 'i' | 'u' | 'strong' | 'em';
|
|
14
|
+
/**
|
|
15
|
+
* Faz o parsing seguro de uma string com tags de formatação.
|
|
16
|
+
*
|
|
17
|
+
* O consumidor declara quais tags aceita via `allowedTags` (obrigatório).
|
|
18
|
+
* Tags não listadas são removidas. Tags aninhadas são suportadas.
|
|
19
|
+
*
|
|
20
|
+
* @param content String com possíveis tags de formatação.
|
|
21
|
+
* @param allowedTags Tags permitidas pelo consumidor.
|
|
22
|
+
*/
|
|
23
|
+
export declare function parseSafeText(content: string, allowedTags: Array<PoFormattingTag>): Array<PoTextFragment>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.17.0",
|
|
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": "~21.2.4",
|
|
25
|
-
"@po-ui/style": "21.
|
|
26
|
-
"@po-ui/ng-schematics": "21.
|
|
25
|
+
"@po-ui/style": "21.17.0",
|
|
26
|
+
"@po-ui/ng-schematics": "21.17.0",
|
|
27
27
|
"echarts": "^5.6.0",
|
|
28
28
|
"tslib": "^2.6.2"
|
|
29
29
|
},
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@angular/platform-browser-dynamic": "^21",
|
|
39
39
|
"@angular/router": "^21",
|
|
40
40
|
"@angular-devkit/schematics": "^21",
|
|
41
|
-
"@po-ui/style": "21.
|
|
41
|
+
"@po-ui/style": "21.17.0",
|
|
42
42
|
"rxjs": "~7.8.1",
|
|
43
43
|
"zone.js": "~0.15.0"
|
|
44
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', '21.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.17.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)('21.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
14
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.17.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('21.
|
|
13
|
+
updatePackageJson('21.17.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(),
|
|
@@ -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)('21.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.17.0', changes_1.updateDepedenciesVersion),
|
|
48
48
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
49
49
|
addProviderToAppModule(options, newProviderDictionary),
|
|
50
50
|
updateAppConfigFileRule(),
|
|
@@ -9,7 +9,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
9
9
|
const changes_1 = require("./changes");
|
|
10
10
|
function main() {
|
|
11
11
|
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
12
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.
|
|
12
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
15
|
function default_1() {
|
|
@@ -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)('21.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.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)('21.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.17.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|