@po-ui/ng-components 19.29.0 → 19.31.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 +3715 -2450
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/components.module.d.ts +3 -2
- package/lib/components/index.d.ts +1 -0
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +3 -3
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +40 -2
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +26 -2
- package/lib/components/po-field/po-checkbox/po-checkbox.module.d.ts +3 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +37 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +16 -0
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +39 -1
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +17 -0
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +39 -1
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +18 -0
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +39 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +18 -0
- package/lib/components/po-field/po-decimal/po-decimal.component.d.ts +6 -0
- package/lib/components/po-field/po-email/po-email.component.d.ts +3 -2
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +7 -1
- package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +23 -3
- package/lib/components/po-field/po-field-container/po-field-container.module.d.ts +2 -1
- package/lib/components/po-field/po-field.model.d.ts +23 -1
- package/lib/components/po-field/po-field.module.d.ts +2 -1
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +53 -2
- package/lib/components/po-field/po-input/po-input.component.d.ts +3 -2
- package/lib/components/po-field/po-input-generic/po-input-generic.d.ts +6 -0
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +39 -1
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +18 -0
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +39 -1
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +18 -0
- package/lib/components/po-field/po-number/po-number.component.d.ts +3 -1
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +39 -1
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +17 -0
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +39 -1
- package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts +16 -0
- package/lib/components/po-field/po-select/po-select.component.d.ts +48 -3
- package/lib/components/po-field/po-switch/po-switch.component.d.ts +32 -1
- package/lib/components/po-field/po-switch/po-switch.module.d.ts +2 -1
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +39 -1
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +16 -0
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +39 -1
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +15 -0
- package/lib/components/po-helper/index.d.ts +3 -0
- package/lib/components/po-helper/interfaces/po-helper.interface.d.ts +87 -0
- package/lib/components/po-helper/po-helper-base.component.d.ts +112 -0
- package/lib/components/po-helper/po-helper.component.d.ts +52 -0
- package/lib/components/po-helper/po-helper.module.d.ts +16 -0
- package/lib/components/po-label/po-label.component.d.ts +14 -1
- package/lib/components/po-label/po-label.module.d.ts +2 -1
- package/lib/components/po-popover/po-popover.component.d.ts +5 -3
- package/lib/components/po-table/interfaces/po-table-column.interface.d.ts +10 -10
- package/lib/services/po-theme/po-theme.service.d.ts +1 -0
- package/lib/utils/util.d.ts +23 -0
- package/package.json +4 -4
- package/po-ui-ng-components-19.31.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.29.0.tgz +0 -0
|
@@ -8,6 +8,7 @@ import { PoLookupFilter } from './interfaces/po-lookup-filter.interface';
|
|
|
8
8
|
import { PoLookupLiterals } from './interfaces/po-lookup-literals.interface';
|
|
9
9
|
import { PoLookupFilterService } from './services/po-lookup-filter.service';
|
|
10
10
|
import { PoLookupModalService } from './services/po-lookup-modal.service';
|
|
11
|
+
import { PoHelperOptions } from '../../po-helper';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
export declare const poLookupLiteralsDefault: {
|
|
13
14
|
en: PoLookupLiterals;
|
|
@@ -41,6 +42,9 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
41
42
|
private _spacing;
|
|
42
43
|
additionalHelpEventTrigger: string | undefined;
|
|
43
44
|
/**
|
|
45
|
+
*
|
|
46
|
+
* @deprecated v23.x.x use `p-helper`
|
|
47
|
+
*
|
|
44
48
|
* @optional
|
|
45
49
|
*
|
|
46
50
|
* @description
|
|
@@ -48,6 +52,8 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
48
52
|
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
49
53
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
50
54
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
55
|
+
*
|
|
56
|
+
* > 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.
|
|
51
57
|
*/
|
|
52
58
|
additionalHelpTooltip?: string;
|
|
53
59
|
/**
|
|
@@ -362,11 +368,43 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
362
368
|
*/
|
|
363
369
|
virtualScroll?: boolean;
|
|
364
370
|
/**
|
|
371
|
+
* @Input
|
|
372
|
+
*
|
|
373
|
+
* @optional
|
|
374
|
+
*
|
|
375
|
+
* @description
|
|
376
|
+
*
|
|
377
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
|
|
378
|
+
*
|
|
379
|
+
* > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
|
|
380
|
+
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
381
|
+
*/
|
|
382
|
+
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
383
|
+
/**
|
|
384
|
+
* @Input
|
|
385
|
+
*
|
|
386
|
+
* @optional
|
|
387
|
+
*
|
|
388
|
+
* @description
|
|
389
|
+
*
|
|
390
|
+
* Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
|
|
391
|
+
* o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
|
|
392
|
+
* leitura clara.
|
|
393
|
+
*
|
|
394
|
+
* @default `false`
|
|
395
|
+
*/
|
|
396
|
+
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
397
|
+
/**
|
|
398
|
+
*
|
|
399
|
+
* @deprecated v23.x.x use `p-helper`
|
|
400
|
+
*
|
|
365
401
|
* @optional
|
|
366
402
|
*
|
|
367
403
|
* @description
|
|
368
404
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
369
405
|
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
406
|
+
*
|
|
407
|
+
* > 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.
|
|
370
408
|
*/
|
|
371
409
|
additionalHelp: EventEmitter<any>;
|
|
372
410
|
/**
|
|
@@ -571,7 +609,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
571
609
|
abstract updateVisibleItems(): any;
|
|
572
610
|
protected abstract getDefaultSpacing(): any;
|
|
573
611
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupBaseComponent, never>;
|
|
574
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
|
|
612
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
|
|
575
613
|
static ngAcceptInputType_appendBox: any;
|
|
576
614
|
static ngAcceptInputType_autoFocus: any;
|
|
577
615
|
static ngAcceptInputType_hideColumnsManager: any;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AfterViewInit, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { PoTableColumnSpacing } from '../../po-table';
|
|
3
3
|
import { PoLookupBaseComponent } from './po-lookup-base.component';
|
|
4
|
+
import { PoHelperOptions } from '../../po-helper';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* @docsExtends PoLookupBaseComponent
|
|
@@ -103,6 +104,7 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
103
104
|
disclaimers: any[];
|
|
104
105
|
visibleDisclaimers: any[];
|
|
105
106
|
id: string;
|
|
107
|
+
helperSettings: PoHelperOptions;
|
|
106
108
|
private modalSubscription;
|
|
107
109
|
private isCalculateVisibleItems;
|
|
108
110
|
get autocomplete(): "on" | "off";
|
|
@@ -149,9 +151,11 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
149
151
|
calculateVisibleItems(): void;
|
|
150
152
|
onKeyDown(event: KeyboardEvent): void;
|
|
151
153
|
/**
|
|
154
|
+
*
|
|
152
155
|
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
153
156
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
154
157
|
*
|
|
158
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
|
|
155
159
|
* ```
|
|
156
160
|
* <po-lookup
|
|
157
161
|
* #lookup
|
|
@@ -161,6 +165,16 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
161
165
|
* ></po-lookup>
|
|
162
166
|
* ```
|
|
163
167
|
* ```
|
|
168
|
+
* // Exemplo com p-label e p-helper
|
|
169
|
+
* <po-lookup
|
|
170
|
+
* #lookup
|
|
171
|
+
* ...
|
|
172
|
+
* p-label="Label do lookup"
|
|
173
|
+
* [p-helper]="helperOptions"
|
|
174
|
+
* (p-keydown)="onKeyDown($event, lookup)"
|
|
175
|
+
* ></po-lookup>
|
|
176
|
+
* ```
|
|
177
|
+
* ```
|
|
164
178
|
* ...
|
|
165
179
|
* onKeyDown(event: KeyboardEvent, inp: PoLookupComponent): void {
|
|
166
180
|
* if (event.code === 'F9') {
|
|
@@ -171,6 +185,10 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
171
185
|
*/
|
|
172
186
|
showAdditionalHelp(): boolean;
|
|
173
187
|
showAdditionalHelpIcon(): boolean;
|
|
188
|
+
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
189
|
+
hideAdditionalHelp: boolean;
|
|
190
|
+
helperSettings?: any;
|
|
191
|
+
};
|
|
174
192
|
protected getDefaultSpacing(): PoTableColumnSpacing;
|
|
175
193
|
private isAdditionalHelpEventTriggered;
|
|
176
194
|
private isAllowedOpenModal;
|
|
@@ -7,6 +7,7 @@ import { PoMultiselectFilter } from './interfaces/po-multiselect-filter.interfac
|
|
|
7
7
|
import { PoMultiselectLiterals } from './interfaces/po-multiselect-literals.interface';
|
|
8
8
|
import { PoMultiselectOption } from './interfaces/po-multiselect-option.interface';
|
|
9
9
|
import { PoMultiselectFilterService } from './po-multiselect-filter.service';
|
|
10
|
+
import { PoHelperOptions } from '../../po-helper';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
export declare const poMultiselectLiteralsDefault: {
|
|
12
13
|
en: PoMultiselectLiterals;
|
|
@@ -74,6 +75,9 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
74
75
|
protected cd?: ChangeDetectorRef;
|
|
75
76
|
additionalHelpEventTrigger: string | undefined;
|
|
76
77
|
/**
|
|
78
|
+
*
|
|
79
|
+
* @deprecated v23.x.x use `p-helper`
|
|
80
|
+
*
|
|
77
81
|
* @optional
|
|
78
82
|
*
|
|
79
83
|
* @description
|
|
@@ -81,6 +85,8 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
81
85
|
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
82
86
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
83
87
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
88
|
+
*
|
|
89
|
+
* > 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.
|
|
84
90
|
*/
|
|
85
91
|
additionalHelpTooltip?: string;
|
|
86
92
|
/**
|
|
@@ -170,11 +176,16 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
170
176
|
*/
|
|
171
177
|
errorLimit: boolean;
|
|
172
178
|
/**
|
|
179
|
+
*
|
|
180
|
+
* @deprecated v23.x.x use `p-helper`
|
|
181
|
+
*
|
|
173
182
|
* @optional
|
|
174
183
|
*
|
|
175
184
|
* @description
|
|
176
185
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
177
186
|
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
187
|
+
*
|
|
188
|
+
* > 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.
|
|
178
189
|
*/
|
|
179
190
|
additionalHelp: EventEmitter<any>;
|
|
180
191
|
/**
|
|
@@ -226,6 +237,33 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
226
237
|
* @default `bottom`
|
|
227
238
|
*/
|
|
228
239
|
listboxControlPosition: 'top' | 'bottom';
|
|
240
|
+
/**
|
|
241
|
+
* @Input
|
|
242
|
+
*
|
|
243
|
+
* @optional
|
|
244
|
+
*
|
|
245
|
+
* @description
|
|
246
|
+
*
|
|
247
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
|
|
248
|
+
*
|
|
249
|
+
* > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
|
|
250
|
+
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
251
|
+
*/
|
|
252
|
+
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
253
|
+
/**
|
|
254
|
+
* @Input
|
|
255
|
+
*
|
|
256
|
+
* @optional
|
|
257
|
+
*
|
|
258
|
+
* @description
|
|
259
|
+
*
|
|
260
|
+
* Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
|
|
261
|
+
* o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
|
|
262
|
+
* leitura clara.
|
|
263
|
+
*
|
|
264
|
+
* @default `false`
|
|
265
|
+
*/
|
|
266
|
+
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
229
267
|
selectedOptions: Array<PoMultiselectOption | any>;
|
|
230
268
|
visibleOptionsDropdown: Array<PoMultiselectOption | any>;
|
|
231
269
|
visibleTags: any[];
|
|
@@ -522,7 +560,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
522
560
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
523
561
|
abstract updateVisibleItems(): void;
|
|
524
562
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
|
|
525
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
563
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
526
564
|
static ngAcceptInputType_autoFocus: any;
|
|
527
565
|
static ngAcceptInputType_hideSelectAll: any;
|
|
528
566
|
static ngAcceptInputType_appendBox: any;
|
|
@@ -4,6 +4,7 @@ import { PoMultiselectOption } from './interfaces/po-multiselect-option.interfac
|
|
|
4
4
|
import { PoMultiselectBaseComponent } from './po-multiselect-base.component';
|
|
5
5
|
import { PoMultiselectFilterService } from './po-multiselect-filter.service';
|
|
6
6
|
import { PoMultiselectOptionTemplateDirective } from './po-multiselect-option-template/po-multiselect-option-template.directive';
|
|
7
|
+
import { PoHelperOptions } from '../../po-helper';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
/**
|
|
9
10
|
* @docsExtends PoMultiselectBaseComponent
|
|
@@ -67,6 +68,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
67
68
|
timeoutResize: any;
|
|
68
69
|
visibleElement: boolean;
|
|
69
70
|
containerWidth: number;
|
|
71
|
+
helperSettings: PoHelperOptions;
|
|
70
72
|
private subscription;
|
|
71
73
|
private enterCloseTag;
|
|
72
74
|
private initCalculateItems;
|
|
@@ -121,6 +123,8 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
121
123
|
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
122
124
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
123
125
|
*
|
|
126
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
|
|
127
|
+
*
|
|
124
128
|
* ```
|
|
125
129
|
* <po-multiselect
|
|
126
130
|
* #multiselect
|
|
@@ -130,6 +134,16 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
130
134
|
* ></po-multiselect>
|
|
131
135
|
* ```
|
|
132
136
|
* ```
|
|
137
|
+
* // Exemplo com p-label e p-helper
|
|
138
|
+
* <po-multiselect
|
|
139
|
+
* #multiselect
|
|
140
|
+
* ...
|
|
141
|
+
* p-label="Label do multiselect"
|
|
142
|
+
* [p-helper]="helperOptions"
|
|
143
|
+
* (p-keydown)="onKeyDown($event, multiselect)"
|
|
144
|
+
* ></po-multiselect>
|
|
145
|
+
* ```
|
|
146
|
+
* ```
|
|
133
147
|
* ...
|
|
134
148
|
* onKeyDown(event: KeyboardEvent, inp: PoMultiselectComponent): void {
|
|
135
149
|
* if (event.code === 'F9') {
|
|
@@ -142,6 +156,10 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
142
156
|
showAdditionalHelpIcon(): boolean;
|
|
143
157
|
wasClickedOnToggle(event: MouseEvent): void;
|
|
144
158
|
applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
159
|
+
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
160
|
+
hideAdditionalHelp: boolean;
|
|
161
|
+
helperSettings?: any;
|
|
162
|
+
};
|
|
145
163
|
private applyFilterInFirstClick;
|
|
146
164
|
private setOptionsByApplyFilter;
|
|
147
165
|
private adjustContainerPosition;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { AfterViewInit } from '@angular/core';
|
|
1
2
|
import { AbstractControl } from '@angular/forms';
|
|
2
3
|
import { PoNumberBaseComponent } from './po-number-base.component';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
@@ -27,7 +28,7 @@ import * as i0 from "@angular/core";
|
|
|
27
28
|
* <file name="sample-po-number-calculate/sample-po-number-calculate.component.ts"> </file>
|
|
28
29
|
* </example>
|
|
29
30
|
*/
|
|
30
|
-
export declare class PoNumberComponent extends PoNumberBaseComponent {
|
|
31
|
+
export declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit {
|
|
31
32
|
/**
|
|
32
33
|
* @optional
|
|
33
34
|
*
|
|
@@ -53,6 +54,7 @@ export declare class PoNumberComponent extends PoNumberBaseComponent {
|
|
|
53
54
|
id: string;
|
|
54
55
|
constructor();
|
|
55
56
|
onWheel(event: Event): void;
|
|
57
|
+
ngAfterViewInit(): void;
|
|
56
58
|
extraValidation(abstractControl: AbstractControl): {
|
|
57
59
|
[key: string]: any;
|
|
58
60
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
|
|
3
3
|
import { PoRadioGroupOption } from './po-radio-group-option.interface';
|
|
4
|
+
import { PoHelperOptions } from '../../po-helper';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* @description
|
|
@@ -53,6 +54,9 @@ import * as i0 from "@angular/core";
|
|
|
53
54
|
export declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor, Validator {
|
|
54
55
|
additionalHelpEventTrigger: string | undefined;
|
|
55
56
|
/**
|
|
57
|
+
*
|
|
58
|
+
* @deprecated v23.x.x use `p-helper`
|
|
59
|
+
*
|
|
56
60
|
* @optional
|
|
57
61
|
*
|
|
58
62
|
* @description
|
|
@@ -60,6 +64,8 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
60
64
|
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
61
65
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
62
66
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
67
|
+
*
|
|
68
|
+
* > 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.
|
|
63
69
|
*/
|
|
64
70
|
additionalHelpTooltip?: string;
|
|
65
71
|
/**
|
|
@@ -129,11 +135,43 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
129
135
|
*/
|
|
130
136
|
errorLimit: boolean;
|
|
131
137
|
/**
|
|
138
|
+
* @Input
|
|
139
|
+
*
|
|
140
|
+
* @optional
|
|
141
|
+
*
|
|
142
|
+
* @description
|
|
143
|
+
*
|
|
144
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
|
|
145
|
+
*
|
|
146
|
+
* > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
|
|
147
|
+
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
148
|
+
*/
|
|
149
|
+
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
150
|
+
/**
|
|
151
|
+
* @Input
|
|
152
|
+
*
|
|
153
|
+
* @optional
|
|
154
|
+
*
|
|
155
|
+
* @description
|
|
156
|
+
*
|
|
157
|
+
* Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
|
|
158
|
+
* o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
|
|
159
|
+
* leitura clara.
|
|
160
|
+
*
|
|
161
|
+
* @default `false`
|
|
162
|
+
*/
|
|
163
|
+
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
164
|
+
/**
|
|
165
|
+
*
|
|
166
|
+
* @deprecated v23.x.x use `p-helper`
|
|
167
|
+
*
|
|
132
168
|
* @optional
|
|
133
169
|
*
|
|
134
170
|
* @description
|
|
135
171
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
136
172
|
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
173
|
+
*
|
|
174
|
+
* > 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.
|
|
137
175
|
*/
|
|
138
176
|
additionalHelp: EventEmitter<any>;
|
|
139
177
|
/**
|
|
@@ -246,7 +284,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
246
284
|
private validateModel;
|
|
247
285
|
abstract getElementByValue(value: any): any;
|
|
248
286
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupBaseComponent, never>;
|
|
249
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
287
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
250
288
|
static ngAcceptInputType_appendBox: any;
|
|
251
289
|
static ngAcceptInputType_autoFocus: any;
|
|
252
290
|
}
|
|
@@ -69,9 +69,12 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
69
69
|
onKeyDown(event: KeyboardEvent, radio?: PoRadioComponent): void;
|
|
70
70
|
onKeyUp(event: KeyboardEvent, value: any): void;
|
|
71
71
|
/**
|
|
72
|
+
*
|
|
72
73
|
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
73
74
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
74
75
|
*
|
|
76
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
|
|
77
|
+
*
|
|
75
78
|
* ```
|
|
76
79
|
* <po-radio-group
|
|
77
80
|
* #radioGroup
|
|
@@ -81,6 +84,16 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
81
84
|
* ></po-radio-group>
|
|
82
85
|
* ```
|
|
83
86
|
* ```
|
|
87
|
+
* // Exemplo com p-label e p-helper
|
|
88
|
+
* <po-radio-group
|
|
89
|
+
* #radioGroup
|
|
90
|
+
* ...
|
|
91
|
+
* p-label="Label do radioGroup"
|
|
92
|
+
* [p-helper]="helperOptions"
|
|
93
|
+
* (p-keydown)="onKeyDown($event, radioGroup)"
|
|
94
|
+
* ></po-radio-group>
|
|
95
|
+
* ```
|
|
96
|
+
* ```
|
|
84
97
|
* ...
|
|
85
98
|
* onKeyDown(event: KeyboardEvent, inp: PoRadioGroupComponent): void {
|
|
86
99
|
* if (event.code === 'F9') {
|
|
@@ -91,6 +104,10 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
91
104
|
*/
|
|
92
105
|
showAdditionalHelp(): boolean;
|
|
93
106
|
showAdditionalHelpIcon(): boolean;
|
|
107
|
+
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
108
|
+
hideAdditionalHelp: boolean;
|
|
109
|
+
helperSettings?: any;
|
|
110
|
+
};
|
|
94
111
|
private isAdditionalHelpEventTriggered;
|
|
95
112
|
private isArrowKey;
|
|
96
113
|
private isRadioOptionFocused;
|
|
@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
|
|
3
3
|
import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.enum';
|
|
4
4
|
import { PoRichTextService } from './po-rich-text.service';
|
|
5
|
+
import { PoHelperOptions } from '../../po-helper';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
/**
|
|
7
8
|
* @description
|
|
@@ -15,6 +16,9 @@ import * as i0 from "@angular/core";
|
|
|
15
16
|
export declare abstract class PoRichTextBaseComponent implements ControlValueAccessor, Validator {
|
|
16
17
|
private richTextService;
|
|
17
18
|
/**
|
|
19
|
+
*
|
|
20
|
+
* @deprecated v23.x.x use `p-helper`
|
|
21
|
+
*
|
|
18
22
|
* @optional
|
|
19
23
|
*
|
|
20
24
|
* @description
|
|
@@ -22,6 +26,8 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
22
26
|
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
23
27
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
24
28
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
29
|
+
*
|
|
30
|
+
* > 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.
|
|
25
31
|
*/
|
|
26
32
|
additionalHelpTooltip?: string;
|
|
27
33
|
/**
|
|
@@ -136,11 +142,43 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
136
142
|
set hideToolbarActions(actions: Array<PoRichTextToolbarActions> | PoRichTextToolbarActions);
|
|
137
143
|
get hideToolbarActions(): Array<PoRichTextToolbarActions>;
|
|
138
144
|
/**
|
|
145
|
+
* @Input
|
|
146
|
+
*
|
|
147
|
+
* @optional
|
|
148
|
+
*
|
|
149
|
+
* @description
|
|
150
|
+
*
|
|
151
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
|
|
152
|
+
*
|
|
153
|
+
* > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
|
|
154
|
+
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
155
|
+
*/
|
|
156
|
+
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
157
|
+
/**
|
|
158
|
+
* @Input
|
|
159
|
+
*
|
|
160
|
+
* @optional
|
|
161
|
+
*
|
|
162
|
+
* @description
|
|
163
|
+
*
|
|
164
|
+
* Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
|
|
165
|
+
* o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
|
|
166
|
+
* leitura clara.
|
|
167
|
+
*
|
|
168
|
+
* @default `false`
|
|
169
|
+
*/
|
|
170
|
+
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
171
|
+
/**
|
|
172
|
+
*
|
|
173
|
+
* @deprecated v23.x.x use `p-helper`
|
|
174
|
+
*
|
|
139
175
|
* @optional
|
|
140
176
|
*
|
|
141
177
|
* @description
|
|
142
178
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
143
179
|
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
180
|
+
*
|
|
181
|
+
* > 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.
|
|
144
182
|
*/
|
|
145
183
|
additionalHelp: EventEmitter<any>;
|
|
146
184
|
/**
|
|
@@ -256,7 +294,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
256
294
|
protected updateModel(value: any): void;
|
|
257
295
|
protected validateModel(value: any): void;
|
|
258
296
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBaseComponent, never>;
|
|
259
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
297
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
260
298
|
static ngAcceptInputType_appendBox: any;
|
|
261
299
|
static ngAcceptInputType_autoFocus: any;
|
|
262
300
|
static ngAcceptInputType_disabledTextAlign: any;
|
|
@@ -63,6 +63,8 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
|
|
|
63
63
|
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
64
64
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
65
65
|
*
|
|
66
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
|
|
67
|
+
*
|
|
66
68
|
* ```
|
|
67
69
|
* <po-rich-text
|
|
68
70
|
* #richtext
|
|
@@ -72,6 +74,16 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
|
|
|
72
74
|
* ></po-rich-text>
|
|
73
75
|
* ```
|
|
74
76
|
* ```
|
|
77
|
+
* // Exemplo com p-label e p-helper
|
|
78
|
+
* <po-rich-text
|
|
79
|
+
* #richtext
|
|
80
|
+
* ...
|
|
81
|
+
* p-label="Label do richtext"
|
|
82
|
+
* [p-helper]="helperOptions"
|
|
83
|
+
* (p-keydown)="onKeyDown($event, richtext)"
|
|
84
|
+
* ></po-rich-text>
|
|
85
|
+
* ```
|
|
86
|
+
* ```
|
|
75
87
|
* ...
|
|
76
88
|
* onKeyDown(event: KeyboardEvent, inp: PoRichTextComponent): void {
|
|
77
89
|
* if (event.code === 'F9') {
|
|
@@ -88,6 +100,10 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
|
|
|
88
100
|
private validateClassesForRequired;
|
|
89
101
|
isAllActionsHidden(): boolean;
|
|
90
102
|
updateAlignOnHideToolbarActionsList(): void;
|
|
103
|
+
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
104
|
+
hideAdditionalHelp: boolean;
|
|
105
|
+
helperSettings?: any;
|
|
106
|
+
};
|
|
91
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextComponent, never>;
|
|
92
108
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextComponent, "po-rich-text", never, {}, {}, never, never, false, never>;
|
|
93
109
|
}
|