@po-ui/ng-components 19.31.0 → 19.33.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.mjs +3765 -2740
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-breadcrumb/po-breadcrumb-base.component.d.ts +16 -1
- package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts +3 -2
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +18 -5
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form.component.d.ts +2 -2
- package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts +16 -1
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +6 -8
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +3 -12
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +6 -8
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +7 -12
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.module.d.ts +2 -1
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +6 -8
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +5 -12
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +5 -7
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +7 -14
- package/lib/components/po-field/po-datepicker/po-datepicker.module.d.ts +2 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +5 -7
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +4 -12
- package/lib/components/po-field/po-decimal/po-decimal.component.d.ts +3 -4
- package/lib/components/po-field/po-email/po-email.component.d.ts +3 -3
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +3 -1
- package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +3 -1
- package/lib/components/po-field/po-field.model.d.ts +7 -16
- package/lib/components/po-field/po-field.module.d.ts +6 -5
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +12 -19
- package/lib/components/po-field/po-input/po-input.component.d.ts +3 -3
- package/lib/components/po-field/po-input-generic/po-input-generic.d.ts +0 -2
- package/lib/components/po-field/po-login/po-login.component.d.ts +3 -1
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +6 -8
- package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +1 -1
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +8 -14
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +6 -8
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +4 -12
- package/lib/components/po-field/po-number/po-number.component.d.ts +3 -2
- package/lib/components/po-field/po-password/po-password.component.d.ts +3 -1
- package/lib/components/po-field/po-radio/po-radio.component.d.ts +11 -1
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +6 -8
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +7 -12
- package/lib/components/po-field/po-radio-group/po-radio-group.module.d.ts +2 -1
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +6 -8
- package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts +1 -2
- package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts +4 -10
- package/lib/components/po-field/po-select/po-select.component.d.ts +7 -14
- package/lib/components/po-field/po-switch/po-switch.component.d.ts +33 -6
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +6 -8
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +7 -12
- package/lib/components/po-field/po-upload/interfaces/po-upload-literals.interface.d.ts +14 -0
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +119 -10
- package/lib/components/po-field/po-upload/po-upload-file.d.ts +6 -0
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +33 -15
- package/lib/components/po-field/po-url/po-url.component.d.ts +3 -2
- package/lib/components/po-helper/po-helper-base.component.d.ts +12 -1
- package/lib/components/po-helper/po-helper.component.d.ts +1 -0
- package/lib/components/po-info/po-info-base.component.d.ts +16 -1
- package/lib/components/po-loading/po-loading-base.component.d.ts +7 -4
- package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +9 -8
- package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +14 -0
- package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +14 -0
- package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +3 -1
- package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +14 -0
- package/lib/components/po-popover/po-popover-base.component.d.ts +13 -1
- package/lib/components/po-popover/po-popover.component.d.ts +11 -0
- package/lib/components/po-search/po-search-base.component.d.ts +17 -1
- package/lib/components/po-search/po-search.component.d.ts +1 -1
- package/lib/components/po-table/enums/po-table-spacing.enum.d.ts +1 -1
- package/lib/components/po-tag/po-tag-base.component.d.ts +1 -0
- package/lib/enums/po-density-mode.enum.d.ts +14 -0
- package/lib/enums/po-field-size.enum.d.ts +5 -3
- package/lib/services/po-theme/helpers/accessibilities/po-theme-density.constant.d.ts +12 -0
- package/lib/services/po-theme/po-theme.module.d.ts +1 -1
- package/lib/services/po-theme/po-theme.service.d.ts +39 -11
- package/lib/utils/util.d.ts +9 -2
- package/package.json +4 -4
- package/po-ui-ng-components-19.33.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/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/po-ui-ng-components-19.31.0.tgz +0 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { AbstractControl } from '@angular/forms';
|
|
2
3
|
import { PoInputGeneric } from '../po-input-generic/po-input-generic';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
@@ -24,7 +25,7 @@ import * as i0 from "@angular/core";
|
|
|
24
25
|
* <file name="sample-po-password-reset/sample-po-password-reset.component.ts"> </file>
|
|
25
26
|
* </example>
|
|
26
27
|
*/
|
|
27
|
-
export declare class PoPasswordComponent extends PoInputGeneric {
|
|
28
|
+
export declare class PoPasswordComponent extends PoInputGeneric implements OnChanges {
|
|
28
29
|
id: string;
|
|
29
30
|
type: string;
|
|
30
31
|
visiblePassword: boolean;
|
|
@@ -45,6 +46,7 @@ export declare class PoPasswordComponent extends PoInputGeneric {
|
|
|
45
46
|
get hidePasswordPeek(): boolean;
|
|
46
47
|
get autocomplete(): string;
|
|
47
48
|
constructor();
|
|
49
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
48
50
|
extraValidation(c: AbstractControl): {
|
|
49
51
|
[key: string]: any;
|
|
50
52
|
};
|
|
@@ -14,6 +14,15 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
14
14
|
set size(value: string);
|
|
15
15
|
get size(): string;
|
|
16
16
|
required?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
*
|
|
19
|
+
* Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
|
|
20
|
+
* o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
|
|
21
|
+
* leitura clara.
|
|
22
|
+
*
|
|
23
|
+
* @default `false`
|
|
24
|
+
*/
|
|
25
|
+
labelTextWrap?: boolean;
|
|
17
26
|
/** Define o status do *radio* */
|
|
18
27
|
checked: boolean;
|
|
19
28
|
blur: EventEmitter<any>;
|
|
@@ -48,6 +57,7 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
48
57
|
onKeyup(): void;
|
|
49
58
|
onKeydown(): void;
|
|
50
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioComponent, never>;
|
|
51
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioComponent, "po-radio", never, { "radioValue": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "checked": { "alias": "p-checked"; "required": false; }; }, { "blur": "p-blur"; "changeSelected": "p-change-selected"; }, never, never, false, never>;
|
|
60
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioComponent, "po-radio", never, { "radioValue": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; }; "checked": { "alias": "p-checked"; "required": false; }; }, { "blur": "p-blur"; "changeSelected": "p-change-selected"; }, never, never, false, never>;
|
|
52
61
|
static ngAcceptInputType_required: any;
|
|
62
|
+
static ngAcceptInputType_labelTextWrap: any;
|
|
53
63
|
}
|
|
@@ -60,8 +60,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
60
60
|
* @optional
|
|
61
61
|
*
|
|
62
62
|
* @description
|
|
63
|
-
* Exibe um ícone de ajuda adicional
|
|
64
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
63
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
65
64
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
66
65
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
67
66
|
*
|
|
@@ -73,11 +72,11 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
73
72
|
*
|
|
74
73
|
* @description
|
|
75
74
|
*
|
|
76
|
-
* Define que o
|
|
75
|
+
* Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
|
|
77
76
|
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
78
77
|
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
79
78
|
*
|
|
80
|
-
* > Quando utilizado com `p-
|
|
79
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
81
80
|
*
|
|
82
81
|
* @default `false`
|
|
83
82
|
*/
|
|
@@ -141,10 +140,10 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
141
140
|
*
|
|
142
141
|
* @description
|
|
143
142
|
*
|
|
144
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
143
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
144
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
145
145
|
*
|
|
146
|
-
* >
|
|
147
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
146
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
148
147
|
*/
|
|
149
148
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
150
149
|
/**
|
|
@@ -169,7 +168,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
169
168
|
*
|
|
170
169
|
* @description
|
|
171
170
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
172
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
173
171
|
*
|
|
174
172
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
175
173
|
*/
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { AfterViewInit, DoCheck, ElementRef, QueryList } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, DoCheck, ElementRef, QueryList, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { PoRadioComponent } from '../po-radio/po-radio.component';
|
|
3
3
|
import { PoRadioGroupBaseComponent } from './po-radio-group-base.component';
|
|
4
|
+
import { PoHelperComponent } from '../../po-helper';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* @docsExtends PoRadioGroupBaseComponent
|
|
@@ -28,7 +29,7 @@ import * as i0 from "@angular/core";
|
|
|
28
29
|
* </example>
|
|
29
30
|
*
|
|
30
31
|
*/
|
|
31
|
-
export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck {
|
|
32
|
+
export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck, OnChanges {
|
|
32
33
|
private el;
|
|
33
34
|
private cd;
|
|
34
35
|
/** Label do campo. */
|
|
@@ -37,10 +38,12 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
37
38
|
help?: string;
|
|
38
39
|
inputEl: ElementRef;
|
|
39
40
|
radioLabels: QueryList<PoRadioComponent>;
|
|
41
|
+
helperEl?: PoHelperComponent;
|
|
40
42
|
differ: any;
|
|
41
43
|
constructor();
|
|
42
44
|
ngAfterViewInit(): void;
|
|
43
45
|
ngDoCheck(): void;
|
|
46
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
44
47
|
emitAdditionalHelp(): void;
|
|
45
48
|
eventClick(value: any, disabled: any): void;
|
|
46
49
|
/**
|
|
@@ -70,20 +73,12 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
70
73
|
onKeyUp(event: KeyboardEvent, value: any): void;
|
|
71
74
|
/**
|
|
72
75
|
*
|
|
73
|
-
* Método que exibe `p-
|
|
76
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
74
77
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
75
78
|
*
|
|
76
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
79
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
77
80
|
*
|
|
78
81
|
* ```
|
|
79
|
-
* <po-radio-group
|
|
80
|
-
* #radioGroup
|
|
81
|
-
* ...
|
|
82
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
83
|
-
* (p-keydown)="onKeyDown($event, radioGroup)"
|
|
84
|
-
* ></po-radio-group>
|
|
85
|
-
* ```
|
|
86
|
-
* ```
|
|
87
82
|
* // Exemplo com p-label e p-helper
|
|
88
83
|
* <po-radio-group
|
|
89
84
|
* #radioGroup
|
|
@@ -4,6 +4,7 @@ import * as i2 from "@angular/common";
|
|
|
4
4
|
import * as i3 from "@angular/forms";
|
|
5
5
|
import * as i4 from "../po-field-container/po-field-container.module";
|
|
6
6
|
import * as i5 from "../po-radio/po-radio.module";
|
|
7
|
+
import * as i6 from "../../po-helper/po-helper.module";
|
|
7
8
|
/**
|
|
8
9
|
* @description
|
|
9
10
|
*
|
|
@@ -11,6 +12,6 @@ import * as i5 from "../po-radio/po-radio.module";
|
|
|
11
12
|
*/
|
|
12
13
|
export declare class PoRadioGroupModule {
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupModule, never>;
|
|
14
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoRadioGroupModule, [typeof i1.PoRadioGroupComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.PoFieldContainerModule, typeof i5.PoRadioModule], [typeof i1.PoRadioGroupComponent]>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoRadioGroupModule, [typeof i1.PoRadioGroupComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.PoFieldContainerModule, typeof i5.PoRadioModule, typeof i6.PoHelperModule], [typeof i1.PoRadioGroupComponent]>;
|
|
15
16
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoRadioGroupModule>;
|
|
16
17
|
}
|
|
@@ -22,8 +22,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
22
22
|
* @optional
|
|
23
23
|
*
|
|
24
24
|
* @description
|
|
25
|
-
* Exibe um ícone de ajuda adicional
|
|
26
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
25
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
27
26
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
28
27
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
29
28
|
*
|
|
@@ -35,11 +34,11 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
35
34
|
*
|
|
36
35
|
* @description
|
|
37
36
|
*
|
|
38
|
-
* Define que o
|
|
37
|
+
* Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
|
|
39
38
|
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
40
39
|
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
41
40
|
*
|
|
42
|
-
* > Quando utilizado com `p-
|
|
41
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
43
42
|
*
|
|
44
43
|
* @default `false`
|
|
45
44
|
*/
|
|
@@ -148,10 +147,10 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
148
147
|
*
|
|
149
148
|
* @description
|
|
150
149
|
*
|
|
151
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
150
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
151
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
152
152
|
*
|
|
153
|
-
* >
|
|
154
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
153
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
155
154
|
*/
|
|
156
155
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
157
156
|
/**
|
|
@@ -176,7 +175,6 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
176
175
|
*
|
|
177
176
|
* @description
|
|
178
177
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
179
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
180
178
|
*
|
|
181
179
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
182
180
|
*/
|
package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts
CHANGED
|
@@ -8,12 +8,11 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
|
|
|
8
8
|
modelValue?: string;
|
|
9
9
|
placeholder?: string;
|
|
10
10
|
readonly?: string;
|
|
11
|
-
/** Tamanho do fonte */
|
|
12
|
-
size?: string;
|
|
13
11
|
change: EventEmitter<any>;
|
|
14
12
|
commands: EventEmitter<any>;
|
|
15
13
|
keydown: EventEmitter<KeyboardEvent>;
|
|
16
14
|
selectedLink: EventEmitter<any>;
|
|
15
|
+
size: string;
|
|
17
16
|
shortcutCommand: EventEmitter<any>;
|
|
18
17
|
value: EventEmitter<any>;
|
|
19
18
|
blur: EventEmitter<any>;
|
|
@@ -3,6 +3,7 @@ import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.en
|
|
|
3
3
|
import { PoRichTextBaseComponent } from './po-rich-text-base.component';
|
|
4
4
|
import { PoRichTextBodyComponent } from './po-rich-text-body/po-rich-text-body.component';
|
|
5
5
|
import { PoRichTextToolbarComponent } from './po-rich-text-toolbar/po-rich-text-toolbar.component';
|
|
6
|
+
import { PoHelperComponent } from '../../po-helper';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
/**
|
|
8
9
|
* @docsExtends PoRichTextBaseComponent
|
|
@@ -29,6 +30,7 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
|
|
|
29
30
|
private element;
|
|
30
31
|
bodyElement: PoRichTextBodyComponent;
|
|
31
32
|
richTextToolbar: PoRichTextToolbarComponent;
|
|
33
|
+
helperEl?: PoHelperComponent;
|
|
32
34
|
private listener;
|
|
33
35
|
private modelLastUpdate;
|
|
34
36
|
toolbarActions: Array<PoRichTextToolbarActions>;
|
|
@@ -60,20 +62,12 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
|
|
|
60
62
|
onChangeValue(value: any): void;
|
|
61
63
|
onKeyDown(event: KeyboardEvent): void;
|
|
62
64
|
/**
|
|
63
|
-
* Método que exibe `p-
|
|
65
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
64
66
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
65
67
|
*
|
|
66
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
68
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
67
69
|
*
|
|
68
70
|
* ```
|
|
69
|
-
* <po-rich-text
|
|
70
|
-
* #richtext
|
|
71
|
-
* ...
|
|
72
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
73
|
-
* (p-keydown)="onKeyDown($event, richtext)"
|
|
74
|
-
* ></po-rich-text>
|
|
75
|
-
* ```
|
|
76
|
-
* ```
|
|
77
71
|
* // Exemplo com p-label e p-helper
|
|
78
72
|
* <po-rich-text
|
|
79
73
|
* #richtext
|
|
@@ -3,7 +3,7 @@ import { AbstractControl } from '@angular/forms';
|
|
|
3
3
|
import { PoFieldValidateModel } from '../po-field-validate.model';
|
|
4
4
|
import { PoSelectOptionGroup } from './po-select-option-group.interface';
|
|
5
5
|
import { PoSelectOption } from './po-select-option.interface';
|
|
6
|
-
import { PoHelperOptions } from '../../po-helper';
|
|
6
|
+
import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* @docsExtends PoFieldValidateModel
|
|
@@ -78,6 +78,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
78
78
|
renderer: Renderer2;
|
|
79
79
|
private _iconToken;
|
|
80
80
|
selectElement: ElementRef;
|
|
81
|
+
helperEl?: PoHelperComponent;
|
|
81
82
|
/**
|
|
82
83
|
* @optional
|
|
83
84
|
*
|
|
@@ -214,10 +215,10 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
214
215
|
*
|
|
215
216
|
* @description
|
|
216
217
|
*
|
|
217
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
218
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
219
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
218
220
|
*
|
|
219
|
-
* >
|
|
220
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
221
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
221
222
|
*/
|
|
222
223
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
223
224
|
/**
|
|
@@ -269,19 +270,11 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
269
270
|
onKeyDown(event: KeyboardEvent): void;
|
|
270
271
|
registerOnTouched(fn: any): void;
|
|
271
272
|
/**
|
|
272
|
-
* Método que exibe `p-
|
|
273
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
273
274
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
274
275
|
*
|
|
275
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
276
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
276
277
|
*
|
|
277
|
-
* ```html
|
|
278
|
-
* <po-select
|
|
279
|
-
* #select
|
|
280
|
-
* ...
|
|
281
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
282
|
-
* (p-keydown)="onKeyDown($event, select)"
|
|
283
|
-
* ></po-select>
|
|
284
|
-
* ```
|
|
285
278
|
* ```
|
|
286
279
|
* //Exemplo com p-label e p-helper
|
|
287
280
|
* <po-select
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ElementRef, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
|
|
3
3
|
import { PoFieldModel } from '../po-field.model';
|
|
4
4
|
import { PoSwitchLabelPosition } from './po-switch-label-position.enum';
|
|
5
|
-
import { PoHelperOptions } from '../../po-helper';
|
|
5
|
+
import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* @docsExtends PoFieldModel
|
|
@@ -77,10 +77,11 @@ import * as i0 from "@angular/core";
|
|
|
77
77
|
* <file name="sample-po-switch-order-reactive-form/sample-po-switch-order-reactive-form.component.ts"> </file>
|
|
78
78
|
* </example>
|
|
79
79
|
*/
|
|
80
|
-
export declare class PoSwitchComponent extends PoFieldModel<any> implements Validator, AfterViewInit, OnDestroy {
|
|
80
|
+
export declare class PoSwitchComponent extends PoFieldModel<any> implements Validator, AfterViewInit, OnDestroy, OnChanges {
|
|
81
81
|
private readonly changeDetector;
|
|
82
82
|
private readonly injector;
|
|
83
83
|
switchContainer: ElementRef;
|
|
84
|
+
helperEl?: PoHelperComponent;
|
|
84
85
|
id: string;
|
|
85
86
|
value: boolean;
|
|
86
87
|
private _labelOff;
|
|
@@ -197,10 +198,10 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
|
|
|
197
198
|
*
|
|
198
199
|
* @description
|
|
199
200
|
*
|
|
200
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
201
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
202
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
201
203
|
*
|
|
202
|
-
* >
|
|
203
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
204
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
204
205
|
*/
|
|
205
206
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
206
207
|
/**
|
|
@@ -219,6 +220,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
|
|
|
219
220
|
private readonly el;
|
|
220
221
|
private readonly injectOptions;
|
|
221
222
|
private control;
|
|
223
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
222
224
|
ngOnDestroy(): void;
|
|
223
225
|
/**
|
|
224
226
|
* Função que atribui foco ao componente.
|
|
@@ -253,6 +255,31 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
|
|
|
253
255
|
hideAdditionalHelp: boolean;
|
|
254
256
|
helperSettings?: any;
|
|
255
257
|
};
|
|
258
|
+
/**
|
|
259
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
260
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
261
|
+
*
|
|
262
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
263
|
+
*
|
|
264
|
+
* ```
|
|
265
|
+
* //Exemplo com p-label e p-helper
|
|
266
|
+
* <po-switch
|
|
267
|
+
* #switch
|
|
268
|
+
* ...
|
|
269
|
+
* p-label="Label do switch"
|
|
270
|
+
* [p-helper]="helperOptions"
|
|
271
|
+
* (p-keydown)="onKeyDown($event, switch)"
|
|
272
|
+
* ></po-switch>
|
|
273
|
+
* ```
|
|
274
|
+
* ```typescript
|
|
275
|
+
* onKeyDown(event: KeyboardEvent, inp: PoSwitchComponent): void {
|
|
276
|
+
* if (event.code === 'F9') {
|
|
277
|
+
* inp.showAdditionalHelp();
|
|
278
|
+
* }
|
|
279
|
+
* }
|
|
280
|
+
* ```
|
|
281
|
+
*/
|
|
282
|
+
showAdditionalHelp(): boolean;
|
|
256
283
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoSwitchComponent, never>;
|
|
257
284
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoSwitchComponent, "po-switch", never, { "value": { "alias": "p-value"; "required": false; }; "formatModel": { "alias": "p-format-model"; "required": false; }; "hideLabelStatus": { "alias": "p-hide-label-status"; "required": false; }; "labelPosition": { "alias": "p-label-position"; "required": false; }; "labelOff": { "alias": "p-label-off"; "required": false; }; "labelOn": { "alias": "p-label-on"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "invalidValue": { "alias": "p-invalid-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
258
285
|
static ngAcceptInputType_value: any;
|
|
@@ -56,8 +56,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
56
56
|
* @optional
|
|
57
57
|
*
|
|
58
58
|
* @description
|
|
59
|
-
* Exibe um ícone de ajuda adicional
|
|
60
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
59
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
61
60
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
62
61
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
63
62
|
*
|
|
@@ -69,11 +68,11 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
69
68
|
*
|
|
70
69
|
* @description
|
|
71
70
|
*
|
|
72
|
-
* Define que o
|
|
71
|
+
* Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
|
|
73
72
|
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
74
73
|
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
75
74
|
*
|
|
76
|
-
* > Quando utilizado com `p-
|
|
75
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
77
76
|
*
|
|
78
77
|
* @default `false`
|
|
79
78
|
*/
|
|
@@ -141,10 +140,10 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
141
140
|
*
|
|
142
141
|
* @description
|
|
143
142
|
*
|
|
144
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
143
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
144
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
145
145
|
*
|
|
146
|
-
* >
|
|
147
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
146
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
148
147
|
*/
|
|
149
148
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
150
149
|
/**
|
|
@@ -169,7 +168,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
169
168
|
*
|
|
170
169
|
* @description
|
|
171
170
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
172
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
173
171
|
*
|
|
174
172
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
175
173
|
*/
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { PoTextareaBaseComponent } from './po-textarea-base.component';
|
|
3
|
+
import { PoHelperComponent } from '../../po-helper';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
/**
|
|
5
6
|
* @docsExtends PoTextareaBaseComponent
|
|
@@ -27,9 +28,10 @@ import * as i0 from "@angular/core";
|
|
|
27
28
|
* </example>
|
|
28
29
|
*
|
|
29
30
|
*/
|
|
30
|
-
export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit {
|
|
31
|
+
export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit, OnChanges {
|
|
31
32
|
private el;
|
|
32
33
|
inputEl: ElementRef;
|
|
34
|
+
helperEl?: PoHelperComponent;
|
|
33
35
|
id: string;
|
|
34
36
|
valueBeforeChange: any;
|
|
35
37
|
fireChange: boolean;
|
|
@@ -54,6 +56,7 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
|
|
|
54
56
|
*/
|
|
55
57
|
focus(): void;
|
|
56
58
|
ngAfterViewInit(): void;
|
|
59
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
57
60
|
getAdditionalHelpTooltip(): string;
|
|
58
61
|
getErrorPattern(): string;
|
|
59
62
|
hasInvalidClass(): boolean;
|
|
@@ -65,20 +68,12 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
|
|
|
65
68
|
controlChangeEmitter(): void;
|
|
66
69
|
onKeyDown(event: KeyboardEvent): void;
|
|
67
70
|
/**
|
|
68
|
-
* Método que exibe `p-
|
|
71
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
69
72
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
70
73
|
*
|
|
71
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
74
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
72
75
|
*
|
|
73
76
|
* ```
|
|
74
|
-
* <po-textarea
|
|
75
|
-
* #textarea
|
|
76
|
-
* ...
|
|
77
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
78
|
-
* (p-keydown)="onKeyDown($event, textarea)"
|
|
79
|
-
* ></po-textarea>
|
|
80
|
-
* ```
|
|
81
|
-
* ```
|
|
82
77
|
* //Exemplo com p-label e p-helper
|
|
83
78
|
* <po-textarea
|
|
84
79
|
* #textarea
|
|
@@ -42,4 +42,18 @@ export interface PoUploadLiterals {
|
|
|
42
42
|
errorOccurred?: string;
|
|
43
43
|
/** Texto a ser exibido quando o envio do arquivo for realizado com sucesso. */
|
|
44
44
|
sentWithSuccess?: string;
|
|
45
|
+
/** Texto a ser exibido no container de informação quando o estado for de sucesso. */
|
|
46
|
+
doneText?: string;
|
|
47
|
+
/** Texto a ser exibido no container de informação quando o estado for enviando. */
|
|
48
|
+
uploadingText?: string;
|
|
49
|
+
/** Texto de Tente novamente ao ocorrer erro ao enviar. */
|
|
50
|
+
tryAgain?: string;
|
|
51
|
+
/** Texto do leitor de tela ao focar no ícone de fechar. */
|
|
52
|
+
close?: string;
|
|
53
|
+
/** Título do modal de pré-visualizar. */
|
|
54
|
+
preview?: string;
|
|
55
|
+
/** Texto do leitor da miniatura da imagem. */
|
|
56
|
+
thumbnail?: string;
|
|
57
|
+
/** Texto do botão padrão do modal de pré-visualizar. */
|
|
58
|
+
continue?: string;
|
|
45
59
|
}
|