@po-ui/ng-components 19.2.0 → 19.3.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/po-ui-ng-components.mjs +1342 -512
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-button/po-button-base.component.d.ts +2 -1
- package/lib/components/po-button/po-button.component.d.ts +1 -0
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.d.ts +5 -12
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields.component.d.ts +2 -0
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form.component.d.ts +31 -0
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +11 -1
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +22 -0
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +18 -9
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +25 -1
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +19 -1
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +22 -0
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +9 -1
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +24 -0
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +11 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +22 -0
- package/lib/components/po-field/po-decimal/po-decimal.component.d.ts +1 -0
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +9 -3
- package/lib/components/po-field/po-field.model.d.ts +32 -1
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +32 -1
- package/lib/components/po-field/po-input-generic/po-input-generic.d.ts +1 -0
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +10 -1
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +24 -0
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +27 -9
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +22 -0
- package/lib/components/po-field/po-radio/po-radio.component.d.ts +2 -1
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +18 -9
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +25 -0
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +10 -1
- package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts +2 -1
- package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts +23 -0
- package/lib/components/po-field/po-select/po-select.component.d.ts +32 -1
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +18 -9
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +23 -0
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +10 -1
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +27 -1
- package/lib/components/po-table/po-table.component.d.ts +1 -0
- package/lib/directives/po-tooltip/po-tooltip.directive.d.ts +1 -0
- package/lib/services/po-i18n/index.d.ts +1 -0
- package/lib/services/po-i18n/interfaces/po-i18n-config-context.interface.d.ts +18 -0
- package/lib/services/po-i18n/interfaces/po-i18n-config.interface.d.ts +2 -1
- package/lib/services/po-i18n/po-i18n-config-injection-token.d.ts +1 -1
- package/lib/services/po-i18n/po-i18n.module.d.ts +1 -2
- package/lib/services/po-i18n/po-i18n.service.d.ts +2 -1
- package/package.json +4 -4
- package/po-ui-ng-components-19.3.0-beta.1.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.2.0.tgz +0 -0
|
@@ -59,6 +59,15 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
59
59
|
* Evento disparado ao alterar valor do campo.
|
|
60
60
|
*/
|
|
61
61
|
change: EventEmitter<T>;
|
|
62
|
+
/**
|
|
63
|
+
* @optional
|
|
64
|
+
*
|
|
65
|
+
* @description
|
|
66
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
67
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
68
|
+
*/
|
|
69
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
70
|
+
displayAdditionalHelp: boolean;
|
|
62
71
|
value: T;
|
|
63
72
|
protected onTouched: any;
|
|
64
73
|
private propagateChange;
|
|
@@ -70,12 +79,34 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
70
79
|
emitAdditionalHelp(): void;
|
|
71
80
|
emitChange(value: any): void;
|
|
72
81
|
getAdditionalHelpTooltip(): string;
|
|
82
|
+
/**
|
|
83
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
84
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
85
|
+
*
|
|
86
|
+
* ```
|
|
87
|
+
* <po-nome-component
|
|
88
|
+
* #component
|
|
89
|
+
* ...
|
|
90
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
91
|
+
* (p-keydown)="onKeyDown($event, component)"
|
|
92
|
+
* ></po-nome-component>
|
|
93
|
+
* ```
|
|
94
|
+
* ```
|
|
95
|
+
* ...
|
|
96
|
+
* onKeyDown(event: KeyboardEvent, inp: PoNomeDoComponente): void {
|
|
97
|
+
* if (event.code === 'F9') {
|
|
98
|
+
* inp.showAdditionalHelp();
|
|
99
|
+
* }
|
|
100
|
+
* }
|
|
101
|
+
* ```
|
|
102
|
+
*/
|
|
103
|
+
showAdditionalHelp(): boolean;
|
|
73
104
|
showAdditionalHelpIcon(): boolean;
|
|
74
105
|
private isAdditionalHelpEventTriggered;
|
|
75
106
|
protected updateModel(value: T): void;
|
|
76
107
|
abstract onWriteValue(value: T): void;
|
|
77
108
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldModel<any>, never>;
|
|
78
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoFieldModel<any>, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; }, never, never, true, never>;
|
|
109
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoFieldModel<any>, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
79
110
|
static ngAcceptInputType_appendBox: any;
|
|
80
111
|
static ngAcceptInputType_disabled: any;
|
|
81
112
|
}
|
|
@@ -261,6 +261,15 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
261
261
|
* Evento disparado ao alterar valor do model.
|
|
262
262
|
*/
|
|
263
263
|
changeModel: EventEmitter<any>;
|
|
264
|
+
/**
|
|
265
|
+
* @optional
|
|
266
|
+
*
|
|
267
|
+
* @description
|
|
268
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
269
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
270
|
+
*/
|
|
271
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
272
|
+
displayAdditionalHelp: boolean;
|
|
264
273
|
type: string;
|
|
265
274
|
onChangePropagate: any;
|
|
266
275
|
objMask: any;
|
|
@@ -394,6 +403,28 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
394
403
|
registerOnTouched(func: any): void;
|
|
395
404
|
registerOnValidatorChange(fn: () => void): void;
|
|
396
405
|
showAdditionalHelpIcon(): boolean;
|
|
406
|
+
/**
|
|
407
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
408
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
409
|
+
*
|
|
410
|
+
* ```
|
|
411
|
+
* <po-nome-component
|
|
412
|
+
* #component
|
|
413
|
+
* ...
|
|
414
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
415
|
+
* (p-keydown)="onKeyDown($event, component)"
|
|
416
|
+
* ></po-nome-component>
|
|
417
|
+
* ```
|
|
418
|
+
* ```
|
|
419
|
+
* ...
|
|
420
|
+
* onKeyDown(event: KeyboardEvent, inp: PoNomeDoComponente): void {
|
|
421
|
+
* if (event.code === 'F9') {
|
|
422
|
+
* inp.showAdditionalHelp();
|
|
423
|
+
* }
|
|
424
|
+
* }
|
|
425
|
+
* ```
|
|
426
|
+
*/
|
|
427
|
+
showAdditionalHelp(): boolean;
|
|
397
428
|
updateModel(value: any): void;
|
|
398
429
|
validate(c: AbstractControl): {
|
|
399
430
|
[key: string]: any;
|
|
@@ -426,7 +457,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
426
457
|
};
|
|
427
458
|
abstract getScreenValue(): string;
|
|
428
459
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoInputBaseComponent, never>;
|
|
429
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInputBaseComponent, 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; }; "icon": { "alias": "p-icon"; "required": false; }; "emitAllChanges": { "alias": "p-emit-all-changes"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "errorAsyncProperties": { "alias": "p-error-async-properties"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "upperCase": { "alias": "p-upper-case"; "required": false; }; "maskNoLengthValidation": { "alias": "p-mask-no-length-validation"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "setPattern": { "alias": "p-pattern"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "setMask": { "alias": "p-mask"; "required": false; }; "setMaskFormatModel": { "alias": "p-mask-format-model"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
460
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInputBaseComponent, 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; }; "icon": { "alias": "p-icon"; "required": false; }; "emitAllChanges": { "alias": "p-emit-all-changes"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "errorAsyncProperties": { "alias": "p-error-async-properties"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "upperCase": { "alias": "p-upper-case"; "required": false; }; "maskNoLengthValidation": { "alias": "p-mask-no-length-validation"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "setPattern": { "alias": "p-pattern"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "setMask": { "alias": "p-mask"; "required": false; }; "setMaskFormatModel": { "alias": "p-mask-format-model"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
430
461
|
static ngAcceptInputType_appendBox: any;
|
|
431
462
|
static ngAcceptInputType_autoFocus: any;
|
|
432
463
|
static ngAcceptInputType_emitAllChanges: any;
|
|
@@ -17,6 +17,7 @@ export declare abstract class PoInputGeneric extends PoInputBaseComponent implem
|
|
|
17
17
|
afterViewInit(): void;
|
|
18
18
|
ngOnDestroy(): void;
|
|
19
19
|
focus(): void;
|
|
20
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
20
21
|
setPaddingInput(): void;
|
|
21
22
|
verifyAutoFocus(): void;
|
|
22
23
|
eventOnInput(e: any): void;
|
|
@@ -351,6 +351,14 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
351
351
|
* Será passado por parâmetro o objeto de erro retornado.
|
|
352
352
|
*/
|
|
353
353
|
onError: EventEmitter<any>;
|
|
354
|
+
/**
|
|
355
|
+
* @optional
|
|
356
|
+
*
|
|
357
|
+
* @description
|
|
358
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
359
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
360
|
+
*/
|
|
361
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
354
362
|
/**
|
|
355
363
|
* @optional
|
|
356
364
|
*
|
|
@@ -389,6 +397,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
389
397
|
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
390
398
|
*/
|
|
391
399
|
columnRestoreManager: EventEmitter<string[]>;
|
|
400
|
+
displayAdditionalHelp: boolean;
|
|
392
401
|
service: any;
|
|
393
402
|
protected selectedOptions: any[];
|
|
394
403
|
protected getSubscription: Subscription;
|
|
@@ -538,7 +547,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
538
547
|
abstract setDisclaimers(a: any): any;
|
|
539
548
|
abstract updateVisibleItems(): any;
|
|
540
549
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupBaseComponent, never>;
|
|
541
|
-
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; }; "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"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
|
|
550
|
+
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; }; "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>;
|
|
542
551
|
static ngAcceptInputType_appendBox: any;
|
|
543
552
|
static ngAcceptInputType_autoFocus: any;
|
|
544
553
|
static ngAcceptInputType_hideColumnsManager: any;
|
|
@@ -140,6 +140,7 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
140
140
|
getViewValue(): string;
|
|
141
141
|
getErrorPattern(): string;
|
|
142
142
|
hasInvalidClass(): any;
|
|
143
|
+
onBlur(): void;
|
|
143
144
|
searchEvent(): void;
|
|
144
145
|
closeDisclaimer(value: any): void;
|
|
145
146
|
updateVisibleItems(): void;
|
|
@@ -148,6 +149,29 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
148
149
|
getInputWidth(): number;
|
|
149
150
|
getDisclaimersWidth(): any[];
|
|
150
151
|
calculateVisibleItems(): void;
|
|
152
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
153
|
+
/**
|
|
154
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
155
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
156
|
+
*
|
|
157
|
+
* ```
|
|
158
|
+
* <po-lookup
|
|
159
|
+
* #lookup
|
|
160
|
+
* ...
|
|
161
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
162
|
+
* (p-keydown)="onKeyDown($event, lookup)"
|
|
163
|
+
* ></po-lookup>
|
|
164
|
+
* ```
|
|
165
|
+
* ```
|
|
166
|
+
* ...
|
|
167
|
+
* onKeyDown(event: KeyboardEvent, inp: PoLookupComponent): void {
|
|
168
|
+
* if (event.code === 'F9') {
|
|
169
|
+
* inp.showAdditionalHelp();
|
|
170
|
+
* }
|
|
171
|
+
* }
|
|
172
|
+
* ```
|
|
173
|
+
*/
|
|
174
|
+
showAdditionalHelp(): boolean;
|
|
151
175
|
showAdditionalHelpIcon(): boolean;
|
|
152
176
|
private isAdditionalHelpEventTriggered;
|
|
153
177
|
private isAllowedOpenModal;
|
|
@@ -149,14 +149,6 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
149
149
|
*
|
|
150
150
|
*/
|
|
151
151
|
fieldErrorMessage: string;
|
|
152
|
-
/**
|
|
153
|
-
* @optional
|
|
154
|
-
*
|
|
155
|
-
* @description
|
|
156
|
-
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
157
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
158
|
-
*/
|
|
159
|
-
additionalHelp: EventEmitter<any>;
|
|
160
152
|
/**
|
|
161
153
|
* @optional
|
|
162
154
|
*
|
|
@@ -170,6 +162,14 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
170
162
|
* @default `false`
|
|
171
163
|
*/
|
|
172
164
|
errorLimit: boolean;
|
|
165
|
+
/**
|
|
166
|
+
* @optional
|
|
167
|
+
*
|
|
168
|
+
* @description
|
|
169
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
170
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
171
|
+
*/
|
|
172
|
+
additionalHelp: EventEmitter<any>;
|
|
173
173
|
/**
|
|
174
174
|
* @optional
|
|
175
175
|
*
|
|
@@ -178,6 +178,14 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
178
178
|
* Pode ser informada uma função que será disparada quando houver alterações no ngModel.
|
|
179
179
|
*/
|
|
180
180
|
change: EventEmitter<any>;
|
|
181
|
+
/**
|
|
182
|
+
* @optional
|
|
183
|
+
*
|
|
184
|
+
* @description
|
|
185
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
186
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
187
|
+
*/
|
|
188
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
181
189
|
/**
|
|
182
190
|
* @optional
|
|
183
191
|
*
|
|
@@ -193,6 +201,12 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
193
201
|
* @default `false`
|
|
194
202
|
*/
|
|
195
203
|
appendBox?: boolean;
|
|
204
|
+
/**
|
|
205
|
+
* @docsPrivate
|
|
206
|
+
*
|
|
207
|
+
* Determinar se o valor do compo deve retorna objeto do tipo {value: any, label: any}
|
|
208
|
+
*/
|
|
209
|
+
controlValueWithLabel?: boolean;
|
|
196
210
|
selectedOptions: Array<PoMultiselectOption | any>;
|
|
197
211
|
visibleOptionsDropdown: Array<PoMultiselectOption | any>;
|
|
198
212
|
visibleTags: any[];
|
|
@@ -201,6 +215,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
201
215
|
filterSubject: Subject<unknown>;
|
|
202
216
|
service: PoMultiselectFilterService;
|
|
203
217
|
defaultService: PoMultiselectFilterService;
|
|
218
|
+
displayAdditionalHelp: boolean;
|
|
204
219
|
protected onModelTouched: any;
|
|
205
220
|
protected clickOutListener: () => void;
|
|
206
221
|
protected resizeListener: () => void;
|
|
@@ -464,14 +479,17 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
464
479
|
registerOnChange(fn: any): void;
|
|
465
480
|
registerOnTouched(fn: any): void;
|
|
466
481
|
registerOnValidatorChange(fn: () => void): void;
|
|
482
|
+
private getValueUpdate;
|
|
483
|
+
private getValueWrite;
|
|
467
484
|
private setLabelsAndValuesOptions;
|
|
468
485
|
private validateModel;
|
|
469
486
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
470
487
|
abstract updateVisibleItems(): void;
|
|
471
488
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
|
|
472
|
-
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; }; "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; }; "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; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; }, never, never, true, never>;
|
|
489
|
+
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; }; "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; }; "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; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
473
490
|
static ngAcceptInputType_autoFocus: any;
|
|
474
491
|
static ngAcceptInputType_hideSelectAll: any;
|
|
475
492
|
static ngAcceptInputType_appendBox: any;
|
|
493
|
+
static ngAcceptInputType_controlValueWithLabel: any;
|
|
476
494
|
static ngAcceptInputType_autoHeight: any;
|
|
477
495
|
}
|
|
@@ -118,6 +118,28 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
118
118
|
setVisibleOptionsDropdown(options: any): void;
|
|
119
119
|
changeSearch(event: any): void;
|
|
120
120
|
closeTag(value: any, event: any): void;
|
|
121
|
+
/**
|
|
122
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
123
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
124
|
+
*
|
|
125
|
+
* ```
|
|
126
|
+
* <po-multiselect
|
|
127
|
+
* #multiselect
|
|
128
|
+
* ...
|
|
129
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
130
|
+
* (p-keydown)="onKeyDown($event, multiselect)"
|
|
131
|
+
* ></po-multiselect>
|
|
132
|
+
* ```
|
|
133
|
+
* ```
|
|
134
|
+
* ...
|
|
135
|
+
* onKeyDown(event: KeyboardEvent, inp: PoMultiselectComponent): void {
|
|
136
|
+
* if (event.code === 'F9') {
|
|
137
|
+
* inp.showAdditionalHelp();
|
|
138
|
+
* }
|
|
139
|
+
* }
|
|
140
|
+
* ```
|
|
141
|
+
*/
|
|
142
|
+
showAdditionalHelp(): boolean;
|
|
121
143
|
showAdditionalHelpIcon(): boolean;
|
|
122
144
|
wasClickedOnToggle(event: MouseEvent): void;
|
|
123
145
|
applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
@@ -24,6 +24,7 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
24
24
|
required?: boolean;
|
|
25
25
|
/** Define o status do *radio* */
|
|
26
26
|
checked: boolean;
|
|
27
|
+
blur: EventEmitter<any>;
|
|
27
28
|
/** Emite evento para a tabela ao selecionar ou desselecionar */
|
|
28
29
|
changeSelected: EventEmitter<any>;
|
|
29
30
|
constructor(changeDetector: ChangeDetectorRef, renderer: Renderer2);
|
|
@@ -56,6 +57,6 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
56
57
|
onKeyup(): void;
|
|
57
58
|
onKeydown(): void;
|
|
58
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioComponent, never>;
|
|
59
|
-
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; }; }, { "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; }; "checked": { "alias": "p-checked"; "required": false; }; }, { "blur": "p-blur"; "changeSelected": "p-change-selected"; }, never, never, false, never>;
|
|
60
61
|
static ngAcceptInputType_required: any;
|
|
61
62
|
}
|
|
@@ -115,14 +115,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
115
115
|
*
|
|
116
116
|
*/
|
|
117
117
|
fieldErrorMessage: string;
|
|
118
|
-
/**
|
|
119
|
-
* @optional
|
|
120
|
-
*
|
|
121
|
-
* @description
|
|
122
|
-
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
123
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
124
|
-
*/
|
|
125
|
-
additionalHelp: EventEmitter<any>;
|
|
126
118
|
/**
|
|
127
119
|
* @optional
|
|
128
120
|
*
|
|
@@ -136,6 +128,14 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
136
128
|
* @default `false`
|
|
137
129
|
*/
|
|
138
130
|
errorLimit: boolean;
|
|
131
|
+
/**
|
|
132
|
+
* @optional
|
|
133
|
+
*
|
|
134
|
+
* @description
|
|
135
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
136
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
137
|
+
*/
|
|
138
|
+
additionalHelp: EventEmitter<any>;
|
|
139
139
|
/**
|
|
140
140
|
* @optional
|
|
141
141
|
*
|
|
@@ -144,6 +144,15 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
144
144
|
* Evento ao alterar valor do campo.
|
|
145
145
|
*/
|
|
146
146
|
change: EventEmitter<any>;
|
|
147
|
+
/**
|
|
148
|
+
* @optional
|
|
149
|
+
*
|
|
150
|
+
* @description
|
|
151
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
152
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
153
|
+
*/
|
|
154
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
155
|
+
displayAdditionalHelp: boolean;
|
|
147
156
|
mdColumns: number;
|
|
148
157
|
value: any;
|
|
149
158
|
protected onTouched: any;
|
|
@@ -228,7 +237,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
228
237
|
private validateModel;
|
|
229
238
|
abstract getElementByValue(value: any): any;
|
|
230
239
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupBaseComponent, never>;
|
|
231
|
-
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"; }, never, never, true, never>;
|
|
240
|
+
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>;
|
|
232
241
|
static ngAcceptInputType_appendBox: any;
|
|
233
242
|
static ngAcceptInputType_autoFocus: any;
|
|
234
243
|
}
|
|
@@ -67,10 +67,35 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
67
67
|
getElementByValue(value: any): any;
|
|
68
68
|
getErrorPattern(): string;
|
|
69
69
|
hasInvalidClass(): any;
|
|
70
|
+
onBlur(radio: PoRadioComponent): void;
|
|
71
|
+
onKeyDown(event: KeyboardEvent, radio?: PoRadioComponent): void;
|
|
70
72
|
onKeyUp(event: KeyboardEvent, value: any): void;
|
|
73
|
+
/**
|
|
74
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
75
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
76
|
+
*
|
|
77
|
+
* ```
|
|
78
|
+
* <po-radio-group
|
|
79
|
+
* #radioGroup
|
|
80
|
+
* ...
|
|
81
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
82
|
+
* (p-keydown)="onKeyDown($event, radioGroup)"
|
|
83
|
+
* ></po-radio-group>
|
|
84
|
+
* ```
|
|
85
|
+
* ```
|
|
86
|
+
* ...
|
|
87
|
+
* onKeyDown(event: KeyboardEvent, inp: PoRadioGroupComponent): void {
|
|
88
|
+
* if (event.code === 'F9') {
|
|
89
|
+
* inp.showAdditionalHelp();
|
|
90
|
+
* }
|
|
91
|
+
* }
|
|
92
|
+
* ```
|
|
93
|
+
*/
|
|
94
|
+
showAdditionalHelp(): boolean;
|
|
71
95
|
showAdditionalHelpIcon(): boolean;
|
|
72
96
|
private isAdditionalHelpEventTriggered;
|
|
73
97
|
private isArrowKey;
|
|
98
|
+
private isRadioOptionFocused;
|
|
74
99
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupComponent, never>;
|
|
75
100
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioGroupComponent, "po-radio-group", never, { "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; }, {}, never, never, false, never>;
|
|
76
101
|
}
|
|
@@ -159,6 +159,15 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
159
159
|
* Evento disparado ao modificar valor do model e que recebe como parâmetro o valor alterado.
|
|
160
160
|
*/
|
|
161
161
|
changeModel: EventEmitter<any>;
|
|
162
|
+
/**
|
|
163
|
+
* @optional
|
|
164
|
+
*
|
|
165
|
+
* @description
|
|
166
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
167
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
168
|
+
*/
|
|
169
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
170
|
+
displayAdditionalHelp: boolean;
|
|
162
171
|
invalid: boolean;
|
|
163
172
|
onChangeModel: any;
|
|
164
173
|
value: string;
|
|
@@ -230,7 +239,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
230
239
|
protected updateModel(value: any): void;
|
|
231
240
|
protected validateModel(value: any): void;
|
|
232
241
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBaseComponent, never>;
|
|
233
|
-
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; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
242
|
+
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; }; "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>;
|
|
234
243
|
static ngAcceptInputType_appendBox: any;
|
|
235
244
|
static ngAcceptInputType_autoFocus: any;
|
|
236
245
|
static ngAcceptInputType_disabledTextAlign: any;
|
package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
|
|
|
11
11
|
readonly?: string;
|
|
12
12
|
change: EventEmitter<any>;
|
|
13
13
|
commands: EventEmitter<any>;
|
|
14
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
14
15
|
selectedLink: EventEmitter<any>;
|
|
15
16
|
shortcutCommand: EventEmitter<any>;
|
|
16
17
|
value: EventEmitter<any>;
|
|
@@ -52,5 +53,5 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
|
|
|
52
53
|
private updateValueWithModelValue;
|
|
53
54
|
private verifyCursorPositionInFirefoxIEEdge;
|
|
54
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBodyComponent, never>;
|
|
55
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextBodyComponent, "po-rich-text-body", never, { "height": { "alias": "p-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "modelValue": { "alias": "p-model-value"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; }, { "change": "p-change"; "commands": "p-commands"; "selectedLink": "p-selected-link"; "shortcutCommand": "p-shortcut-command"; "value": "p-value"; "blur": "p-blur"; }, never, never, false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextBodyComponent, "po-rich-text-body", never, { "height": { "alias": "p-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "modelValue": { "alias": "p-model-value"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; }, { "change": "p-change"; "commands": "p-commands"; "keydown": "p-keydown"; "selectedLink": "p-selected-link"; "shortcutCommand": "p-shortcut-command"; "value": "p-value"; "blur": "p-blur"; }, never, never, false, never>;
|
|
56
57
|
}
|
|
@@ -59,6 +59,29 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
|
|
|
59
59
|
focus(): void;
|
|
60
60
|
onBlur(): void;
|
|
61
61
|
onChangeValue(value: any): void;
|
|
62
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
63
|
+
/**
|
|
64
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
65
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
66
|
+
*
|
|
67
|
+
* ```
|
|
68
|
+
* <po-rich-text
|
|
69
|
+
* #richtext
|
|
70
|
+
* ...
|
|
71
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
72
|
+
* (p-keydown)="onKeyDown($event, richtext)"
|
|
73
|
+
* ></po-rich-text>
|
|
74
|
+
* ```
|
|
75
|
+
* ```
|
|
76
|
+
* ...
|
|
77
|
+
* onKeyDown(event: KeyboardEvent, inp: PoRichTextComponent): void {
|
|
78
|
+
* if (event.code === 'F9') {
|
|
79
|
+
* inp.showAdditionalHelp();
|
|
80
|
+
* }
|
|
81
|
+
* }
|
|
82
|
+
* ```
|
|
83
|
+
*/
|
|
84
|
+
showAdditionalHelp(): boolean;
|
|
62
85
|
updateValue(value: string): void;
|
|
63
86
|
private addKeyListeners;
|
|
64
87
|
private controlChangeModelEmitter;
|
|
@@ -175,6 +175,12 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
175
175
|
* @default `value`
|
|
176
176
|
*/
|
|
177
177
|
set fieldValue(value: string);
|
|
178
|
+
/**
|
|
179
|
+
* @docsPrivate
|
|
180
|
+
*
|
|
181
|
+
* Determinar se o valor do compo deve retorna objeto do tipo {value: any, label: any}
|
|
182
|
+
*/
|
|
183
|
+
controlValueWithLabel?: boolean;
|
|
178
184
|
get fieldValue(): string;
|
|
179
185
|
get iconNameLib(): string;
|
|
180
186
|
constructor(value: {
|
|
@@ -210,13 +216,38 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
210
216
|
[key: string]: any;
|
|
211
217
|
};
|
|
212
218
|
isItemGroup(item: PoSelectOption | PoSelectOptionGroup | any): boolean;
|
|
219
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
213
220
|
registerOnTouched(fn: any): void;
|
|
221
|
+
/**
|
|
222
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
223
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
224
|
+
*
|
|
225
|
+
* ```html
|
|
226
|
+
* <po-select
|
|
227
|
+
* #select
|
|
228
|
+
* ...
|
|
229
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
230
|
+
* (p-keydown)="onKeyDown($event, select)"
|
|
231
|
+
* ></po-select>
|
|
232
|
+
* ```
|
|
233
|
+
* ```typescript
|
|
234
|
+
* onKeyDown(event: KeyboardEvent, inp: PoSelectComponent): void {
|
|
235
|
+
* if (event.code === 'F9') {
|
|
236
|
+
* inp.showAdditionalHelp();
|
|
237
|
+
* }
|
|
238
|
+
* }
|
|
239
|
+
* ```
|
|
240
|
+
*/
|
|
241
|
+
showAdditionalHelp(): boolean;
|
|
214
242
|
private isEqual;
|
|
215
243
|
private findOptionValue;
|
|
244
|
+
private getValueUpdate;
|
|
245
|
+
private getValueWrite;
|
|
216
246
|
private transformInArray;
|
|
217
247
|
private separateOptions;
|
|
218
248
|
private validateOptions;
|
|
219
249
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoSelectComponent, [{ optional: true; }, null, null, null]>;
|
|
220
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
250
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
221
251
|
static ngAcceptInputType_readonly: any;
|
|
252
|
+
static ngAcceptInputType_controlValueWithLabel: any;
|
|
222
253
|
}
|