@po-ui/ng-components 20.9.0 → 20.11.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 +132 -139
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/index.d.ts +105 -39
- package/lib/components/po-button/po-button-base.component.d.ts +3 -2
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +33 -6
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +0 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +0 -1
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +0 -1
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +0 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +0 -1
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +8 -15
- package/lib/components/po-field/po-field.model.d.ts +0 -1
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +2 -3
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +4 -1
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +1 -3
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +4 -1
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +0 -2
- package/lib/components/po-field/po-number/po-number.component.d.ts +11 -0
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +0 -1
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +0 -1
- package/lib/components/po-modal/po-modal-action.interface.d.ts +44 -0
- package/package.json +4 -4
- package/po-ui-ng-components-20.11.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/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-20.9.0.tgz +0 -0
package/index.d.ts
CHANGED
|
@@ -2751,11 +2751,12 @@ declare class PoButtonBaseComponent {
|
|
|
2751
2751
|
* @description
|
|
2752
2752
|
* Ícone exibido ao lado esquerdo do label do botão.
|
|
2753
2753
|
*
|
|
2754
|
-
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons)
|
|
2754
|
+
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
|
|
2755
2755
|
* ```
|
|
2756
2756
|
* <po-button p-icon="an an-user" p-label="PO button"></po-button>
|
|
2757
2757
|
* ```
|
|
2758
|
-
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*,
|
|
2758
|
+
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
|
|
2759
|
+
* esteja carregada no projeto:
|
|
2759
2760
|
* ```
|
|
2760
2761
|
* <po-button p-icon="fa fa-podcast" p-label="PO button"></po-button>
|
|
2761
2762
|
* ```
|
|
@@ -3704,7 +3705,6 @@ declare class PoCheckboxComponent extends PoCheckboxBaseComponent implements Aft
|
|
|
3704
3705
|
* ```
|
|
3705
3706
|
*/
|
|
3706
3707
|
showAdditionalHelp(): boolean;
|
|
3707
|
-
showAdditionalHelpIcon(): boolean;
|
|
3708
3708
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
3709
3709
|
hideAdditionalHelp: boolean;
|
|
3710
3710
|
helperSettings?: any;
|
|
@@ -3792,9 +3792,7 @@ declare class PoDirectivesModule {
|
|
|
3792
3792
|
*/
|
|
3793
3793
|
declare class PoFieldContainerBottomComponent implements OnChanges {
|
|
3794
3794
|
poTooltip: PoTooltipDirective;
|
|
3795
|
-
|
|
3796
|
-
/** @deprecated v23.x.x */
|
|
3797
|
-
additionalHelpTooltip?: string;
|
|
3795
|
+
helperEl?: PoHelperComponent;
|
|
3798
3796
|
/** Define se o tooltip será inserido no `body` em vez do componente. */
|
|
3799
3797
|
appendBox: boolean;
|
|
3800
3798
|
disabled: boolean;
|
|
@@ -3807,24 +3805,18 @@ declare class PoFieldContainerBottomComponent implements OnChanges {
|
|
|
3807
3805
|
* Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
|
|
3808
3806
|
*/
|
|
3809
3807
|
errorLimit: boolean;
|
|
3808
|
+
/** Texto de apoio do campo. */
|
|
3810
3809
|
help?: string;
|
|
3811
|
-
/** Ativa a exibição da ajuda adicional. */
|
|
3812
|
-
showAdditionalHelp: boolean;
|
|
3813
|
-
/** Exibe o ícone de ajuda adicional. */
|
|
3814
|
-
showAdditionalHelpIcon: boolean;
|
|
3815
3810
|
/** Define o tamanho do componente. */
|
|
3816
3811
|
size?: string;
|
|
3817
|
-
/**
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
* Caso o p-label esteja visível, o additionalHelp não será exibido.
|
|
3822
|
-
**/
|
|
3823
|
-
hideAdditionalHelpByLabel: i0.InputSignalWithTransform<boolean, unknown>;
|
|
3812
|
+
/** Configurações do ícone de ajuda adicional vínculado ao label. */
|
|
3813
|
+
poHelperComponent: i0.InputSignal<PoHelperOptions>;
|
|
3814
|
+
/** Define se o componente helper estará visível através das ações customizadas */
|
|
3815
|
+
showHelperComponent: i0.InputSignal<boolean>;
|
|
3824
3816
|
private isInitialChange;
|
|
3825
3817
|
ngOnChanges(changes: SimpleChanges): void;
|
|
3826
3818
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerBottomComponent, never>;
|
|
3827
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "
|
|
3819
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
3828
3820
|
static ngAcceptInputType_appendBox: any;
|
|
3829
3821
|
}
|
|
3830
3822
|
|
|
@@ -4915,6 +4907,49 @@ interface PoModalAction {
|
|
|
4915
4907
|
danger?: boolean;
|
|
4916
4908
|
/** Desabilita o botão impossibilitando que sua ação seja executada. */
|
|
4917
4909
|
disabled?: boolean;
|
|
4910
|
+
/**
|
|
4911
|
+
* Ícone exibido ao lado esquerdo do label do botão.
|
|
4912
|
+
*
|
|
4913
|
+
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
|
|
4914
|
+
* ```
|
|
4915
|
+
* modalAction: PoModalAction = {
|
|
4916
|
+
* action: () => {},
|
|
4917
|
+
* label: 'Botão com ícone PO',
|
|
4918
|
+
* icon: 'an an-user'
|
|
4919
|
+
* };
|
|
4920
|
+
* ```
|
|
4921
|
+
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
|
|
4922
|
+
* esteja carregada no projeto:
|
|
4923
|
+
* ```
|
|
4924
|
+
* modalAction: PoModalAction = {
|
|
4925
|
+
* action: () => {},
|
|
4926
|
+
* label: 'Botão com ícone Font Awesome',
|
|
4927
|
+
* icon: 'fa fa-user'
|
|
4928
|
+
* };
|
|
4929
|
+
* ```
|
|
4930
|
+
* Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
|
|
4931
|
+
* ```
|
|
4932
|
+
* // Template HTML
|
|
4933
|
+
* <ng-template #customIcon>
|
|
4934
|
+
* <span class="fa fa-user"></span>
|
|
4935
|
+
* </ng-template>
|
|
4936
|
+
*
|
|
4937
|
+
* // Componente TypeScript
|
|
4938
|
+
* @ViewChild('customIcon', { static: true }) customIcon: TemplateRef<void>;
|
|
4939
|
+
*
|
|
4940
|
+
* modalAction: PoModalAction = {
|
|
4941
|
+
* action: () => {},
|
|
4942
|
+
* label: 'Botão com ícone customizado',
|
|
4943
|
+
* };
|
|
4944
|
+
*
|
|
4945
|
+
* // Atribuição do TemplateRef à propriedade icon após a inicialização da view
|
|
4946
|
+
* ngAfterViewInit() {
|
|
4947
|
+
* this.modalAction.icon = this.customIcon;
|
|
4948
|
+
* }
|
|
4949
|
+
* ```
|
|
4950
|
+
* > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
|
|
4951
|
+
*/
|
|
4952
|
+
icon?: string | TemplateRef<void>;
|
|
4918
4953
|
/** Rótulo do botão. */
|
|
4919
4954
|
label: string;
|
|
4920
4955
|
/** Habilita um estado de carregamento ao botão, desabilitando-o e exibindo um ícone de carregamento à esquerda de seu rótulo. */
|
|
@@ -8692,7 +8727,6 @@ declare class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent impl
|
|
|
8692
8727
|
* ```
|
|
8693
8728
|
*/
|
|
8694
8729
|
showAdditionalHelp(): boolean;
|
|
8695
|
-
showAdditionalHelpIcon(): boolean;
|
|
8696
8730
|
trackByFn(index: any): any;
|
|
8697
8731
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
8698
8732
|
hideAdditionalHelp: boolean;
|
|
@@ -9192,7 +9226,6 @@ declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
9192
9226
|
* ```
|
|
9193
9227
|
*/
|
|
9194
9228
|
showAdditionalHelp(helperHtmlElement?: PoHelperComponent, poHelperComponent?: string | PoHelperOptions): boolean;
|
|
9195
|
-
showAdditionalHelpIcon(): boolean;
|
|
9196
9229
|
protected isAdditionalHelpEventTriggered(): boolean;
|
|
9197
9230
|
protected updateModel(value: T): void;
|
|
9198
9231
|
abstract onWriteValue(value: T): void;
|
|
@@ -12878,7 +12911,6 @@ declare class PoComboComponent extends PoComboBaseComponent implements AfterView
|
|
|
12878
12911
|
wasClickedOnToggle(event: MouseEvent): void;
|
|
12879
12912
|
isValidCharacterToSearch(keyCode: any): boolean;
|
|
12880
12913
|
searchOnEnterOrArrow(event: any, value: string): void;
|
|
12881
|
-
showAdditionalHelpIcon(): boolean;
|
|
12882
12914
|
showMoreInfiniteScroll(): void;
|
|
12883
12915
|
clearAndFocus(): void;
|
|
12884
12916
|
updateCacheOptions(): void;
|
|
@@ -13503,7 +13535,6 @@ declare class PoDatepickerComponent extends PoDatepickerBaseComponent implements
|
|
|
13503
13535
|
isValidDateIso(value: string): boolean;
|
|
13504
13536
|
isValidExtendedIso(value: any): boolean;
|
|
13505
13537
|
hasOverlayClass(element: any): any;
|
|
13506
|
-
showAdditionalHelpIcon(): boolean;
|
|
13507
13538
|
verifyErrorAsync(value: any): void;
|
|
13508
13539
|
verifyMobile(): RegExpMatchArray;
|
|
13509
13540
|
private closeCalendar;
|
|
@@ -14065,7 +14096,6 @@ declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent
|
|
|
14065
14096
|
onKeydown(event?: any): void;
|
|
14066
14097
|
onKeyup(event: any): void;
|
|
14067
14098
|
resetDateRangeInputValidation(): void;
|
|
14068
|
-
showAdditionalHelpIcon(): boolean;
|
|
14069
14099
|
/**
|
|
14070
14100
|
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
14071
14101
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
@@ -14364,12 +14394,12 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
14364
14394
|
/**
|
|
14365
14395
|
* @description
|
|
14366
14396
|
*
|
|
14367
|
-
*
|
|
14397
|
+
* Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
|
|
14368
14398
|
*
|
|
14369
14399
|
* - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
|
|
14370
14400
|
* - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
|
|
14371
14401
|
*
|
|
14372
|
-
* >
|
|
14402
|
+
* > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
|
|
14373
14403
|
*
|
|
14374
14404
|
* Exemplo:
|
|
14375
14405
|
* ```
|
|
@@ -14615,7 +14645,6 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
14615
14645
|
registerOnChange(func: any): void;
|
|
14616
14646
|
registerOnTouched(func: any): void;
|
|
14617
14647
|
registerOnValidatorChange(fn: () => void): void;
|
|
14618
|
-
showAdditionalHelpIcon(): boolean;
|
|
14619
14648
|
/**
|
|
14620
14649
|
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
14621
14650
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
@@ -15575,6 +15604,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
15575
15604
|
private readonly language;
|
|
15576
15605
|
private _size?;
|
|
15577
15606
|
private _spacing;
|
|
15607
|
+
inputEl: ElementRef;
|
|
15578
15608
|
additionalHelpEventTrigger: string | undefined;
|
|
15579
15609
|
/**
|
|
15580
15610
|
*
|
|
@@ -16001,6 +16031,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
16001
16031
|
protected oldValueToModel: any;
|
|
16002
16032
|
protected onTouched: any;
|
|
16003
16033
|
protected resizeListener: () => void;
|
|
16034
|
+
protected isExpandedHeight: boolean;
|
|
16004
16035
|
private _disabled?;
|
|
16005
16036
|
private _fieldLabel;
|
|
16006
16037
|
private _filterService;
|
|
@@ -16136,6 +16167,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
16136
16167
|
private setService;
|
|
16137
16168
|
private setControl;
|
|
16138
16169
|
private initializeColumn;
|
|
16170
|
+
private updateLookupInputHeight;
|
|
16139
16171
|
abstract setViewValue(value: any, object: any): void;
|
|
16140
16172
|
abstract openLookup(): void;
|
|
16141
16173
|
abstract setDisclaimers(a: any): any;
|
|
@@ -16247,7 +16279,6 @@ declare class PoLookupComponent extends PoLookupBaseComponent implements AfterVi
|
|
|
16247
16279
|
private renderer;
|
|
16248
16280
|
private cd;
|
|
16249
16281
|
private el;
|
|
16250
|
-
inputEl: ElementRef;
|
|
16251
16282
|
helperEl?: PoHelperComponent;
|
|
16252
16283
|
initialized: boolean;
|
|
16253
16284
|
timeoutResize: any;
|
|
@@ -16329,7 +16360,6 @@ declare class PoLookupComponent extends PoLookupBaseComponent implements AfterVi
|
|
|
16329
16360
|
* ```
|
|
16330
16361
|
*/
|
|
16331
16362
|
showAdditionalHelp(): boolean;
|
|
16332
|
-
showAdditionalHelpIcon(): boolean;
|
|
16333
16363
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
16334
16364
|
hideAdditionalHelp: boolean;
|
|
16335
16365
|
helperSettings?: any;
|
|
@@ -16531,6 +16561,7 @@ declare class PoMultiselectFilterService implements PoMultiselectFilter {
|
|
|
16531
16561
|
*/
|
|
16532
16562
|
declare abstract class PoMultiselectBaseComponent implements ControlValueAccessor, OnInit, Validator {
|
|
16533
16563
|
protected cd?: ChangeDetectorRef;
|
|
16564
|
+
inputElement: ElementRef;
|
|
16534
16565
|
additionalHelpEventTrigger: string | undefined;
|
|
16535
16566
|
/**
|
|
16536
16567
|
*
|
|
@@ -16733,6 +16764,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
16733
16764
|
protected clickOutListener: () => void;
|
|
16734
16765
|
protected resizeListener: () => void;
|
|
16735
16766
|
protected getObjectsByValuesSubscription: Subscription;
|
|
16767
|
+
protected isExpandedHeight: boolean;
|
|
16736
16768
|
private _filterService?;
|
|
16737
16769
|
private _debounceTime?;
|
|
16738
16770
|
private _disabled?;
|
|
@@ -17013,6 +17045,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
17013
17045
|
private getValueWrite;
|
|
17014
17046
|
private setLabelsAndValuesOptions;
|
|
17015
17047
|
private validateModel;
|
|
17048
|
+
private updateInputHeight;
|
|
17016
17049
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
17017
17050
|
abstract updateVisibleItems(): void;
|
|
17018
17051
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
|
|
@@ -17076,7 +17109,6 @@ declare class PoMultiselectComponent extends PoMultiselectBaseComponent implemen
|
|
|
17076
17109
|
dropdownElement: ElementRef;
|
|
17077
17110
|
dropdown: any;
|
|
17078
17111
|
iconElement: ElementRef;
|
|
17079
|
-
inputElement: ElementRef;
|
|
17080
17112
|
outerContainer: ElementRef;
|
|
17081
17113
|
helperEl?: PoHelperComponent;
|
|
17082
17114
|
literalsTag: any;
|
|
@@ -17163,7 +17195,6 @@ declare class PoMultiselectComponent extends PoMultiselectBaseComponent implemen
|
|
|
17163
17195
|
* ```
|
|
17164
17196
|
*/
|
|
17165
17197
|
showAdditionalHelp(): boolean;
|
|
17166
|
-
showAdditionalHelpIcon(): boolean;
|
|
17167
17198
|
wasClickedOnToggle(event: MouseEvent): void;
|
|
17168
17199
|
applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
17169
17200
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
@@ -17239,6 +17270,17 @@ declare abstract class PoNumberBaseComponent extends PoInputGeneric {
|
|
|
17239
17270
|
* </example>
|
|
17240
17271
|
*/
|
|
17241
17272
|
declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit, OnChanges {
|
|
17273
|
+
/**
|
|
17274
|
+
* @optional
|
|
17275
|
+
*
|
|
17276
|
+
* @description
|
|
17277
|
+
*
|
|
17278
|
+
* Indica uma máscara para o campo, porém é incompatível com o `po-number`.
|
|
17279
|
+
* > **Componentes compatíveis:** `po-input`,`po-decimal`.
|
|
17280
|
+
*
|
|
17281
|
+
* @override
|
|
17282
|
+
*/
|
|
17283
|
+
mask?: string;
|
|
17242
17284
|
/**
|
|
17243
17285
|
* @optional
|
|
17244
17286
|
*
|
|
@@ -17723,7 +17765,6 @@ declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements
|
|
|
17723
17765
|
* ```
|
|
17724
17766
|
*/
|
|
17725
17767
|
showAdditionalHelp(): boolean;
|
|
17726
|
-
showAdditionalHelpIcon(): boolean;
|
|
17727
17768
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
17728
17769
|
hideAdditionalHelp: boolean;
|
|
17729
17770
|
helperSettings?: any;
|
|
@@ -19529,7 +19570,6 @@ declare class PoUploadComponent extends PoUploadBaseComponent implements AfterVi
|
|
|
19529
19570
|
* ```
|
|
19530
19571
|
*/
|
|
19531
19572
|
showAdditionalHelp(): boolean;
|
|
19532
|
-
showAdditionalHelpIcon(): boolean;
|
|
19533
19573
|
stopUpload(file: PoUploadFile): void;
|
|
19534
19574
|
trackByFn(index: any, file: PoUploadFile): string;
|
|
19535
19575
|
uploadFiles(files: Array<PoUploadFile>): void;
|
|
@@ -20637,7 +20677,6 @@ declare class PoTextareaComponent extends PoTextareaBaseComponent implements Aft
|
|
|
20637
20677
|
* ```
|
|
20638
20678
|
*/
|
|
20639
20679
|
showAdditionalHelp(): boolean;
|
|
20640
|
-
showAdditionalHelpIcon(): boolean;
|
|
20641
20680
|
private isAdditionalHelpEventTriggered;
|
|
20642
20681
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
20643
20682
|
hideAdditionalHelp: boolean;
|
|
@@ -21507,17 +21546,44 @@ interface PoDynamicFormField extends PoDynamicField {
|
|
|
21507
21546
|
/**
|
|
21508
21547
|
* Máscara para o campo.
|
|
21509
21548
|
*
|
|
21510
|
-
* **
|
|
21549
|
+
* **Componente compatível:** `po-input`.
|
|
21511
21550
|
* > também é atribuído ao utilizar a propriedade `type: time`.
|
|
21512
21551
|
*/
|
|
21513
21552
|
mask?: string;
|
|
21514
21553
|
/**
|
|
21515
21554
|
* Define que o valor do componente será conforme especificado na mascára. O valor padrão é `false`.
|
|
21516
21555
|
*
|
|
21517
|
-
* **
|
|
21556
|
+
* **Componente compatível:** `po-input`.
|
|
21518
21557
|
* > também é atribuído ao utilizar a propriedade `type: time`.
|
|
21519
21558
|
* */
|
|
21520
21559
|
maskFormatModel?: boolean;
|
|
21560
|
+
/**
|
|
21561
|
+
* Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
|
|
21562
|
+
*
|
|
21563
|
+
* - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
|
|
21564
|
+
* - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
|
|
21565
|
+
*
|
|
21566
|
+
* **Componentes compatíveis:** `po-input`, `po-decimal`.
|
|
21567
|
+
*
|
|
21568
|
+
* > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
|
|
21569
|
+
*
|
|
21570
|
+
* Exemplo:
|
|
21571
|
+
* ```
|
|
21572
|
+
* fields:Array<PoDynamicFormField> = [
|
|
21573
|
+
* {
|
|
21574
|
+
* property: 'CNPJ maskNoLengthValidation TRUE',
|
|
21575
|
+
* required: true,
|
|
21576
|
+
* showRequired: true,
|
|
21577
|
+
* mask: '99.999.999/9999-99',
|
|
21578
|
+
* pattern: '([0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9])',
|
|
21579
|
+
* maskNoLengthValidation: true,
|
|
21580
|
+
* maxLength: 14,
|
|
21581
|
+
* minLength: 0
|
|
21582
|
+
* }
|
|
21583
|
+
* ```
|
|
21584
|
+
* - Entrada: `11.111.111/1111-11` → Validação será aplicada somente aos números, ignorando os caracteres especiais.
|
|
21585
|
+
*/
|
|
21586
|
+
maskNoLengthValidation?: boolean;
|
|
21521
21587
|
/** Define o ícone que será exibido no início do campo.
|
|
21522
21588
|
* > Esta propriedade só pode ser utilizado nos campos:
|
|
21523
21589
|
* - Input;
|
|
@@ -21800,7 +21866,7 @@ interface PoDynamicFormField extends PoDynamicField {
|
|
|
21800
21866
|
/**
|
|
21801
21867
|
* Permite a seleção de múltiplos itens.
|
|
21802
21868
|
*
|
|
21803
|
-
* **
|
|
21869
|
+
* **Componentes compatíveis:** `po-lookup`, `po-upload`
|
|
21804
21870
|
*/
|
|
21805
21871
|
multiple?: boolean;
|
|
21806
21872
|
/** Se verdadeiro, o campo receberá um botão para ser limpo.
|
|
@@ -21867,7 +21933,7 @@ interface PoDynamicFormField extends PoDynamicField {
|
|
|
21867
21933
|
* Define o modo de pesquisa utilizado no filtro da lista de seleção: `startsWith`, `contains` ou `endsWith`.
|
|
21868
21934
|
* > Quando utilizar a propriedade p-filter-service esta propriedade será ignorada.
|
|
21869
21935
|
*
|
|
21870
|
-
* **
|
|
21936
|
+
* **Componente compatível:** `po-multiselect`.
|
|
21871
21937
|
*/
|
|
21872
21938
|
filterMode?: PoMultiselectFilterMode;
|
|
21873
21939
|
/**
|
|
@@ -21949,7 +22015,7 @@ interface PoDynamicFormField extends PoDynamicField {
|
|
|
21949
22015
|
* O componente envia como parâmetro um array de string com as colunas visíveis atualizadas.
|
|
21950
22016
|
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
21951
22017
|
*
|
|
21952
|
-
* **
|
|
22018
|
+
* **Componente compatível**: `po-lookup`
|
|
21953
22019
|
*/
|
|
21954
22020
|
changeVisibleColumns?: Function;
|
|
21955
22021
|
/**
|
|
@@ -21958,7 +22024,7 @@ interface PoDynamicFormField extends PoDynamicField {
|
|
|
21958
22024
|
* O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
|
|
21959
22025
|
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
21960
22026
|
*
|
|
21961
|
-
* **
|
|
22027
|
+
* **Componente compatível**: `po-lookup`
|
|
21962
22028
|
*/
|
|
21963
22029
|
columnRestoreManager?: Function;
|
|
21964
22030
|
/**
|
|
@@ -84,11 +84,12 @@ export declare class PoButtonBaseComponent {
|
|
|
84
84
|
* @description
|
|
85
85
|
* Ícone exibido ao lado esquerdo do label do botão.
|
|
86
86
|
*
|
|
87
|
-
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons)
|
|
87
|
+
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
|
|
88
88
|
* ```
|
|
89
89
|
* <po-button p-icon="an an-user" p-label="PO button"></po-button>
|
|
90
90
|
* ```
|
|
91
|
-
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*,
|
|
91
|
+
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
|
|
92
|
+
* esteja carregada no projeto:
|
|
92
93
|
* ```
|
|
93
94
|
* <po-button p-icon="fa fa-podcast" p-label="PO button"></po-button>
|
|
94
95
|
* ```
|
package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts
CHANGED
|
@@ -104,17 +104,44 @@ export interface PoDynamicFormField extends PoDynamicField {
|
|
|
104
104
|
/**
|
|
105
105
|
* Máscara para o campo.
|
|
106
106
|
*
|
|
107
|
-
* **
|
|
107
|
+
* **Componente compatível:** `po-input`.
|
|
108
108
|
* > também é atribuído ao utilizar a propriedade `type: time`.
|
|
109
109
|
*/
|
|
110
110
|
mask?: string;
|
|
111
111
|
/**
|
|
112
112
|
* Define que o valor do componente será conforme especificado na mascára. O valor padrão é `false`.
|
|
113
113
|
*
|
|
114
|
-
* **
|
|
114
|
+
* **Componente compatível:** `po-input`.
|
|
115
115
|
* > também é atribuído ao utilizar a propriedade `type: time`.
|
|
116
116
|
* */
|
|
117
117
|
maskFormatModel?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
|
|
120
|
+
*
|
|
121
|
+
* - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
|
|
122
|
+
* - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
|
|
123
|
+
*
|
|
124
|
+
* **Componentes compatíveis:** `po-input`, `po-decimal`.
|
|
125
|
+
*
|
|
126
|
+
* > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
|
|
127
|
+
*
|
|
128
|
+
* Exemplo:
|
|
129
|
+
* ```
|
|
130
|
+
* fields:Array<PoDynamicFormField> = [
|
|
131
|
+
* {
|
|
132
|
+
* property: 'CNPJ maskNoLengthValidation TRUE',
|
|
133
|
+
* required: true,
|
|
134
|
+
* showRequired: true,
|
|
135
|
+
* mask: '99.999.999/9999-99',
|
|
136
|
+
* pattern: '([0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9])',
|
|
137
|
+
* maskNoLengthValidation: true,
|
|
138
|
+
* maxLength: 14,
|
|
139
|
+
* minLength: 0
|
|
140
|
+
* }
|
|
141
|
+
* ```
|
|
142
|
+
* - Entrada: `11.111.111/1111-11` → Validação será aplicada somente aos números, ignorando os caracteres especiais.
|
|
143
|
+
*/
|
|
144
|
+
maskNoLengthValidation?: boolean;
|
|
118
145
|
/** Define o ícone que será exibido no início do campo.
|
|
119
146
|
* > Esta propriedade só pode ser utilizado nos campos:
|
|
120
147
|
* - Input;
|
|
@@ -397,7 +424,7 @@ export interface PoDynamicFormField extends PoDynamicField {
|
|
|
397
424
|
/**
|
|
398
425
|
* Permite a seleção de múltiplos itens.
|
|
399
426
|
*
|
|
400
|
-
* **
|
|
427
|
+
* **Componentes compatíveis:** `po-lookup`, `po-upload`
|
|
401
428
|
*/
|
|
402
429
|
multiple?: boolean;
|
|
403
430
|
/** Se verdadeiro, o campo receberá um botão para ser limpo.
|
|
@@ -464,7 +491,7 @@ export interface PoDynamicFormField extends PoDynamicField {
|
|
|
464
491
|
* Define o modo de pesquisa utilizado no filtro da lista de seleção: `startsWith`, `contains` ou `endsWith`.
|
|
465
492
|
* > Quando utilizar a propriedade p-filter-service esta propriedade será ignorada.
|
|
466
493
|
*
|
|
467
|
-
* **
|
|
494
|
+
* **Componente compatível:** `po-multiselect`.
|
|
468
495
|
*/
|
|
469
496
|
filterMode?: PoMultiselectFilterMode;
|
|
470
497
|
/**
|
|
@@ -546,7 +573,7 @@ export interface PoDynamicFormField extends PoDynamicField {
|
|
|
546
573
|
* O componente envia como parâmetro um array de string com as colunas visíveis atualizadas.
|
|
547
574
|
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
548
575
|
*
|
|
549
|
-
* **
|
|
576
|
+
* **Componente compatível**: `po-lookup`
|
|
550
577
|
*/
|
|
551
578
|
changeVisibleColumns?: Function;
|
|
552
579
|
/**
|
|
@@ -555,7 +582,7 @@ export interface PoDynamicFormField extends PoDynamicField {
|
|
|
555
582
|
* O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
|
|
556
583
|
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
557
584
|
*
|
|
558
|
-
* **
|
|
585
|
+
* **Componente compatível**: `po-lookup`
|
|
559
586
|
*/
|
|
560
587
|
columnRestoreManager?: Function;
|
|
561
588
|
/**
|
|
@@ -82,7 +82,6 @@ export declare class PoCheckboxComponent extends PoCheckboxBaseComponent impleme
|
|
|
82
82
|
* ```
|
|
83
83
|
*/
|
|
84
84
|
showAdditionalHelp(): boolean;
|
|
85
|
-
showAdditionalHelpIcon(): boolean;
|
|
86
85
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
87
86
|
hideAdditionalHelp: boolean;
|
|
88
87
|
helperSettings?: any;
|
|
@@ -81,7 +81,6 @@ export declare class PoCheckboxGroupComponent extends PoCheckboxGroupBaseCompone
|
|
|
81
81
|
* ```
|
|
82
82
|
*/
|
|
83
83
|
showAdditionalHelp(): boolean;
|
|
84
|
-
showAdditionalHelpIcon(): boolean;
|
|
85
84
|
trackByFn(index: any): any;
|
|
86
85
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
87
86
|
hideAdditionalHelp: boolean;
|
|
@@ -159,7 +159,6 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
|
|
|
159
159
|
wasClickedOnToggle(event: MouseEvent): void;
|
|
160
160
|
isValidCharacterToSearch(keyCode: any): boolean;
|
|
161
161
|
searchOnEnterOrArrow(event: any, value: string): void;
|
|
162
|
-
showAdditionalHelpIcon(): boolean;
|
|
163
162
|
showMoreInfiniteScroll(): void;
|
|
164
163
|
clearAndFocus(): void;
|
|
165
164
|
updateCacheOptions(): void;
|
|
@@ -123,7 +123,6 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
|
|
|
123
123
|
isValidDateIso(value: string): boolean;
|
|
124
124
|
isValidExtendedIso(value: any): boolean;
|
|
125
125
|
hasOverlayClass(element: any): any;
|
|
126
|
-
showAdditionalHelpIcon(): boolean;
|
|
127
126
|
verifyErrorAsync(value: any): void;
|
|
128
127
|
verifyMobile(): RegExpMatchArray;
|
|
129
128
|
private closeCalendar;
|
|
@@ -92,7 +92,6 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
|
|
|
92
92
|
onKeydown(event?: any): void;
|
|
93
93
|
onKeyup(event: any): void;
|
|
94
94
|
resetDateRangeInputValidation(): void;
|
|
95
|
-
showAdditionalHelpIcon(): boolean;
|
|
96
95
|
/**
|
|
97
96
|
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
98
97
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { PoTooltipDirective } from '../../../../directives';
|
|
3
|
+
import { PoHelperComponent, PoHelperOptions } from '../../../po-helper';
|
|
3
4
|
/**
|
|
4
5
|
* @docsPrivate
|
|
5
6
|
*
|
|
@@ -10,9 +11,7 @@ import { PoTooltipDirective } from '../../../../directives';
|
|
|
10
11
|
*/
|
|
11
12
|
export declare class PoFieldContainerBottomComponent implements OnChanges {
|
|
12
13
|
poTooltip: PoTooltipDirective;
|
|
13
|
-
|
|
14
|
-
/** @deprecated v23.x.x */
|
|
15
|
-
additionalHelpTooltip?: string;
|
|
14
|
+
helperEl?: PoHelperComponent;
|
|
16
15
|
/** Define se o tooltip será inserido no `body` em vez do componente. */
|
|
17
16
|
appendBox: boolean;
|
|
18
17
|
disabled: boolean;
|
|
@@ -25,20 +24,14 @@ export declare class PoFieldContainerBottomComponent implements OnChanges {
|
|
|
25
24
|
* Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
|
|
26
25
|
*/
|
|
27
26
|
errorLimit: boolean;
|
|
27
|
+
/** Texto de apoio do campo. */
|
|
28
28
|
help?: string;
|
|
29
|
-
/** Ativa a exibição da ajuda adicional. */
|
|
30
|
-
showAdditionalHelp: boolean;
|
|
31
|
-
/** Exibe o ícone de ajuda adicional. */
|
|
32
|
-
showAdditionalHelpIcon: boolean;
|
|
33
29
|
/** Define o tamanho do componente. */
|
|
34
30
|
size?: string;
|
|
35
|
-
/**
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
* Caso o p-label esteja visível, o additionalHelp não será exibido.
|
|
40
|
-
**/
|
|
41
|
-
hideAdditionalHelpByLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
31
|
+
/** Configurações do ícone de ajuda adicional vínculado ao label. */
|
|
32
|
+
poHelperComponent: import("@angular/core").InputSignal<PoHelperOptions>;
|
|
33
|
+
/** Define se o componente helper estará visível através das ações customizadas */
|
|
34
|
+
showHelperComponent: import("@angular/core").InputSignal<boolean>;
|
|
42
35
|
private isInitialChange;
|
|
43
36
|
ngOnChanges(changes: SimpleChanges): void;
|
|
44
37
|
}
|
|
@@ -114,7 +114,6 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
114
114
|
* ```
|
|
115
115
|
*/
|
|
116
116
|
showAdditionalHelp(helperHtmlElement?: PoHelperComponent, poHelperComponent?: string | PoHelperOptions): boolean;
|
|
117
|
-
showAdditionalHelpIcon(): boolean;
|
|
118
117
|
protected isAdditionalHelpEventTriggered(): boolean;
|
|
119
118
|
protected updateModel(value: T): void;
|
|
120
119
|
abstract onWriteValue(value: T): void;
|
|
@@ -206,12 +206,12 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
206
206
|
/**
|
|
207
207
|
* @description
|
|
208
208
|
*
|
|
209
|
-
*
|
|
209
|
+
* Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
|
|
210
210
|
*
|
|
211
211
|
* - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
|
|
212
212
|
* - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
|
|
213
213
|
*
|
|
214
|
-
* >
|
|
214
|
+
* > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
|
|
215
215
|
*
|
|
216
216
|
* Exemplo:
|
|
217
217
|
* ```
|
|
@@ -457,7 +457,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
457
457
|
registerOnChange(func: any): void;
|
|
458
458
|
registerOnTouched(func: any): void;
|
|
459
459
|
registerOnValidatorChange(fn: () => void): void;
|
|
460
|
-
showAdditionalHelpIcon(): boolean;
|
|
461
460
|
/**
|
|
462
461
|
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
463
462
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
|
|
3
3
|
import { Subscription } from 'rxjs';
|
|
4
4
|
import { PoLanguageService } from '../../../services/po-language/po-language.service';
|
|
@@ -39,6 +39,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
39
39
|
private readonly language;
|
|
40
40
|
private _size?;
|
|
41
41
|
private _spacing;
|
|
42
|
+
inputEl: ElementRef;
|
|
42
43
|
additionalHelpEventTrigger: string | undefined;
|
|
43
44
|
/**
|
|
44
45
|
*
|
|
@@ -465,6 +466,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
465
466
|
protected oldValueToModel: any;
|
|
466
467
|
protected onTouched: any;
|
|
467
468
|
protected resizeListener: () => void;
|
|
469
|
+
protected isExpandedHeight: boolean;
|
|
468
470
|
private _disabled?;
|
|
469
471
|
private _fieldLabel;
|
|
470
472
|
private _filterService;
|
|
@@ -600,6 +602,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
600
602
|
private setService;
|
|
601
603
|
private setControl;
|
|
602
604
|
private initializeColumn;
|
|
605
|
+
private updateLookupInputHeight;
|
|
603
606
|
abstract setViewValue(value: any, object: any): void;
|
|
604
607
|
abstract openLookup(): void;
|
|
605
608
|
abstract setDisclaimers(a: any): any;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, DoCheck,
|
|
1
|
+
import { AfterViewInit, DoCheck, OnDestroy, OnInit, SimpleChanges, OnChanges } from '@angular/core';
|
|
2
2
|
import { PoTableColumnSpacing } from '../../po-table';
|
|
3
3
|
import { PoLookupBaseComponent } from './po-lookup-base.component';
|
|
4
4
|
import { PoHelperComponent } from '../../po-helper';
|
|
@@ -95,7 +95,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
95
95
|
private renderer;
|
|
96
96
|
private cd;
|
|
97
97
|
private el;
|
|
98
|
-
inputEl: ElementRef;
|
|
99
98
|
helperEl?: PoHelperComponent;
|
|
100
99
|
initialized: boolean;
|
|
101
100
|
timeoutResize: any;
|
|
@@ -177,7 +176,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
177
176
|
* ```
|
|
178
177
|
*/
|
|
179
178
|
showAdditionalHelp(): boolean;
|
|
180
|
-
showAdditionalHelpIcon(): boolean;
|
|
181
179
|
setHelper(label?: string, additionalHelpTooltip?: string): {
|
|
182
180
|
hideAdditionalHelp: boolean;
|
|
183
181
|
helperSettings?: any;
|