@po-ui/ng-components 19.2.0 → 19.3.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 +1265 -507
- 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 +10 -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 +18 -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 +22 -0
- 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.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
|
@@ -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
|
*
|
|
@@ -201,6 +209,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
201
209
|
filterSubject: Subject<unknown>;
|
|
202
210
|
service: PoMultiselectFilterService;
|
|
203
211
|
defaultService: PoMultiselectFilterService;
|
|
212
|
+
displayAdditionalHelp: boolean;
|
|
204
213
|
protected onModelTouched: any;
|
|
205
214
|
protected clickOutListener: () => void;
|
|
206
215
|
protected resizeListener: () => void;
|
|
@@ -469,7 +478,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
469
478
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
470
479
|
abstract updateVisibleItems(): void;
|
|
471
480
|
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>;
|
|
481
|
+
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"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
473
482
|
static ngAcceptInputType_autoFocus: any;
|
|
474
483
|
static ngAcceptInputType_hideSelectAll: any;
|
|
475
484
|
static ngAcceptInputType_appendBox: any;
|
|
@@ -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;
|
|
@@ -210,7 +210,29 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
210
210
|
[key: string]: any;
|
|
211
211
|
};
|
|
212
212
|
isItemGroup(item: PoSelectOption | PoSelectOptionGroup | any): boolean;
|
|
213
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
213
214
|
registerOnTouched(fn: any): void;
|
|
215
|
+
/**
|
|
216
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
217
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
218
|
+
*
|
|
219
|
+
* ```html
|
|
220
|
+
* <po-select
|
|
221
|
+
* #select
|
|
222
|
+
* ...
|
|
223
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
224
|
+
* (p-keydown)="onKeyDown($event, select)"
|
|
225
|
+
* ></po-select>
|
|
226
|
+
* ```
|
|
227
|
+
* ```typescript
|
|
228
|
+
* onKeyDown(event: KeyboardEvent, inp: PoSelectComponent): void {
|
|
229
|
+
* if (event.code === 'F9') {
|
|
230
|
+
* inp.showAdditionalHelp();
|
|
231
|
+
* }
|
|
232
|
+
* }
|
|
233
|
+
* ```
|
|
234
|
+
*/
|
|
235
|
+
showAdditionalHelp(): boolean;
|
|
214
236
|
private isEqual;
|
|
215
237
|
private findOptionValue;
|
|
216
238
|
private transformInArray;
|
|
@@ -99,14 +99,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
99
99
|
*
|
|
100
100
|
*/
|
|
101
101
|
fieldErrorMessage: string;
|
|
102
|
-
/**
|
|
103
|
-
* @optional
|
|
104
|
-
*
|
|
105
|
-
* @description
|
|
106
|
-
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
107
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
108
|
-
*/
|
|
109
|
-
additionalHelp: EventEmitter<any>;
|
|
110
102
|
/**
|
|
111
103
|
* @optional
|
|
112
104
|
*
|
|
@@ -120,6 +112,14 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
120
112
|
* @default `false`
|
|
121
113
|
*/
|
|
122
114
|
errorLimit: boolean;
|
|
115
|
+
/**
|
|
116
|
+
* @optional
|
|
117
|
+
*
|
|
118
|
+
* @description
|
|
119
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
120
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
121
|
+
*/
|
|
122
|
+
additionalHelp: EventEmitter<any>;
|
|
123
123
|
/**
|
|
124
124
|
* @optional
|
|
125
125
|
*
|
|
@@ -152,6 +152,15 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
152
152
|
* Evento disparado ao alterar valor do model.
|
|
153
153
|
*/
|
|
154
154
|
changeModel: EventEmitter<any>;
|
|
155
|
+
/**
|
|
156
|
+
* @optional
|
|
157
|
+
*
|
|
158
|
+
* @description
|
|
159
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
160
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
161
|
+
*/
|
|
162
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
163
|
+
displayAdditionalHelp: boolean;
|
|
155
164
|
private _disabled;
|
|
156
165
|
private _maxlength;
|
|
157
166
|
private _minlength;
|
|
@@ -251,7 +260,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
251
260
|
protected validateModel(): void;
|
|
252
261
|
abstract writeValueModel(value: any): void;
|
|
253
262
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTextareaBaseComponent, never>;
|
|
254
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, 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; }; "help": { "alias": "p-help"; "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; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
263
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, 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; }; "help": { "alias": "p-help"; "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; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "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>;
|
|
255
264
|
static ngAcceptInputType_appendBox: any;
|
|
256
265
|
static ngAcceptInputType_autoFocus: any;
|
|
257
266
|
}
|
|
@@ -63,6 +63,29 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
|
|
|
63
63
|
eventOnFocus(): void;
|
|
64
64
|
eventOnBlur(): void;
|
|
65
65
|
controlChangeEmitter(): void;
|
|
66
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
67
|
+
/**
|
|
68
|
+
* Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
|
|
69
|
+
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
70
|
+
*
|
|
71
|
+
* ```
|
|
72
|
+
* <po-textarea
|
|
73
|
+
* #textarea
|
|
74
|
+
* ...
|
|
75
|
+
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
76
|
+
* (p-keydown)="onKeyDown($event, textarea)"
|
|
77
|
+
* ></po-textarea>
|
|
78
|
+
* ```
|
|
79
|
+
* ```
|
|
80
|
+
* ...
|
|
81
|
+
* onKeyDown(event: KeyboardEvent, inp: PoTextareaComponent): void {
|
|
82
|
+
* if (event.code === 'F9') {
|
|
83
|
+
* inp.showAdditionalHelp();
|
|
84
|
+
* }
|
|
85
|
+
* }
|
|
86
|
+
* ```
|
|
87
|
+
*/
|
|
88
|
+
showAdditionalHelp(): boolean;
|
|
66
89
|
showAdditionalHelpIcon(): boolean;
|
|
67
90
|
private isAdditionalHelpEventTriggered;
|
|
68
91
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTextareaComponent, never>;
|
|
@@ -228,6 +228,14 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
|
|
|
228
228
|
* ```
|
|
229
229
|
*/
|
|
230
230
|
customActionClick: EventEmitter<any>;
|
|
231
|
+
/**
|
|
232
|
+
* @optional
|
|
233
|
+
*
|
|
234
|
+
* @description
|
|
235
|
+
* Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
|
|
236
|
+
* Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
|
|
237
|
+
*/
|
|
238
|
+
keydown: EventEmitter<KeyboardEvent>;
|
|
231
239
|
/**
|
|
232
240
|
* @optional
|
|
233
241
|
*
|
|
@@ -287,6 +295,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
|
|
|
287
295
|
allowedExtensions: string;
|
|
288
296
|
currentFiles: Array<PoUploadFile>;
|
|
289
297
|
canHandleDirectory: boolean;
|
|
298
|
+
displayAdditionalHelp: boolean;
|
|
290
299
|
onModelChange: any;
|
|
291
300
|
protected extensionNotAllowed: number;
|
|
292
301
|
protected quantityNotAllowed: number;
|
|
@@ -486,7 +495,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
|
|
|
486
495
|
abstract sendFeedback(): void;
|
|
487
496
|
abstract setDirectoryAttribute(value: boolean): any;
|
|
488
497
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoUploadBaseComponent, never>;
|
|
489
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, 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; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "customActionClick": "p-custom-action-click"; "onUpload": "p-upload"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, true, never>;
|
|
498
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, 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; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "customActionClick": "p-custom-action-click"; "keydown": "p-keydown"; "onUpload": "p-upload"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, true, never>;
|
|
490
499
|
static ngAcceptInputType_appendBox: any;
|
|
491
500
|
static ngAcceptInputType_autoFocus: any;
|
|
492
501
|
static ngAcceptInputType_disabledRemoveFile: any;
|