@po-ui/ng-components 21.31.0 → 21.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-yOf0a_2R.mjs → po-ui-ng-components-po-chart-modal-table.component-B4RdhBpp.mjs} +4 -4
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-yOf0a_2R.mjs.map → po-ui-ng-components-po-chart-modal-table.component-B4RdhBpp.mjs.map} +1 -1
- package/fesm2022/po-ui-ng-components.mjs +4177 -2704
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-calendar/po-calendar-base.component.d.ts +3 -1
- package/lib/components/po-field/index.d.ts +1 -0
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +3 -1
- package/lib/components/po-field/po-datetimepicker/po-datetimepicker.component.d.ts +1 -0
- package/lib/components/po-field/po-lookup/interfaces/po-lookup-advanced-filter.interface.d.ts +18 -0
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +14 -0
- package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.d.ts +1 -0
- package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +2 -0
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +6 -0
- package/lib/components/po-list-view/enums/po-list-view-detail-display.enum.d.ts +14 -0
- package/lib/components/po-list-view/index.d.ts +2 -0
- package/lib/components/po-list-view/interfaces/po-list-view-field-properties.interface.d.ts +71 -0
- package/lib/components/po-list-view/interfaces/po-list-view-literals.interface.d.ts +2 -0
- package/lib/components/po-list-view/po-list-view-base.component.d.ts +276 -34
- package/lib/components/po-list-view/po-list-view-detail-template/po-list-view-detail-template.directive.d.ts +6 -0
- package/lib/components/po-list-view/po-list-view.component.d.ts +70 -4
- package/lib/components/po-list-view/po-list-view.module.d.ts +0 -37
- package/lib/components/po-tree-view/po-tree-view-base.component.d.ts +132 -51
- package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.d.ts +15 -9
- package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.interface.d.ts +92 -10
- package/lib/components/po-tree-view/po-tree-view-item-content/po-tree-view-item-content.component.d.ts +36 -0
- package/lib/components/po-tree-view/po-tree-view-item-content/po-tree-view-item-content.literals.d.ts +18 -0
- package/lib/components/po-tree-view/po-tree-view.component.d.ts +16 -5
- package/lib/components/po-tree-view/po-tree-view.literals.d.ts +26 -0
- package/lib/components/po-tree-view/po-tree-view.module.d.ts +0 -38
- package/lib/components/po-tree-view/services/po-tree-view-keyboard.service.d.ts +27 -0
- package/lib/components/po-tree-view/services/po-tree-view.service.d.ts +3 -0
- package/lib/components/po-widget/interfaces/po-widget-selection.interface.d.ts +23 -0
- package/lib/components/po-widget/po-widget-base.component.d.ts +28 -0
- package/lib/components/po-widget/po-widget.component.d.ts +6 -0
- package/lib/services/po-notification/po-notification-base.service.d.ts +1 -0
- package/package.json +4 -4
- package/po-ui-ng-components-21.33.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/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/types/po-ui-ng-components.d.ts +1408 -785
- package/lib/components/po-tree-view/po-tree-view-item-header/po-tree-view-item-header.component.d.ts +0 -14
- package/po-ui-ng-components-21.31.0.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, QueryList, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, Type, ViewContainerRef, DoCheck, AfterViewChecked, IterableDiffers, ComponentFactoryResolver, ApplicationRef, Injector, ComponentRef, PipeTransform, WritableSignal, InjectionToken, ModuleWithProviders, RendererFactory2, AfterContentInit, SimpleChange } from '@angular/core';
|
|
2
|
+
import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, QueryList, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, Type, ViewContainerRef, DoCheck, AfterViewChecked, IterableDiffers, ComponentFactoryResolver, ApplicationRef, Injector, ComponentRef, PipeTransform, WritableSignal, InjectionToken, ModuleWithProviders, RendererFactory2, AfterContentInit, AnimationCallbackEvent, SimpleChange } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
4
|
import { DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe } from '@angular/common';
|
|
5
5
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
@@ -5913,7 +5913,9 @@ declare class PoCalendarBaseComponent {
|
|
|
5913
5913
|
set size(value: string);
|
|
5914
5914
|
get size(): string;
|
|
5915
5915
|
widthWithPresets?: boolean;
|
|
5916
|
-
yearRangeLimit
|
|
5916
|
+
set yearRangeLimit(value: number);
|
|
5917
|
+
get yearRangeLimit(): number;
|
|
5918
|
+
private _yearRangeLimit;
|
|
5917
5919
|
/**
|
|
5918
5920
|
* @optional
|
|
5919
5921
|
*
|
|
@@ -9660,6 +9662,7 @@ declare abstract class PoNotificationBaseService {
|
|
|
9660
9662
|
* @param {PoNotification | string} notification Objeto PoNotification com os dados da notificação
|
|
9661
9663
|
*/
|
|
9662
9664
|
private buildToaster;
|
|
9665
|
+
private getMessage;
|
|
9663
9666
|
/**
|
|
9664
9667
|
* @docsPrivate
|
|
9665
9668
|
*
|
|
@@ -16765,7 +16768,9 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16765
16768
|
*
|
|
16766
16769
|
* @default 150
|
|
16767
16770
|
*/
|
|
16768
|
-
yearRangeLimit
|
|
16771
|
+
set yearRangeLimit(value: number);
|
|
16772
|
+
get yearRangeLimit(): number;
|
|
16773
|
+
private _yearRangeLimit;
|
|
16769
16774
|
/**
|
|
16770
16775
|
*
|
|
16771
16776
|
* @deprecated v23.x.x use `p-helper`
|
|
@@ -22926,6 +22931,7 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
|
|
|
22926
22931
|
onInputFocus(): void;
|
|
22927
22932
|
onPeriodBlur(): void;
|
|
22928
22933
|
eventOnBlur($event: any): void;
|
|
22934
|
+
private isBlurWithinPicker;
|
|
22929
22935
|
eventOnButtonKeydown(event: KeyboardEvent): void;
|
|
22930
22936
|
eventOnClick($event: any): void;
|
|
22931
22937
|
onFieldClick($event: any): void;
|
|
@@ -23480,6 +23486,32 @@ declare class PoLoginComponent extends PoInputGeneric implements OnChanges {
|
|
|
23480
23486
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoLoginComponent, "po-login", never, { "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; }, {}, never, never, false, never>;
|
|
23481
23487
|
}
|
|
23482
23488
|
|
|
23489
|
+
/**
|
|
23490
|
+
* @docsExtends PoDynamicFormField
|
|
23491
|
+
*
|
|
23492
|
+
* @usedBy PoLookupComponent
|
|
23493
|
+
*
|
|
23494
|
+
* @ignoreExtendedDescription
|
|
23495
|
+
*
|
|
23496
|
+
* @description
|
|
23497
|
+
*
|
|
23498
|
+
* Interface para definição das propriedades dos campos de entrada que serão criados dinamicamente na busca avançada.
|
|
23499
|
+
*/
|
|
23500
|
+
interface PoLookupAdvancedFilter extends PoDynamicFormField {
|
|
23501
|
+
/**
|
|
23502
|
+
* @optional
|
|
23503
|
+
*
|
|
23504
|
+
* @description
|
|
23505
|
+
*
|
|
23506
|
+
* Define um valor inicial para um filtro de busca avançada.
|
|
23507
|
+
*
|
|
23508
|
+
* O valor será atribuído ao campo correspondente à propriedade `property` na primeira abertura da janela de
|
|
23509
|
+
* busca avançada. Após o usuário aplicar o filtro, os campos passam a ser preenchidos com os valores filtrados,
|
|
23510
|
+
* preservando as alterações realizadas.
|
|
23511
|
+
*/
|
|
23512
|
+
initValue?: any;
|
|
23513
|
+
}
|
|
23514
|
+
|
|
23483
23515
|
/**
|
|
23484
23516
|
* @usedBy PoLookupComponent
|
|
23485
23517
|
*
|
|
@@ -23683,14 +23715,6 @@ interface PoLookupLiterals {
|
|
|
23683
23715
|
clean?: string;
|
|
23684
23716
|
}
|
|
23685
23717
|
|
|
23686
|
-
/**
|
|
23687
|
-
* @docsExtends PoDynamicFormField
|
|
23688
|
-
*
|
|
23689
|
-
* @usedBy PoLookupComponent
|
|
23690
|
-
*/
|
|
23691
|
-
interface PoLookupAdvancedFilter extends PoDynamicFormField {
|
|
23692
|
-
}
|
|
23693
|
-
|
|
23694
23718
|
/**
|
|
23695
23719
|
* @usedBy
|
|
23696
23720
|
*
|
|
@@ -23882,6 +23906,7 @@ declare abstract class PoLookupModalBaseComponent implements OnDestroy, OnInit {
|
|
|
23882
23906
|
disclaimer: PoDisclaimer;
|
|
23883
23907
|
disclaimerGroup: PoDisclaimerGroup;
|
|
23884
23908
|
isAdvancedFilter: boolean;
|
|
23909
|
+
isAdvancedFilterApplied: boolean;
|
|
23885
23910
|
primaryActionAdvancedFilter: PoModalAction;
|
|
23886
23911
|
secondaryActionAdvancedFilter: PoModalAction;
|
|
23887
23912
|
selecteds: Array<any>;
|
|
@@ -23960,6 +23985,8 @@ declare class PoLookupModalComponent extends PoLookupModalBaseComponent implemen
|
|
|
23960
23985
|
onAdvancedFilter(): void;
|
|
23961
23986
|
private setTableHeight;
|
|
23962
23987
|
private setupModalAdvancedFilter;
|
|
23988
|
+
private getInitialValuesFromFilter;
|
|
23989
|
+
private getValuesFromDisclaimers;
|
|
23963
23990
|
private createDynamicForm;
|
|
23964
23991
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupModalComponent, never>;
|
|
23965
23992
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoLookupModalComponent, "po-lookup-modal", never, {}, {}, never, never, false, never>;
|
|
@@ -24262,6 +24289,20 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
24262
24289
|
* url + ?page=1&pageSize=20&name=Tony%20Stark,Peter%20Parker,Gohan
|
|
24263
24290
|
* ```
|
|
24264
24291
|
*
|
|
24292
|
+
* Também é possível definir um valor inicial para os campos da busca avançada através da propriedade `initValue`,
|
|
24293
|
+
* que será atribuído ao campo na primeira abertura da janela de busca avançada. Após o usuário aplicar o filtro,
|
|
24294
|
+
* os campos são preenchidos com os valores filtrados:
|
|
24295
|
+
*
|
|
24296
|
+
* ```
|
|
24297
|
+
* advancedFilters: Array<PoLookupAdvancedFilter> = [
|
|
24298
|
+
* { property: 'nickname', label: 'Apelido' },
|
|
24299
|
+
* { property: 'active', label: 'Ativo', initValue: false, options: [
|
|
24300
|
+
* { label: 'Sim', value: true },
|
|
24301
|
+
* { label: 'Não', value: false }
|
|
24302
|
+
* ]}
|
|
24303
|
+
* ];
|
|
24304
|
+
* ```
|
|
24305
|
+
*
|
|
24265
24306
|
*/
|
|
24266
24307
|
advancedFilters: Array<PoLookupAdvancedFilter>;
|
|
24267
24308
|
/**
|
|
@@ -24811,6 +24852,12 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
24811
24852
|
* <file name="sample-po-lookup.service.ts"> </file>
|
|
24812
24853
|
* </example>
|
|
24813
24854
|
*
|
|
24855
|
+
* <example name="po-lookup-advanced-filter" title="PO Lookup - Advanced Filter">
|
|
24856
|
+
* <file name="sample-po-lookup-advanced-filter/sample-po-lookup-advanced-filter.component.html"> </file>
|
|
24857
|
+
* <file name="sample-po-lookup-advanced-filter/sample-po-lookup-advanced-filter.component.ts"> </file>
|
|
24858
|
+
* <file name="sample-po-lookup.service.ts"> </file>
|
|
24859
|
+
* </example>
|
|
24860
|
+
*
|
|
24814
24861
|
* <example name="po-lookup-sw-films" title="PO Lookup - Star Wars films">
|
|
24815
24862
|
* <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.html"> </file>
|
|
24816
24863
|
* <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.ts"> </file>
|
|
@@ -33305,6 +33352,30 @@ declare class PoGridModule {
|
|
|
33305
33352
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoGridModule>;
|
|
33306
33353
|
}
|
|
33307
33354
|
|
|
33355
|
+
/**
|
|
33356
|
+
* @docsPrivate
|
|
33357
|
+
*
|
|
33358
|
+
* @usedBy PoWidgetComponent
|
|
33359
|
+
*
|
|
33360
|
+
* @description
|
|
33361
|
+
*
|
|
33362
|
+
* Interface de uso **interno**, para o `po-list-view`, que descreve a coluna de seleção
|
|
33363
|
+
* (checkbox/radio) exibida à esquerda do conteúdo do `po-widget`.
|
|
33364
|
+
*
|
|
33365
|
+
*/
|
|
33366
|
+
interface PoWidgetSelection {
|
|
33367
|
+
/**
|
|
33368
|
+
* Tipo do controle de seleção:
|
|
33369
|
+
* - `single`: exibe um `po-radio`.
|
|
33370
|
+
* - `multiple`: exibe um `po-checkbox`.
|
|
33371
|
+
*/
|
|
33372
|
+
type: 'single' | 'multiple';
|
|
33373
|
+
/** Indica se o item está selecionado. */
|
|
33374
|
+
selected?: boolean;
|
|
33375
|
+
/** Callback executado quando a seleção muda. Recebe o novo estado (`boolean`). */
|
|
33376
|
+
change?: (selected: boolean) => void;
|
|
33377
|
+
}
|
|
33378
|
+
|
|
33308
33379
|
/**
|
|
33309
33380
|
* @description
|
|
33310
33381
|
*
|
|
@@ -33322,6 +33393,93 @@ declare class PoGridModule {
|
|
|
33322
33393
|
interface PoListViewAction extends PoPopupAction {
|
|
33323
33394
|
}
|
|
33324
33395
|
|
|
33396
|
+
/**
|
|
33397
|
+
* @usedBy PoListViewComponent
|
|
33398
|
+
*
|
|
33399
|
+
* @description
|
|
33400
|
+
*
|
|
33401
|
+
* Define o modo de exibição do detalhe do item do `po-list-view`, utilizado em conjunto com a
|
|
33402
|
+
* diretiva [`p-list-view-detail-template`](/documentation/po-list-view-detail-template).
|
|
33403
|
+
*/
|
|
33404
|
+
declare enum PoListViewDetailDisplay {
|
|
33405
|
+
/** Expande os detalhes abaixo do item (padrão). */
|
|
33406
|
+
Inline = "inline",
|
|
33407
|
+
/** Exibe os detalhes dentro de um `po-modal`. */
|
|
33408
|
+
Modal = "modal"
|
|
33409
|
+
}
|
|
33410
|
+
|
|
33411
|
+
/**
|
|
33412
|
+
* @usedBy PoListViewComponent
|
|
33413
|
+
*
|
|
33414
|
+
* @description
|
|
33415
|
+
*
|
|
33416
|
+
* Mapeia as chaves do objeto dos itens (`p-items`) para as áreas visuais do componente.
|
|
33417
|
+
*/
|
|
33418
|
+
interface PoListViewFieldProperties {
|
|
33419
|
+
/** Chave com o título do item. */
|
|
33420
|
+
title?: string;
|
|
33421
|
+
/** Chave com o subtítulo do item. */
|
|
33422
|
+
subtitle?: string;
|
|
33423
|
+
/**
|
|
33424
|
+
* Chave com o *link* do título do item.
|
|
33425
|
+
*
|
|
33426
|
+
* > Compatível com a propriedade `title`. Incompatível com o evento `p-item-click`.
|
|
33427
|
+
*/
|
|
33428
|
+
link?: string;
|
|
33429
|
+
/**
|
|
33430
|
+
* Chave correspondente ao avatar do item.
|
|
33431
|
+
*
|
|
33432
|
+
* O valor mapeado suporta quatro formatos distintos:
|
|
33433
|
+
*
|
|
33434
|
+
* - **String (URL):** Renderiza o `po-avatar` com a imagem especificada.
|
|
33435
|
+
* ```
|
|
33436
|
+
* { avatar: '[https://url-da-imagem.png](https://url-da-imagem.png)' }
|
|
33437
|
+
* ```
|
|
33438
|
+
*
|
|
33439
|
+
* - **Objeto com `icon`:** Renderiza um ícone circular com tamanho fixo. Aceita as seguintes propriedades:
|
|
33440
|
+
* - `icon` (obrigatória).
|
|
33441
|
+
* - `color` e `backgroundColor`: aceitam qualquer formato de cor CSS (Hex, RGB, nomes, etc.).
|
|
33442
|
+
* ```
|
|
33443
|
+
* { avatar: { icon: 'an an-shield-warning', color: '#dc2626', backgroundColor: '#fee2e2' } }
|
|
33444
|
+
* ```
|
|
33445
|
+
*
|
|
33446
|
+
* - **Objeto com `progress`:** Renderiza o `po-progress-circle`. Aceita as seguintes propriedades:
|
|
33447
|
+
* - `progress` (number): Valor de 0 a 100.
|
|
33448
|
+
* - `indeterminate` (boolean): Animação de carregamento contínuo (ignora `progress`).
|
|
33449
|
+
* - `showPercentage` (boolean): Exibe a porcentagem centralizada.
|
|
33450
|
+
* - `status` (string): `'default'`, `'success'` ou `'error'`.
|
|
33451
|
+
* - `size` (string) e `radius` (number): `'medium'`, `'large'` ou medida exata do raio em *pixels*.
|
|
33452
|
+
* - `ariaLabel` (string): Rótulo para acessibilidade.
|
|
33453
|
+
* ```
|
|
33454
|
+
* { avatar: { progress: 65, showPercentage: true, size: 'large', radius: 40 } }
|
|
33455
|
+
* ```
|
|
33456
|
+
*
|
|
33457
|
+
* - **Objeto com `customTemplate`:** Renderiza um fragmento customizado referenciado via `TemplateRef`.
|
|
33458
|
+
* ```
|
|
33459
|
+
* { avatar: { customTemplate: myTemplateRef } }
|
|
33460
|
+
* ```
|
|
33461
|
+
*/
|
|
33462
|
+
avatar?: string;
|
|
33463
|
+
/** Chave booleana que aplica destaque visual ao item. */
|
|
33464
|
+
highlighted?: string;
|
|
33465
|
+
/**
|
|
33466
|
+
* Objeto da `tag` do item.
|
|
33467
|
+
*
|
|
33468
|
+
* Aceita as seguintes propriedades:
|
|
33469
|
+
*
|
|
33470
|
+
* - **`value`** (string): Chave com o texto da *tag*.
|
|
33471
|
+
* - **`type`** (string): Chave com o tipo da *tag* (`success`, `warning`, `danger`, `info`, `neutral`). Caso não informado, utiliza `success` como padrão.
|
|
33472
|
+
*
|
|
33473
|
+
* ```
|
|
33474
|
+
* { tag: { value: 'status', type: 'statusType' } }
|
|
33475
|
+
* ```
|
|
33476
|
+
*/
|
|
33477
|
+
tag?: {
|
|
33478
|
+
value?: string;
|
|
33479
|
+
type?: string;
|
|
33480
|
+
};
|
|
33481
|
+
}
|
|
33482
|
+
|
|
33325
33483
|
/**
|
|
33326
33484
|
* @usedBy PoListViewComponent
|
|
33327
33485
|
*
|
|
@@ -33330,6 +33488,8 @@ interface PoListViewAction extends PoPopupAction {
|
|
|
33330
33488
|
* Interface para definição das literais usadas no `po-list-view`.
|
|
33331
33489
|
*/
|
|
33332
33490
|
interface PoListViewLiterals {
|
|
33491
|
+
/** Título padrão do `po-modal` de detalhes, exibido quando `p-detail-display` é `modal`. */
|
|
33492
|
+
detailModalTitle?: string;
|
|
33333
33493
|
/** Rótulo do botão que oculta os detalhes do item. */
|
|
33334
33494
|
hideDetails?: string;
|
|
33335
33495
|
/** Rótulo do botão que deve carregar mais resultados. */
|
|
@@ -33345,27 +33505,104 @@ interface PoListViewLiterals {
|
|
|
33345
33505
|
/**
|
|
33346
33506
|
* @description
|
|
33347
33507
|
*
|
|
33348
|
-
*
|
|
33349
|
-
*
|
|
33350
|
-
*
|
|
33351
|
-
*
|
|
33508
|
+
* O componente `po-list-view` é responsável por renderizar de forma dinâmica uma lista de dados baseada em um *array* de
|
|
33509
|
+
* objetos, adaptando-se às necessidades visuais de cada interface.
|
|
33510
|
+
*
|
|
33511
|
+
* Cada item da lista é construído internamente utilizando a estrutura de um `po-widget`, assegurando consistência visual.
|
|
33512
|
+
* Para layouts complexos, o componente oferece flexibilidade através das diretivas
|
|
33513
|
+
* de templates **[p-list-view-content-template](/documentation/po-list-view-content-template)** e
|
|
33514
|
+
* **[p-list-view-detail-template](/documentation/po-list-view-detail-template)** para customização do conteúdo e exibição
|
|
33515
|
+
* de informações adicionais.
|
|
33516
|
+
*
|
|
33517
|
+
* A interação com o componente pode ser realizada com o *mouse* ou pelo teclado. A navegação entre os elementos
|
|
33518
|
+
* interativos é feita utilizando a tecla `TAB`. Os elementos que recebem foco ao navegar incluem:
|
|
33519
|
+
* - O próprio item (quando a propriedade de clique estiver ativa);
|
|
33520
|
+
* - Título do item (quando configurado como *link*);
|
|
33521
|
+
* - Ações do item configuradas em `p-actions`;
|
|
33522
|
+
* - Botão de controle de detalhes (para expandir ou abrir modal);
|
|
33523
|
+
* - Colunas de seleção (única ou múltipla);
|
|
33524
|
+
* - Botão de carregar mais resultados (`p-show-more`).
|
|
33525
|
+
*
|
|
33526
|
+
* A execução das ações focadas ou a marcação de itens nas colunas de seleção é realizada com as teclas `Enter` ou
|
|
33527
|
+
* `Espaço`.
|
|
33528
|
+
*
|
|
33529
|
+
* #### Tokens customizáveis
|
|
33530
|
+
*
|
|
33531
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
33532
|
+
*
|
|
33533
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
33534
|
+
*
|
|
33535
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
33536
|
+
* |------------------------------------------------|--------------------------------------------------------|--------------------------------------------------------------|
|
|
33537
|
+
* | **Título** | | |
|
|
33538
|
+
* | `--title-color` | Cor do título do item | `var(--title-color)` |
|
|
33539
|
+
* | `--title-font-family` | Família tipográfica do título | `var(--font-family-theme)` |
|
|
33540
|
+
* | `--title-font-size` | Tamanho da fonte do título | `var(--font-size-default)` |
|
|
33541
|
+
* | `--title-line-height` | Altura da linha do título | `var(--line-height-md)` |
|
|
33542
|
+
* | `--title-color-hover` | Cor do título no estado hover | `var(--color-action-hover)` |
|
|
33543
|
+
* | `--title-color-selected` | Cor do título quando o item está selecionado | `var(--color-action-focus)` |
|
|
33544
|
+
* | **Subtítulo (Support Message)** | | |
|
|
33545
|
+
* | `--support-message-color` | Cor da mensagem de apoio | `var(--color-neutral-dark-80)` |
|
|
33546
|
+
* | `--support-message-font-family` | Família tipográfica da mensagem de apoio | `var(--font-family-theme)` |
|
|
33547
|
+
* | `--support-message-font-size` | Tamanho da fonte da mensagem de apoio | `var(--font-size-sm)` |
|
|
33548
|
+
* | `--support-message-line-height` | Altura da linha da mensagem de apoio | `var(--line-height-none)` |
|
|
33549
|
+
* | `--support-message-color-selected` | Cor da mensagem de apoio quando o item está selecionado| `var(--color-action-focus)` |
|
|
33550
|
+
* | **Item - Normal** | | |
|
|
33551
|
+
* | `--list-item-background` | Cor de fundo do item | `var(--list-item-background)` |
|
|
33552
|
+
* | `--list-item-border-color` | Cor da borda do item | `var(--list-item-border-color)` |
|
|
33553
|
+
* | `--list-item-border-width` | Largura da borda do item | `var(--border-width-sm)` |
|
|
33554
|
+
* | `--list-item-border-radius` | Raio de arredondamento dos cantos do item | `var(--border-radius-md)` |
|
|
33555
|
+
* | `--list-item-shadow` | Sombra base do item | `var(--shadow-md)` |
|
|
33556
|
+
* | **Item - Selecionado** | | |
|
|
33557
|
+
* | `--list-item-background-selected` | Cor de fundo do item selecionado | `var(--color-brand-01-lightest)` |
|
|
33558
|
+
* | `--list-item-border-color-selected` | Cor da borda do item selecionado | `var(--color-action-default)` |
|
|
33559
|
+
* | **Item - Hover** | | |
|
|
33560
|
+
* | `--list-item-border-color-hover` | Cor da borda do item no estado hover | `var(--color-action-hover)` |
|
|
33561
|
+
* | `--list-item-shadow-hover` | Sombra do item no estado hover | `var(--shadow-lg)` |
|
|
33562
|
+
* | **Item - Focus** | | |
|
|
33563
|
+
* | `--list-item-color-focused` | Cor da borda do item no estado focus | `var(--color-action-default)` |
|
|
33564
|
+
* | `--list-item-outline-color-focused` | Cor do outline do item no estado focus | `var(--color-action-focus)` |
|
|
33565
|
+
* | **Destaque (Highlighted)** | | |
|
|
33566
|
+
* | `--list-item-background-highlighted` | Cor de fundo do item destacado | `var(--color-brand-01-lightest)` |
|
|
33567
|
+
* | **Motion** | | |
|
|
33568
|
+
* | `--list-item-transition-duration` | Duração da transição do item | `var(--duration-normal)` |
|
|
33569
|
+
* | `--list-item-transition-property` | Propriedades CSS animadas | `all` |
|
|
33570
|
+
* | `--list-item-transition-timing` | Curva de aceleração da transição | `var(--timing-standard, var(--timing-standart, ease))` |
|
|
33352
33571
|
*
|
|
33353
|
-
* O componente disponibiliza uma área específica para exibição informações adicionais,
|
|
33354
|
-
* através da diretiva **[p-list-view-detail-template](/documentation/po-list-view-detail-template)**.
|
|
33355
33572
|
*/
|
|
33356
33573
|
declare class PoListViewBaseComponent {
|
|
33357
|
-
/**
|
|
33574
|
+
/**
|
|
33575
|
+
* @deprecated v23.x.x use `p-field-properties`
|
|
33576
|
+
*
|
|
33577
|
+
* @optional
|
|
33578
|
+
*
|
|
33579
|
+
* @description
|
|
33580
|
+
*
|
|
33581
|
+
* Chave do objeto (`p-items`) com o *link* do título do item.
|
|
33582
|
+
*
|
|
33583
|
+
* > Essa propriedade está depreciada e será removida na versão 23.x.x. Recomendamos utilizar a propriedade
|
|
33584
|
+
* `p-field-properties`.
|
|
33585
|
+
*/
|
|
33358
33586
|
propertyLink?: string;
|
|
33359
|
-
/** Recebe uma propriedade que será utilizada para recuperar o valor do objeto que será exibido como o título de cada item. */
|
|
33360
|
-
propertyTitle?: string;
|
|
33361
33587
|
/**
|
|
33588
|
+
* @deprecated v23.x.x use `p-field-properties`
|
|
33589
|
+
*
|
|
33362
33590
|
* @optional
|
|
33363
33591
|
*
|
|
33364
33592
|
* @description
|
|
33365
33593
|
*
|
|
33366
|
-
*
|
|
33594
|
+
* Chave do objeto (`p-items`) com o título do item.
|
|
33367
33595
|
*
|
|
33368
|
-
* >
|
|
33596
|
+
* > Essa propriedade está depreciada e será removida na versão 23.x.x. Recomendamos utilizar a propriedade
|
|
33597
|
+
* `p-field-properties`.
|
|
33598
|
+
*/
|
|
33599
|
+
propertyTitle?: string;
|
|
33600
|
+
/**
|
|
33601
|
+
* @optional
|
|
33602
|
+
*
|
|
33603
|
+
* @description
|
|
33604
|
+
*
|
|
33605
|
+
* Ação executada ao clicar no botão de carregar mais resultados.
|
|
33369
33606
|
*/
|
|
33370
33607
|
showMore: EventEmitter<any>;
|
|
33371
33608
|
/**
|
|
@@ -33374,8 +33611,12 @@ declare class PoListViewBaseComponent {
|
|
|
33374
33611
|
* @description
|
|
33375
33612
|
*
|
|
33376
33613
|
* Ação que será executada ao clicar no título.
|
|
33614
|
+
* Retorna o item da lista clicado.
|
|
33615
|
+
*
|
|
33616
|
+
* > Compatível com o título configurado como *link* (`PoListViewFieldProperties.link` ou `p-property-link`):
|
|
33617
|
+
* ao clicar, o evento é emitido e, havendo *link*, a navegação também é realizada.
|
|
33377
33618
|
*
|
|
33378
|
-
*
|
|
33619
|
+
* > Incompatível com o evento `p-item-click`.
|
|
33379
33620
|
*/
|
|
33380
33621
|
titleAction: EventEmitter<any>;
|
|
33381
33622
|
/**
|
|
@@ -33383,11 +33624,23 @@ declare class PoListViewBaseComponent {
|
|
|
33383
33624
|
*
|
|
33384
33625
|
* @description
|
|
33385
33626
|
*
|
|
33386
|
-
* Ação que será executada ao
|
|
33627
|
+
* Ação que será executada ao expandir os detalhes do item.
|
|
33628
|
+
* Retorna o item da lista clicado.
|
|
33387
33629
|
*
|
|
33388
|
-
*
|
|
33630
|
+
* > Incompatível com o evento `p-item-click`.
|
|
33389
33631
|
*/
|
|
33390
33632
|
showDetail: EventEmitter<any>;
|
|
33633
|
+
/**
|
|
33634
|
+
* @optional
|
|
33635
|
+
*
|
|
33636
|
+
* @description
|
|
33637
|
+
*
|
|
33638
|
+
* Ação que será executada ao clicar no item da lista. Quando definida, torna o item clicável.
|
|
33639
|
+
* Retorna o item da lista clicado.
|
|
33640
|
+
*
|
|
33641
|
+
* > O evento é desabilitado caso o item possua duas ou mais ações visíveis (`p-actions`).
|
|
33642
|
+
*/
|
|
33643
|
+
itemClick: EventEmitter<any>;
|
|
33391
33644
|
popupTarget: any;
|
|
33392
33645
|
selectAll: boolean;
|
|
33393
33646
|
showHeader: boolean;
|
|
@@ -33400,6 +33653,7 @@ declare class PoListViewBaseComponent {
|
|
|
33400
33653
|
private _literals;
|
|
33401
33654
|
private _select;
|
|
33402
33655
|
private _showMoreDisabled;
|
|
33656
|
+
private _singleSelect;
|
|
33403
33657
|
private readonly language;
|
|
33404
33658
|
/**
|
|
33405
33659
|
* @optional
|
|
@@ -33407,6 +33661,7 @@ declare class PoListViewBaseComponent {
|
|
|
33407
33661
|
* @description
|
|
33408
33662
|
*
|
|
33409
33663
|
* Lista de ações que serão exibidas no componente.
|
|
33664
|
+
* As propriedades das ações seguem a interface `PoPopupAction`.
|
|
33410
33665
|
*/
|
|
33411
33666
|
set actions(value: Array<PoListViewAction>);
|
|
33412
33667
|
get actions(): Array<PoListViewAction>;
|
|
@@ -33415,7 +33670,7 @@ declare class PoListViewBaseComponent {
|
|
|
33415
33670
|
*
|
|
33416
33671
|
* @description
|
|
33417
33672
|
*
|
|
33418
|
-
* Define o
|
|
33673
|
+
* Define o dimensionamento geral dos elementos no template.
|
|
33419
33674
|
* - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
|
|
33420
33675
|
* - `medium`: aplica a medida medium de cada componente.
|
|
33421
33676
|
*
|
|
@@ -33431,20 +33686,65 @@ declare class PoListViewBaseComponent {
|
|
|
33431
33686
|
*
|
|
33432
33687
|
* @description
|
|
33433
33688
|
*
|
|
33434
|
-
* Define a altura do `
|
|
33689
|
+
* Define a altura da lista em *px*, desconsiderando o espaço do botão `p-show-more`.
|
|
33690
|
+
*
|
|
33691
|
+
* > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
|
|
33435
33692
|
*/
|
|
33436
33693
|
set height(height: number);
|
|
33437
33694
|
get height(): number;
|
|
33438
33695
|
/**
|
|
33696
|
+
* @optional
|
|
33697
|
+
*
|
|
33439
33698
|
* @description
|
|
33440
33699
|
*
|
|
33441
|
-
*
|
|
33700
|
+
* Habilita a seleção de itens na lista.
|
|
33701
|
+
*
|
|
33702
|
+
* Por padrão, renderiza um *checkbox* para seleção múltipla. Caso a propriedade `p-single-select` esteja habilitada,
|
|
33703
|
+
* renderiza um botão *radio* para seleção única.
|
|
33704
|
+
*
|
|
33705
|
+
* Ao utilizar esta propriedade, todos os itens recebem a propriedade dinâmica `$selected` para identificar o seu estado
|
|
33706
|
+
* de seleção. Por exemplo:
|
|
33707
|
+
*
|
|
33708
|
+
* ```
|
|
33709
|
+
* item.$selected
|
|
33710
|
+
*
|
|
33711
|
+
* // ou
|
|
33712
|
+
*
|
|
33713
|
+
* item['$selected']
|
|
33714
|
+
* ```
|
|
33442
33715
|
*
|
|
33443
33716
|
* @default `false`
|
|
33444
33717
|
*/
|
|
33445
33718
|
set hideSelectAll(hideSelectAll: boolean);
|
|
33446
33719
|
get hideSelectAll(): boolean;
|
|
33447
|
-
/**
|
|
33720
|
+
/**
|
|
33721
|
+
* @description
|
|
33722
|
+
*
|
|
33723
|
+
* Lista de itens que serão exibidos no componente.
|
|
33724
|
+
*
|
|
33725
|
+
* A renderização dos dados depende do mapeamento das chaves dos objetos através da propriedade `p-field-properties`.
|
|
33726
|
+
*
|
|
33727
|
+
* Exemplo de uso:
|
|
33728
|
+
*
|
|
33729
|
+
* ```
|
|
33730
|
+
* const listItems = [
|
|
33731
|
+
* { name: 'John Doe', job: 'Developer' },
|
|
33732
|
+
* { name: 'Jane Smith', job: 'Designer' }
|
|
33733
|
+
* ];
|
|
33734
|
+
*
|
|
33735
|
+
* const listMapping = {
|
|
33736
|
+
* title: 'name',
|
|
33737
|
+
* subtitle: 'job'
|
|
33738
|
+
* };
|
|
33739
|
+
* ```
|
|
33740
|
+
*
|
|
33741
|
+
* ```
|
|
33742
|
+
* <po-list-view
|
|
33743
|
+
* [p-items]="listItems"
|
|
33744
|
+
* [p-field-properties]="listMapping">
|
|
33745
|
+
* </po-list-view>
|
|
33746
|
+
* ```
|
|
33747
|
+
*/
|
|
33448
33748
|
set items(value: Array<any>);
|
|
33449
33749
|
get items(): Array<any>;
|
|
33450
33750
|
/**
|
|
@@ -33452,9 +33752,9 @@ declare class PoListViewBaseComponent {
|
|
|
33452
33752
|
*
|
|
33453
33753
|
* @description
|
|
33454
33754
|
*
|
|
33455
|
-
* Objeto com as literais usadas no
|
|
33755
|
+
* Objeto com as literais usadas no po-list-view, permitindo personalizar os textos exibidos no componente.
|
|
33456
33756
|
*
|
|
33457
|
-
*
|
|
33757
|
+
* Exemplo de uso:
|
|
33458
33758
|
*
|
|
33459
33759
|
* ```
|
|
33460
33760
|
* const customLiterals: PoListViewLiterals = {
|
|
@@ -33465,16 +33765,6 @@ declare class PoListViewBaseComponent {
|
|
|
33465
33765
|
* };
|
|
33466
33766
|
* ```
|
|
33467
33767
|
*
|
|
33468
|
-
* Ou passando apenas as literais que deseja customizar:
|
|
33469
|
-
*
|
|
33470
|
-
* ```
|
|
33471
|
-
* const customLiterals: PoListViewLiterals = {
|
|
33472
|
-
* showDetail: 'Mostrar mais detalhes'
|
|
33473
|
-
* };
|
|
33474
|
-
* ```
|
|
33475
|
-
*
|
|
33476
|
-
* E para carregar as literais customizadas, basta apenas passar o objeto para o componente.
|
|
33477
|
-
*
|
|
33478
33768
|
* ```
|
|
33479
33769
|
* <po-list-view
|
|
33480
33770
|
* [p-literals]="customLiterals">
|
|
@@ -33491,8 +33781,8 @@ declare class PoListViewBaseComponent {
|
|
|
33491
33781
|
*
|
|
33492
33782
|
* @description
|
|
33493
33783
|
*
|
|
33494
|
-
* Habilita um *checkbox* para cada item da lista. Todos os items possuem a propriedade dinâmica `$selected` para
|
|
33495
|
-
* item está selecionado, por exemplo:
|
|
33784
|
+
* Habilita um *checkbox* para cada item da lista. Todos os items possuem a propriedade dinâmica `$selected` para
|
|
33785
|
+
* identificar se o item está selecionado, por exemplo:
|
|
33496
33786
|
*
|
|
33497
33787
|
* ```
|
|
33498
33788
|
* item.$selected
|
|
@@ -33511,7 +33801,110 @@ declare class PoListViewBaseComponent {
|
|
|
33511
33801
|
*
|
|
33512
33802
|
* @description
|
|
33513
33803
|
*
|
|
33514
|
-
*
|
|
33804
|
+
* Define que somente um item da lista pode ser selecionado quando a seleção estiver habilitada
|
|
33805
|
+
* através da propriedade `p-select`.
|
|
33806
|
+
*
|
|
33807
|
+
* > Quando habilitado, a opção "Selecionar todos" é ocultada.
|
|
33808
|
+
*
|
|
33809
|
+
* @default `false`
|
|
33810
|
+
*/
|
|
33811
|
+
set singleSelect(value: boolean);
|
|
33812
|
+
get singleSelect(): boolean;
|
|
33813
|
+
get isSingleSelection(): boolean;
|
|
33814
|
+
/**
|
|
33815
|
+
* @optional
|
|
33816
|
+
*
|
|
33817
|
+
* @description
|
|
33818
|
+
*
|
|
33819
|
+
* Define como o detalhe do item (diretiva `p-list-view-detail-template`) será exibido:
|
|
33820
|
+
* A utilização desta propriedade renderiza um botão de ação (como "Exibir detalhes" ou "Ver detalhes") no rodapé do item
|
|
33821
|
+
* para controlar a visualização do conteúdo.
|
|
33822
|
+
*
|
|
33823
|
+
* Valores válidos:
|
|
33824
|
+
* - `inline`: expande o conteúdo do detalhe abaixo do item.
|
|
33825
|
+
* - `modal`: exibe o conteúdo do detalhe no corpo de um `po-modal`.
|
|
33826
|
+
*
|
|
33827
|
+
* > Incompatível com o evento `p-item-click`.
|
|
33828
|
+
*
|
|
33829
|
+
* @default `inline`
|
|
33830
|
+
*/
|
|
33831
|
+
detailDisplay: i0.InputSignalWithTransform<PoListViewDetailDisplay, string>;
|
|
33832
|
+
get isDetailModal(): boolean;
|
|
33833
|
+
/**
|
|
33834
|
+
* @optional
|
|
33835
|
+
*
|
|
33836
|
+
* @description
|
|
33837
|
+
*
|
|
33838
|
+
* Define o posicionamento da *tag* (`PoListViewFieldProperties.tag.value`) em relação ao título dentro do item:
|
|
33839
|
+
* - `right`: ao lado direito do título.
|
|
33840
|
+
* - `top`: acima do título.
|
|
33841
|
+
* - `bottom`: abaixo do título.
|
|
33842
|
+
*
|
|
33843
|
+
* @default `bottom`
|
|
33844
|
+
*/
|
|
33845
|
+
tagPosition: i0.InputSignal<string>;
|
|
33846
|
+
/**
|
|
33847
|
+
* @optional
|
|
33848
|
+
*
|
|
33849
|
+
* @description
|
|
33850
|
+
*
|
|
33851
|
+
* Consolida, em um único objeto tipado ([`PoListViewFieldProperties`](/documentation/po-list-view#fieldProperties)),
|
|
33852
|
+
* o mapeamento entre as propriedades do item e as áreas visuais do componente (título, subtítulo,
|
|
33853
|
+
* link, avatar, destaque e tag).
|
|
33854
|
+
*
|
|
33855
|
+
* ```
|
|
33856
|
+
* <po-list-view
|
|
33857
|
+
* [p-field-properties]="{
|
|
33858
|
+
* title: 'name',
|
|
33859
|
+
* subtitle: 'jobDescription',
|
|
33860
|
+
* link: 'url',
|
|
33861
|
+
* avatar: 'avatar',
|
|
33862
|
+
* highlighted: 'unread',
|
|
33863
|
+
* tag: { value: 'hireStatus', type: 'hireTagType' }
|
|
33864
|
+
* }">
|
|
33865
|
+
* </po-list-view>
|
|
33866
|
+
* ```
|
|
33867
|
+
*/
|
|
33868
|
+
fieldProperties: i0.InputSignal<PoListViewFieldProperties>;
|
|
33869
|
+
protected get resolvedPropertyTitle(): string;
|
|
33870
|
+
protected get resolvedPropertyLink(): string;
|
|
33871
|
+
protected get resolvedPropertySubtitle(): string;
|
|
33872
|
+
protected get resolvedPropertyHighlighted(): string;
|
|
33873
|
+
protected get resolvedPropertyAvatar(): string;
|
|
33874
|
+
protected get resolvedPropertyTag(): string;
|
|
33875
|
+
protected get resolvedPropertyTagType(): string;
|
|
33876
|
+
/**
|
|
33877
|
+
* @optional
|
|
33878
|
+
*
|
|
33879
|
+
* @description
|
|
33880
|
+
*
|
|
33881
|
+
* Define o tamanho do avatar do tipo **imagem** (URL).
|
|
33882
|
+
*
|
|
33883
|
+
* Valores válidos:
|
|
33884
|
+
* - `xs` (24x24)
|
|
33885
|
+
* - `sm` (32x32)
|
|
33886
|
+
* - `md` (64x64)
|
|
33887
|
+
* - `lg` (96x96)
|
|
33888
|
+
* - `xl` (144x144)
|
|
33889
|
+
*
|
|
33890
|
+
* > Incompatível com os demais tipos de avatar (icon, progress, customTemplate).
|
|
33891
|
+
*
|
|
33892
|
+
* @default `md`
|
|
33893
|
+
*/
|
|
33894
|
+
avatarSize: i0.InputSignal<string>;
|
|
33895
|
+
/**
|
|
33896
|
+
* @docsPrivate
|
|
33897
|
+
*
|
|
33898
|
+
* Aplica a classe de host `po-list-view-widget-mode` permanentemente, habilitando via CSS (po-style) o visual do
|
|
33899
|
+
* componente.
|
|
33900
|
+
*/
|
|
33901
|
+
readonly widgetModeVisualClass = true;
|
|
33902
|
+
/**
|
|
33903
|
+
* @optional
|
|
33904
|
+
*
|
|
33905
|
+
* @description
|
|
33906
|
+
*
|
|
33907
|
+
* Indica que o botão *Carregar Mais Resultados* (`p-show-more`) será desabilitado.
|
|
33515
33908
|
*/
|
|
33516
33909
|
set showMoreDisabled(value: boolean);
|
|
33517
33910
|
get showMoreDisabled(): boolean;
|
|
@@ -33523,11 +33916,11 @@ declare class PoListViewBaseComponent {
|
|
|
33523
33916
|
selectListItem(row: any): void;
|
|
33524
33917
|
protected onThemeChange(): void;
|
|
33525
33918
|
private applySizeBasedOnA11y;
|
|
33526
|
-
|
|
33919
|
+
protected deleteInternalAttrs(item: any): any;
|
|
33527
33920
|
private checkIfItemsAreSelected;
|
|
33528
33921
|
private showMainHeader;
|
|
33529
33922
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewBaseComponent, never>;
|
|
33530
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoListViewBaseComponent, never, never, { "propertyLink": { "alias": "p-property-link"; "required": false; }; "propertyTitle": { "alias": "p-property-title"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "select": { "alias": "p-select"; "required": false; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; }, { "showMore": "p-show-more"; "titleAction": "p-title-action"; "showDetail": "p-show-detail"; }, never, never, true, never>;
|
|
33923
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoListViewBaseComponent, never, never, { "propertyLink": { "alias": "p-property-link"; "required": false; }; "propertyTitle": { "alias": "p-property-title"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "select": { "alias": "p-select"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "detailDisplay": { "alias": "p-detail-display"; "required": false; "isSignal": true; }; "tagPosition": { "alias": "p-tag-position"; "required": false; "isSignal": true; }; "fieldProperties": { "alias": "p-field-properties"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "p-avatar-size"; "required": false; "isSignal": true; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; }, { "showMore": "p-show-more"; "titleAction": "p-title-action"; "showDetail": "p-show-detail"; "itemClick": "p-item-click"; }, never, never, true, never>;
|
|
33531
33924
|
}
|
|
33532
33925
|
|
|
33533
33926
|
/**
|
|
@@ -33673,6 +34066,12 @@ declare class PoListViewContentTemplateDirective {
|
|
|
33673
34066
|
* ...
|
|
33674
34067
|
*
|
|
33675
34068
|
* ```
|
|
34069
|
+
*
|
|
34070
|
+
* > O modo de exibição do detalhe é definido pela propriedade
|
|
34071
|
+
* [`p-detail-display`](/documentation/po-list-view) do `po-list-view`, que utiliza os valores do
|
|
34072
|
+
* enum `PoListViewDetailDisplay`:
|
|
34073
|
+
* - `inline`: expande o conteúdo do detalhe abaixo do item (padrão);
|
|
34074
|
+
* - `modal`: exibe o conteúdo do detalhe no corpo de um `po-modal`.
|
|
33676
34075
|
*/
|
|
33677
34076
|
declare class PoListViewDetailTemplateDirective {
|
|
33678
34077
|
templateRef: TemplateRef<any>;
|
|
@@ -33701,6 +34100,11 @@ declare class PoListViewDetailTemplateDirective {
|
|
|
33701
34100
|
* <file name="sample-po-list-view-basic/sample-po-list-view-basic.component.ts"> </file>
|
|
33702
34101
|
* </example>
|
|
33703
34102
|
*
|
|
34103
|
+
* <example name="po-list-view-field-properties" title="PO List View - Field Properties">
|
|
34104
|
+
* <file name="sample-po-list-view-field-properties/sample-po-list-view-field-properties.component.html"> </file>
|
|
34105
|
+
* <file name="sample-po-list-view-field-properties/sample-po-list-view-field-properties.component.ts"> </file>
|
|
34106
|
+
* </example>
|
|
34107
|
+
*
|
|
33704
34108
|
* <example name="po-list-view-labs" title="PO List View Labs">
|
|
33705
34109
|
* <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.html"> </file>
|
|
33706
34110
|
* <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.ts"> </file>
|
|
@@ -33712,27 +34116,86 @@ declare class PoListViewDetailTemplateDirective {
|
|
|
33712
34116
|
* <file name="sample-po-list-view-hiring-processes/sample-po-list-view-hiring-processes.service.ts"> </file>
|
|
33713
34117
|
* </example>
|
|
33714
34118
|
*/
|
|
33715
|
-
declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck {
|
|
34119
|
+
declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck, AfterViewChecked {
|
|
33716
34120
|
private readonly changeDetector;
|
|
34121
|
+
private readonly router;
|
|
34122
|
+
private readonly elementRef;
|
|
34123
|
+
private readonly renderer;
|
|
33717
34124
|
listViewContentTemplate: PoListViewContentTemplateDirective;
|
|
33718
34125
|
listViewDetailTemplate: PoListViewDetailTemplateDirective;
|
|
34126
|
+
private readonly avatarProgressTemplate;
|
|
34127
|
+
private readonly avatarIconTemplate;
|
|
34128
|
+
private readonly avatarImageTemplate;
|
|
33719
34129
|
poPopupComponent: PoPopupComponent;
|
|
34130
|
+
protected detailModal: PoModalComponent;
|
|
33720
34131
|
popupActions: Array<PoListViewAction>;
|
|
34132
|
+
protected detailModalItem: any;
|
|
34133
|
+
protected detailModalIndex: number;
|
|
33721
34134
|
private readonly differ;
|
|
34135
|
+
private readonly widgetActionsCache;
|
|
34136
|
+
private cachedActionsRef;
|
|
33722
34137
|
constructor();
|
|
33723
34138
|
get hasContentTemplate(): boolean;
|
|
33724
34139
|
get hasDetailTemplate(): boolean;
|
|
33725
34140
|
get displayShowMoreButton(): boolean;
|
|
33726
34141
|
get titleHasAction(): boolean;
|
|
34142
|
+
protected isTitleClickable(item: any): boolean;
|
|
34143
|
+
protected isItemClickable(item: any): boolean;
|
|
34144
|
+
protected isCardFocusable(item: any): boolean;
|
|
34145
|
+
private isSelectionControlClick;
|
|
34146
|
+
protected onItemClick(item: any, event: MouseEvent): void;
|
|
34147
|
+
protected onItemKeyDown(item: any, event: KeyboardEvent): void;
|
|
34148
|
+
protected onTitleKeyDown(item: any, event: KeyboardEvent): void;
|
|
34149
|
+
private updateTitleFocusableElements;
|
|
34150
|
+
private updateTitleAccessibility;
|
|
34151
|
+
private bindTitleFocus;
|
|
34152
|
+
private unbindTitleFocus;
|
|
34153
|
+
private updateSelectionControlsBinding;
|
|
34154
|
+
private updateSelectionControlTabindex;
|
|
34155
|
+
private updateRadioSelectionBinding;
|
|
34156
|
+
private handleSingleSelectionEvent;
|
|
34157
|
+
private updateCheckboxSelectionBinding;
|
|
34158
|
+
private handleCheckboxSelectionEvent;
|
|
34159
|
+
private isConfirmKey;
|
|
34160
|
+
private unbindControlHandler;
|
|
34161
|
+
protected stopPropagation(event?: Event | null): void;
|
|
34162
|
+
protected onAdvancedArrowClick(item: any): void;
|
|
34163
|
+
protected onTitleClick(item: any): void;
|
|
33727
34164
|
ngAfterContentInit(): void;
|
|
33728
34165
|
ngDoCheck(): void;
|
|
34166
|
+
ngAfterViewChecked(): void;
|
|
33729
34167
|
checkTitleType(item: any): "externalLink" | "internalLink" | "noLink";
|
|
33730
34168
|
getItemTitle(item: any): any;
|
|
33731
34169
|
hasItems(): boolean;
|
|
33732
34170
|
returnBooleanValue(listViewAction: PoListViewAction, item: any, property: string): any;
|
|
33733
|
-
trackBy(index:
|
|
34171
|
+
trackBy(item: any, index: number): any;
|
|
34172
|
+
selectListItem(row: any): void;
|
|
34173
|
+
protected onMultipleSelectionChange(item: any, value: boolean): void;
|
|
34174
|
+
private syncSingleSelectionVisualState;
|
|
34175
|
+
private ensureSingleSelectionConsistency;
|
|
34176
|
+
protected onMultipleSelectionKeydown(item: any, event: KeyboardEvent): void;
|
|
34177
|
+
protected getSelectionConfig(item: any): PoWidgetSelection | undefined;
|
|
34178
|
+
onClickAction(listViewAction: PoListViewAction, item: any): void;
|
|
34179
|
+
protected getItemActionType(item: any): 'advanced' | 'multiple' | 'none';
|
|
34180
|
+
protected getItemTag(item: any): string | undefined;
|
|
34181
|
+
protected getItemTagType(item: any): string;
|
|
34182
|
+
protected getItemSubtitle(item: any): string | undefined;
|
|
34183
|
+
protected getItemHighlighted(item: any): boolean;
|
|
34184
|
+
protected getItemAvatar(item: any): any;
|
|
34185
|
+
protected getAvatarType(item: any): string;
|
|
34186
|
+
protected onAvatarImageError(wrapper?: HTMLElement): void;
|
|
34187
|
+
protected onAvatarImageLoad(event: Event, wrapper?: HTMLElement): void;
|
|
34188
|
+
private hideInvalidAvatarIcons;
|
|
34189
|
+
private collapseAvatarContainer;
|
|
34190
|
+
private restoreAvatarContainer;
|
|
34191
|
+
private isIconGlyphEmpty;
|
|
34192
|
+
protected getAvatarData(item: any): any;
|
|
34193
|
+
protected getWidgetActions(item: any): Array<any>;
|
|
33734
34194
|
togglePopup(item: any, targetRef: HTMLElement): void;
|
|
33735
|
-
|
|
34195
|
+
protected animateDetailEnter(event: AnimationCallbackEvent, item: any): void;
|
|
34196
|
+
protected animateDetailLeave(event: AnimationCallbackEvent): void;
|
|
34197
|
+
protected openDetailModal(item: any, index: number): void;
|
|
34198
|
+
protected onCloseDetailModal(): void;
|
|
33736
34199
|
protected getVisibleActions(item: any): Array<PoListViewAction>;
|
|
33737
34200
|
private checkItemsChange;
|
|
33738
34201
|
private initShowDetail;
|
|
@@ -33741,204 +34204,703 @@ declare class PoListViewComponent extends PoListViewBaseComponent implements Aft
|
|
|
33741
34204
|
}
|
|
33742
34205
|
|
|
33743
34206
|
/**
|
|
33744
|
-
* @
|
|
33745
|
-
*
|
|
33746
|
-
* Módulo do componente `po-list-view`.
|
|
33747
|
-
*
|
|
33748
|
-
* > Para o correto funcionamento do componente `po-list-view`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
33749
|
-
* > módulo principal da sua aplicação.
|
|
33750
|
-
*
|
|
33751
|
-
* Módulo da aplicação:
|
|
33752
|
-
* ```
|
|
33753
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
33754
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
33755
|
-
* ...
|
|
33756
|
-
*
|
|
33757
|
-
* @NgModule({
|
|
33758
|
-
* imports: [
|
|
33759
|
-
* BrowserModule,
|
|
33760
|
-
* BrowserAnimationsModule,
|
|
33761
|
-
* ...
|
|
33762
|
-
* PoModule
|
|
33763
|
-
* ],
|
|
33764
|
-
* declarations: [
|
|
33765
|
-
* AppComponent,
|
|
33766
|
-
* ...
|
|
33767
|
-
* ],
|
|
33768
|
-
* providers: [],
|
|
33769
|
-
* bootstrap: [AppComponent]
|
|
33770
|
-
* })
|
|
33771
|
-
* export class AppModule { }
|
|
33772
|
-
* ```
|
|
33773
|
-
*
|
|
33774
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
34207
|
+
* @usedBy PoWidgetComponent
|
|
33775
34208
|
*
|
|
33776
|
-
*
|
|
33777
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
33778
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
33779
|
-
* import { AppComponent } from './app.component';
|
|
34209
|
+
* @description
|
|
33780
34210
|
*
|
|
33781
|
-
*
|
|
33782
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
33783
|
-
* }).catch(err => console.error(err));
|
|
33784
|
-
* ```
|
|
34211
|
+
* Interface para definição do avatar no `po-widget`.
|
|
33785
34212
|
*/
|
|
33786
|
-
|
|
33787
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewModule, never>;
|
|
33788
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoListViewModule, [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.RouterModule, typeof PoButtonModule, typeof PoIconModule, typeof PoPopupModule, typeof PoCheckboxModule, typeof PoContainerModule], [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective]>;
|
|
33789
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PoListViewModule>;
|
|
33790
|
-
}
|
|
33791
|
-
|
|
33792
|
-
declare class PoLogoComponent {
|
|
33793
|
-
poLanguageService: PoLanguageService;
|
|
33794
|
-
readonly literals: any;
|
|
33795
|
-
private _logo?;
|
|
33796
|
-
private _logoAlt;
|
|
33797
|
-
private _link;
|
|
34213
|
+
interface PoWidgetAvatar {
|
|
33798
34214
|
/**
|
|
33799
|
-
*
|
|
33800
|
-
*
|
|
33801
|
-
* > **Importante**
|
|
33802
|
-
* > A classe deve ser definida apenas quando houver necessidade de ajustar o componente dentro de outro componente.
|
|
33803
|
-
*
|
|
34215
|
+
* Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
|
|
34216
|
+
* ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).
|
|
33804
34217
|
*/
|
|
33805
|
-
|
|
34218
|
+
src?: string;
|
|
33806
34219
|
/**
|
|
33807
|
-
*
|
|
34220
|
+
* @optional
|
|
33808
34221
|
*
|
|
33809
|
-
*
|
|
33810
|
-
* > Caso seja definido como true, a rota será `./`.
|
|
33811
|
-
* > Caso seja definido como string, a rota será a string passada.
|
|
34222
|
+
* @description
|
|
33812
34223
|
*
|
|
33813
|
-
*
|
|
34224
|
+
* Tamanho de exibição do componente `po-avatar`.
|
|
34225
|
+
*
|
|
34226
|
+
* Valores válidos:
|
|
34227
|
+
* - `xs` (24x24)
|
|
34228
|
+
* - `sm` (32x32)
|
|
34229
|
+
* - `md` (64x64)
|
|
34230
|
+
* - `lg` (96x96)
|
|
34231
|
+
* - `xl` (144x144)
|
|
34232
|
+
*
|
|
34233
|
+
* @default `md`
|
|
33814
34234
|
*/
|
|
33815
|
-
|
|
33816
|
-
get link(): boolean | string;
|
|
34235
|
+
size?: string;
|
|
33817
34236
|
/**
|
|
33818
|
-
*
|
|
34237
|
+
* Permite a criação de template customizado para o avatar
|
|
34238
|
+
*
|
|
34239
|
+
* ```
|
|
34240
|
+
* <po-widget
|
|
34241
|
+
* [p-avatar]="{ customTemplate: customAvatar }"
|
|
34242
|
+
* />
|
|
33819
34243
|
*
|
|
34244
|
+
* <ng-template #customAvatar>
|
|
34245
|
+
* ...
|
|
34246
|
+
* </ng-template>
|
|
34247
|
+
* ```
|
|
33820
34248
|
*/
|
|
33821
|
-
|
|
33822
|
-
get logo(): string;
|
|
34249
|
+
customTemplate?: TemplateRef<any>;
|
|
33823
34250
|
/**
|
|
33824
|
-
*
|
|
34251
|
+
* @optional
|
|
33825
34252
|
*
|
|
33826
|
-
*
|
|
33827
|
-
*
|
|
34253
|
+
* @description
|
|
34254
|
+
*
|
|
34255
|
+
* Define a largura em porcentagem do `customTemplate`.
|
|
34256
|
+
*
|
|
34257
|
+
* O valor máximo aceito é `50%`.
|
|
33828
34258
|
*/
|
|
33829
|
-
|
|
33830
|
-
get logoAlt(): string;
|
|
33831
|
-
constructor(poLanguageService: PoLanguageService);
|
|
33832
|
-
private maxLength;
|
|
33833
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoComponent, never>;
|
|
33834
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoLogoComponent, "po-logo", never, { "className": { "alias": "p-class"; "required": false; }; "link": { "alias": "p-link"; "required": false; }; "logo": { "alias": "p-logo"; "required": false; }; "logoAlt": { "alias": "p-logo-alt"; "required": false; }; }, {}, never, never, false, never>;
|
|
33835
|
-
}
|
|
33836
|
-
|
|
33837
|
-
declare class PoLogoModule {
|
|
33838
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoModule, never>;
|
|
33839
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoLogoModule, [typeof PoLogoComponent], [typeof i2.CommonModule], [typeof PoLogoComponent]>;
|
|
33840
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PoLogoModule>;
|
|
34259
|
+
widthCustomTemplate?: string;
|
|
33841
34260
|
}
|
|
33842
34261
|
|
|
33843
34262
|
/**
|
|
33844
|
-
* @usedBy PoMenuComponent
|
|
33845
34263
|
*
|
|
33846
34264
|
* @description
|
|
33847
34265
|
*
|
|
33848
|
-
*
|
|
33849
|
-
|
|
33850
|
-
interface PoMenuItemFiltered {
|
|
33851
|
-
/** Texto do item de menu. */
|
|
33852
|
-
label: string;
|
|
33853
|
-
/** *Link* para redirecionamento no clique do item do menu, podendo ser um *link* interno ou externo. */
|
|
33854
|
-
link: string;
|
|
33855
|
-
/** Ação a ser executada quando o item de menu for clicado. */
|
|
33856
|
-
action: () => void;
|
|
33857
|
-
}
|
|
33858
|
-
|
|
33859
|
-
/**
|
|
33860
|
-
* @usedBy PoMenuComponent
|
|
34266
|
+
* O componente `po-widget` é recomendado para exibição de *dashboards*, podendo ser utilizado
|
|
34267
|
+
* para incluir vários tipos de conteúdo como: gráficos, tabelas, grids e imagens.
|
|
33861
34268
|
*
|
|
33862
|
-
*
|
|
34269
|
+
* Além da exibição de conteúdos, este componente possibilita adicionar ações e um link
|
|
34270
|
+
* para ajuda, como também possibilita ser utilizado com ou sem sombra.
|
|
33863
34271
|
*
|
|
33864
|
-
*
|
|
33865
|
-
|
|
33866
|
-
interface PoMenuFilter {
|
|
33867
|
-
/**
|
|
33868
|
-
* Método responsável por retornar um *Observable* que retorne uma lista de objetos que seguem a interface `PoMenuItemFiltered`.
|
|
33869
|
-
* Será informado por parâmetro o valor a ser pesquisado e as informações adicionais preenchidas através da propriedade `p-params`.
|
|
33870
|
-
*
|
|
33871
|
-
* @param {string} search Valor informado no campo de busca dos itens de menus.
|
|
33872
|
-
* @param {any} params Valor informado através da propriedade `p-params`.
|
|
33873
|
-
*/
|
|
33874
|
-
getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
|
|
33875
|
-
}
|
|
33876
|
-
|
|
33877
|
-
/**
|
|
33878
|
-
* @usedBy PoMenuComponent
|
|
34272
|
+
* Para controlar sua largura, é possível utilizar o [Grid System](/guides/grid-system) para um maior
|
|
34273
|
+
* controle de seu redimensionamento, assim possibilitando o tratamento para diferentes resoluções.
|
|
33879
34274
|
*
|
|
33880
|
-
*
|
|
34275
|
+
* #### Boas práticas
|
|
34276
|
+
*
|
|
34277
|
+
* Utilize um tamanho mínimo de largura de aproximadamente `18.75rem` no componente.
|
|
34278
|
+
*
|
|
34279
|
+
* #### Acessibilidade tratada no componente
|
|
34280
|
+
*
|
|
34281
|
+
* Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas. São elas:
|
|
34282
|
+
* - Utiliza medidas relativas, para se adequar às preferências e necessidades de quem for utilizar o sistema.
|
|
34283
|
+
* - Desenvolvido com uso de controles padrões HTML, o que permite a identificação na interface por tecnologias assistivas. (WCAG [4.1.2: Name, Role, Value](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value))
|
|
34284
|
+
* - O foco é visível e possui uma espessura superior a 2 pixels CSS, não ficando escondido por outros elementos da tela. (WCAG [2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced))
|
|
34285
|
+
* - Quando selecionável, prevê interação por teclado, podendo ser selecionado através da tecla space (WCAG [2.4.1 - Keyboard](https://www.w3.org/WAI/WCAG21/Understanding/keyboard))
|
|
34286
|
+
*
|
|
34287
|
+
* #### Tokens customizáveis
|
|
34288
|
+
*
|
|
34289
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
34290
|
+
*
|
|
34291
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
34292
|
+
*
|
|
34293
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
34294
|
+
* |----------------------------------------------|------------------------------------------------------------------|-----------------------------------------------------------------------------|
|
|
34295
|
+
* | **Default Values** | | |
|
|
34296
|
+
* | `--font-family` | Família tipográfica usada | `var(--font-family-theme) ` |
|
|
34297
|
+
* | `--font-size` | Tamanho da fonte | `var(--font-size-sm)` |
|
|
34298
|
+
* | `--font-weight` | Peso da fonte | `var(--font-weight-bold)` |
|
|
34299
|
+
* | `--font-color` | Cor da fonte | `var(--color-neutral-dark-95)` |
|
|
34300
|
+
* | `--padding` - `@deprecated 21.x.x` | Preenchimento do componente | `1rem` |
|
|
34301
|
+
* | `--padding-header` | Preenchimento do header | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
|
|
34302
|
+
* | `--padding-body` | Preenchimento do body | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
|
|
34303
|
+
* | `--padding-avatar` | Preenchimento do avatar | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)` |
|
|
34304
|
+
* | `--padding-footer` | Preenchimento do footer | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)` |
|
|
34305
|
+
* | `--border-radius` | Contém o valor do raio dos cantos do elemento | `var(--border-radius-md)` |
|
|
34306
|
+
* | `--border-width` | Contém o valor da largura dos cantos do elemento | `var(--border-width-sm)` |
|
|
34307
|
+
* | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |
|
|
34308
|
+
* | `--background` | Cor de background | `var(--color-neutral-light-00)` |
|
|
34309
|
+
* | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |
|
|
34310
|
+
* | **Hover** | | |
|
|
34311
|
+
* | `--border-color-hover` | Cor da borda no estado hover | `var(--color-action-hover)` |
|
|
34312
|
+
* | **Focused** | | |
|
|
34313
|
+
* | `--color-focused` | Cor principal no estado de focus | `var(--color-action-default)` |
|
|
34314
|
+
* | `--outline-color-focused` | Cor do outline do estado de focus | `var(--color-action-focus)` |
|
|
33881
34315
|
*
|
|
33882
|
-
* Interface do *badge* utilizado no `po-menu`.
|
|
33883
34316
|
*/
|
|
33884
|
-
|
|
34317
|
+
declare class PoWidgetBaseComponent {
|
|
34318
|
+
private _size?;
|
|
34319
|
+
private _initialSize?;
|
|
34320
|
+
/** Descrição da segunda ação. */
|
|
33885
34321
|
/**
|
|
33886
34322
|
* @optional
|
|
33887
34323
|
*
|
|
33888
34324
|
* @description
|
|
34325
|
+
* Define o label e exibe a ação secundária no footer do componente.
|
|
33889
34326
|
*
|
|
33890
|
-
*
|
|
33891
|
-
|
|
33892
|
-
|
|
33893
|
-
|
|
33894
|
-
*
|
|
34327
|
+
* > Exibida apenas quando `p-primary-label` estiver definida.
|
|
34328
|
+
*/
|
|
34329
|
+
secondaryLabel?: string;
|
|
34330
|
+
/**
|
|
34331
|
+
* @optional
|
|
33895
34332
|
*
|
|
33896
|
-
*
|
|
34333
|
+
* @description
|
|
33897
34334
|
*
|
|
33898
|
-
*
|
|
34335
|
+
* Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
|
|
33899
34336
|
*
|
|
33900
|
-
*
|
|
34337
|
+
* > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
|
|
33901
34338
|
*
|
|
33902
|
-
*
|
|
34339
|
+
* @default `false`
|
|
34340
|
+
*/
|
|
34341
|
+
dangerPrimaryAction: boolean;
|
|
34342
|
+
/**
|
|
34343
|
+
* @optional
|
|
33903
34344
|
*
|
|
33904
|
-
*
|
|
34345
|
+
* @description
|
|
33905
34346
|
*
|
|
33906
|
-
*
|
|
34347
|
+
* Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
|
|
33907
34348
|
*
|
|
33908
|
-
*
|
|
34349
|
+
* > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
|
|
33909
34350
|
*
|
|
33910
|
-
*
|
|
34351
|
+
* @default `false`
|
|
34352
|
+
*/
|
|
34353
|
+
dangerSecondaryAction: boolean;
|
|
34354
|
+
/**
|
|
34355
|
+
* @optional
|
|
33911
34356
|
*
|
|
33912
|
-
*
|
|
34357
|
+
* @description
|
|
33913
34358
|
*
|
|
33914
|
-
*
|
|
34359
|
+
* Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
|
|
33915
34360
|
*
|
|
33916
|
-
* @default `
|
|
34361
|
+
* @default `tertiary`
|
|
33917
34362
|
*/
|
|
33918
|
-
|
|
34363
|
+
kindPrimaryAction?: string;
|
|
33919
34364
|
/**
|
|
34365
|
+
* @optional
|
|
34366
|
+
*
|
|
33920
34367
|
* @description
|
|
33921
34368
|
*
|
|
33922
|
-
*
|
|
34369
|
+
* Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
|
|
34370
|
+
*
|
|
34371
|
+
* @default `tertiary`
|
|
33923
34372
|
*/
|
|
33924
|
-
|
|
33925
|
-
}
|
|
33926
|
-
|
|
33927
|
-
/**
|
|
33928
|
-
* @usedBy PoMenuComponent
|
|
33929
|
-
*
|
|
33930
|
-
* @description
|
|
33931
|
-
*
|
|
33932
|
-
* Interface para os itens de menu do componente po-menu.
|
|
33933
|
-
*
|
|
33934
|
-
*/
|
|
33935
|
-
interface PoMenuItem {
|
|
34373
|
+
kindSecondaryAction?: string;
|
|
33936
34374
|
/**
|
|
33937
34375
|
* @optional
|
|
33938
34376
|
*
|
|
33939
34377
|
* @description
|
|
33940
34378
|
*
|
|
33941
|
-
*
|
|
34379
|
+
* Label da tag exibida no header.
|
|
34380
|
+
*
|
|
34381
|
+
* > Quando a tag atingir uma largura máxima de 15rem (240px), será truncado com reticências.
|
|
34382
|
+
* O conteúdo completo poderá ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
|
|
34383
|
+
*/
|
|
34384
|
+
tagLabel?: string;
|
|
34385
|
+
/**
|
|
34386
|
+
* @optional
|
|
34387
|
+
*
|
|
34388
|
+
* @description
|
|
34389
|
+
*
|
|
34390
|
+
* Define o tipo da `p-tag`, conforme o enum **PoTagType**.
|
|
34391
|
+
*
|
|
34392
|
+
* Valores válidos:
|
|
34393
|
+
* - `success`: cor verde utilizada para simbolizar sucesso ou êxito.
|
|
34394
|
+
* - `warning`: cor amarela que representa aviso ou advertência.
|
|
34395
|
+
* - `danger`: cor vermelha para erro ou aviso crítico.
|
|
34396
|
+
* - `info`: cor azul claro que caracteriza conteúdo informativo.
|
|
34397
|
+
* - `neutral`: cor cinza claro para uso geral.
|
|
34398
|
+
*
|
|
34399
|
+
* @default `success`
|
|
34400
|
+
*/
|
|
34401
|
+
tagType: PoTagType | string;
|
|
34402
|
+
/**
|
|
34403
|
+
* @optional
|
|
34404
|
+
*
|
|
34405
|
+
* @description
|
|
34406
|
+
*
|
|
34407
|
+
* Define o ícone exibido ao lado do label da `p-tag`.
|
|
34408
|
+
*
|
|
34409
|
+
* É possível usar qualquer um dos ícones da [Biblioteca de ícones PO UI](https://po-ui.io/icons), conforme exemplo:
|
|
34410
|
+
* ```
|
|
34411
|
+
* <po-widget p-tag-icon="an an-user"></po-widget>
|
|
34412
|
+
* ```
|
|
34413
|
+
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
|
|
34414
|
+
* esteja carregada no projeto:
|
|
34415
|
+
* ```
|
|
34416
|
+
* <po-widget p-tag-icon="fa fa-podcast"></po-widget>
|
|
34417
|
+
* ```
|
|
34418
|
+
*
|
|
34419
|
+
* Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
|
|
34420
|
+
* ```
|
|
34421
|
+
* <po-widget [p-tag-icon]="template"></po-widget>
|
|
34422
|
+
*
|
|
34423
|
+
* <ng-template #template>
|
|
34424
|
+
* <i class="fa fa-podcast" style="font-size: inherit;"></i>
|
|
34425
|
+
* </ng-template>
|
|
34426
|
+
* ```
|
|
34427
|
+
* > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
|
|
34428
|
+
*/
|
|
34429
|
+
tagIcon: string | TemplateRef<void>;
|
|
34430
|
+
/**
|
|
34431
|
+
* @optional
|
|
34432
|
+
*
|
|
34433
|
+
* @description
|
|
34434
|
+
* Define o posicionamento da `po-tag` no cabeçalho do Widget:
|
|
34435
|
+
* - `right`: posicionada no canto superior direito do cabeçalho.
|
|
34436
|
+
* - `top`: posicionada à esquerda, acima do título (quando houver).
|
|
34437
|
+
* - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
|
|
34438
|
+
*
|
|
34439
|
+
* @default `right`
|
|
34440
|
+
*/
|
|
34441
|
+
tagPosition: i0.InputSignalWithTransform<string, string>;
|
|
34442
|
+
/**
|
|
34443
|
+
* @optional
|
|
34444
|
+
*
|
|
34445
|
+
* @description
|
|
34446
|
+
*
|
|
34447
|
+
* Lista de ações exibidas no header do componente.
|
|
34448
|
+
* As propriedades das ações seguem a interface `PoPopupAction`.
|
|
34449
|
+
*/
|
|
34450
|
+
actions: Array<PoPopupAction>;
|
|
34451
|
+
/**
|
|
34452
|
+
* @optional
|
|
34453
|
+
*
|
|
34454
|
+
* @description
|
|
34455
|
+
*
|
|
34456
|
+
* Define o tamanho dos botões do componente:
|
|
34457
|
+
* - `small`: altura de 32px (disponível apenas para acessibilidade AA).
|
|
34458
|
+
* - `medium`: altura de 44px.
|
|
34459
|
+
*
|
|
34460
|
+
* > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
|
|
34461
|
+
* Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
|
|
34462
|
+
*
|
|
34463
|
+
* @default `medium`
|
|
34464
|
+
*/
|
|
34465
|
+
set size(value: string);
|
|
34466
|
+
get size(): string;
|
|
34467
|
+
/**
|
|
34468
|
+
* @optional
|
|
34469
|
+
*
|
|
34470
|
+
* @description
|
|
34471
|
+
*
|
|
34472
|
+
* Define o avatar a ser exibido à esquerda no Widget.
|
|
34473
|
+
*/
|
|
34474
|
+
avatar: i0.InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
|
|
34475
|
+
/**
|
|
34476
|
+
* @docsPrivate
|
|
34477
|
+
*
|
|
34478
|
+
* @description
|
|
34479
|
+
*
|
|
34480
|
+
* Uso **interno** do `po-list-view`. Define um subtítulo exibido no header,
|
|
34481
|
+
* abaixo do título.
|
|
34482
|
+
*/
|
|
34483
|
+
subtitle: i0.InputSignal<string>;
|
|
34484
|
+
/**
|
|
34485
|
+
* @docsPrivate
|
|
34486
|
+
*
|
|
34487
|
+
* @description
|
|
34488
|
+
*
|
|
34489
|
+
* Uso **interno** do `po-list-view`. Habilita e configura a coluna de seleção
|
|
34490
|
+
* (checkbox/radio) à esquerda do conteúdo.
|
|
34491
|
+
*/
|
|
34492
|
+
selection: i0.InputSignal<PoWidgetSelection>;
|
|
34493
|
+
/**
|
|
34494
|
+
* @docsPrivate
|
|
34495
|
+
*
|
|
34496
|
+
* @description
|
|
34497
|
+
*
|
|
34498
|
+
* Uso **interno** do `po-list-view`. Template renderizado como coluna de ação à
|
|
34499
|
+
* direita do conteúdo, centralizado verticalmente (em vez do header).
|
|
34500
|
+
*/
|
|
34501
|
+
actionTemplate: i0.InputSignal<TemplateRef<any>>;
|
|
34502
|
+
/**
|
|
34503
|
+
* @optional
|
|
34504
|
+
*
|
|
34505
|
+
* @description
|
|
34506
|
+
*
|
|
34507
|
+
* Evento disparado quando o usuário clicar no componente.
|
|
34508
|
+
* > Quando este evento está em uso, uma sombra (shadow) é aplicada automaticamente ao componente.
|
|
34509
|
+
*/
|
|
34510
|
+
click: EventEmitter<MouseEvent | KeyboardEvent>;
|
|
34511
|
+
/**
|
|
34512
|
+
* @optional
|
|
34513
|
+
*
|
|
34514
|
+
* @description
|
|
34515
|
+
*
|
|
34516
|
+
* Evento disparado quando a propriedade `p-disabled` for alterada.
|
|
34517
|
+
*/
|
|
34518
|
+
onDisabled: EventEmitter<any>;
|
|
34519
|
+
/**
|
|
34520
|
+
* @optional
|
|
34521
|
+
*
|
|
34522
|
+
* @description
|
|
34523
|
+
*
|
|
34524
|
+
* Evento disparado ao clicar na ação `p-primary-label`.
|
|
34525
|
+
*/
|
|
34526
|
+
primaryAction: EventEmitter<any>;
|
|
34527
|
+
/**
|
|
34528
|
+
* @optional
|
|
34529
|
+
*
|
|
34530
|
+
* @description
|
|
34531
|
+
*
|
|
34532
|
+
* Evento disparado ao clicar na ação `p-secondary-label`.
|
|
34533
|
+
*/
|
|
34534
|
+
secondaryAction: EventEmitter<any>;
|
|
34535
|
+
/**
|
|
34536
|
+
* @optional
|
|
34537
|
+
*
|
|
34538
|
+
* @description
|
|
34539
|
+
* Evento disparado ao clicar em **Configurações** incluído no menu de ações do header.
|
|
34540
|
+
*/
|
|
34541
|
+
setting: EventEmitter<any>;
|
|
34542
|
+
/**
|
|
34543
|
+
* @optional
|
|
34544
|
+
*
|
|
34545
|
+
* @description
|
|
34546
|
+
* Evento disparado ao clicar no título definido em `p-title`.
|
|
34547
|
+
*/
|
|
34548
|
+
titleAction: EventEmitter<any>;
|
|
34549
|
+
containerHeight?: string;
|
|
34550
|
+
id: string;
|
|
34551
|
+
private _background?;
|
|
34552
|
+
private _disabled?;
|
|
34553
|
+
private _height?;
|
|
34554
|
+
private _help?;
|
|
34555
|
+
private _noShadow?;
|
|
34556
|
+
private _primary?;
|
|
34557
|
+
private _primaryLabel?;
|
|
34558
|
+
private _title?;
|
|
34559
|
+
/**
|
|
34560
|
+
* @optional
|
|
34561
|
+
*
|
|
34562
|
+
* @description
|
|
34563
|
+
*
|
|
34564
|
+
* Define uma imagem de fundo.
|
|
34565
|
+
* > Se a imagem escolhida intervir na legibilidade do texto contido no `p-widget`,
|
|
34566
|
+
* pode-se utilizar a propriedade `p-primary` em conjunto para que os textos fiquem na cor branca.
|
|
34567
|
+
*
|
|
34568
|
+
*/
|
|
34569
|
+
set background(value: string);
|
|
34570
|
+
get background(): string;
|
|
34571
|
+
/**
|
|
34572
|
+
* @optional
|
|
34573
|
+
*
|
|
34574
|
+
* @description
|
|
34575
|
+
*
|
|
34576
|
+
* Desabilita o componente.
|
|
34577
|
+
*
|
|
34578
|
+
* @default `false`
|
|
34579
|
+
*/
|
|
34580
|
+
set disabled(value: boolean);
|
|
34581
|
+
get disabled(): boolean;
|
|
34582
|
+
/**
|
|
34583
|
+
* @optional
|
|
34584
|
+
*
|
|
34585
|
+
* @description
|
|
34586
|
+
*
|
|
34587
|
+
* Define a altura do componente.
|
|
34588
|
+
* > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
|
|
34589
|
+
*/
|
|
34590
|
+
set height(value: number);
|
|
34591
|
+
get height(): number;
|
|
34592
|
+
/**
|
|
34593
|
+
* @optional
|
|
34594
|
+
*
|
|
34595
|
+
* @description
|
|
34596
|
+
*
|
|
34597
|
+
* Link de ajuda incluído no menu de ações do header.
|
|
34598
|
+
*/
|
|
34599
|
+
set help(value: string);
|
|
34600
|
+
get help(): string;
|
|
34601
|
+
/**
|
|
34602
|
+
*
|
|
34603
|
+
* @optional
|
|
34604
|
+
*
|
|
34605
|
+
* @description
|
|
34606
|
+
*
|
|
34607
|
+
* Desabilita a sombra do componente quando o mesmo for clicável.
|
|
34608
|
+
* > A sombra é exibida por padrão apenas quando o evento `p-click` está definido.
|
|
34609
|
+
*
|
|
34610
|
+
* @default `true`
|
|
34611
|
+
*/
|
|
34612
|
+
set noShadow(value: boolean);
|
|
34613
|
+
get noShadow(): boolean;
|
|
34614
|
+
/**
|
|
34615
|
+
* @optional
|
|
34616
|
+
*
|
|
34617
|
+
* @description
|
|
34618
|
+
*
|
|
34619
|
+
* Opção para que o `po-widget` fique em destaque.
|
|
34620
|
+
*
|
|
34621
|
+
* @default `false`
|
|
34622
|
+
*/
|
|
34623
|
+
set primary(value: boolean);
|
|
34624
|
+
get primary(): boolean;
|
|
34625
|
+
/**
|
|
34626
|
+
* @optional
|
|
34627
|
+
*
|
|
34628
|
+
* @description
|
|
34629
|
+
*
|
|
34630
|
+
* Define o label e exibe a ação primária no footer do componente.
|
|
34631
|
+
*
|
|
34632
|
+
*/
|
|
34633
|
+
set primaryLabel(value: string);
|
|
34634
|
+
get primaryLabel(): string;
|
|
34635
|
+
/**
|
|
34636
|
+
* @optional
|
|
34637
|
+
*
|
|
34638
|
+
* @description
|
|
34639
|
+
*
|
|
34640
|
+
* Título do componente.
|
|
34641
|
+
*
|
|
34642
|
+
* > Quando o conteúdo exceder o espaço disponível, o texto será truncado com reticências. O conteúdo completo poderá
|
|
34643
|
+
* ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
|
|
34644
|
+
*/
|
|
34645
|
+
set title(value: string);
|
|
34646
|
+
get title(): string;
|
|
34647
|
+
protected onThemeChange(): void;
|
|
34648
|
+
private applySizeBasedOnA11y;
|
|
34649
|
+
private transformAvatar;
|
|
34650
|
+
private transformTagPosition;
|
|
34651
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
|
|
34652
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoWidgetBaseComponent, never, never, { "secondaryLabel": { "alias": "p-secondary-label"; "required": false; }; "dangerPrimaryAction": { "alias": "p-danger-primary-action"; "required": false; }; "dangerSecondaryAction": { "alias": "p-danger-secondary-action"; "required": false; }; "kindPrimaryAction": { "alias": "p-kind-primary-action"; "required": false; }; "kindSecondaryAction": { "alias": "p-kind-secondary-action"; "required": false; }; "tagLabel": { "alias": "p-tag"; "required": false; }; "tagType": { "alias": "p-tag-type"; "required": false; }; "tagIcon": { "alias": "p-tag-icon"; "required": false; }; "tagPosition": { "alias": "p-tag-position"; "required": false; "isSignal": true; }; "actions": { "alias": "p-actions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "avatar": { "alias": "p-avatar"; "required": false; "isSignal": true; }; "subtitle": { "alias": "p-subtitle"; "required": false; "isSignal": true; }; "selection": { "alias": "p-selection"; "required": false; "isSignal": true; }; "actionTemplate": { "alias": "p-action-template"; "required": false; "isSignal": true; }; "background": { "alias": "p-background"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "noShadow": { "alias": "p-no-shadow"; "required": false; }; "primary": { "alias": "p-primary"; "required": false; }; "primaryLabel": { "alias": "p-primary-label"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; }, { "click": "p-click"; "onDisabled": "p-on-disabled"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "setting": "p-setting"; "titleAction": "p-title-action"; }, never, never, true, never>;
|
|
34653
|
+
static ngAcceptInputType_dangerPrimaryAction: any;
|
|
34654
|
+
static ngAcceptInputType_dangerSecondaryAction: any;
|
|
34655
|
+
}
|
|
34656
|
+
|
|
34657
|
+
/**
|
|
34658
|
+
* @docsExtends PoWidgetBaseComponent
|
|
34659
|
+
*
|
|
34660
|
+
* @example
|
|
34661
|
+
*
|
|
34662
|
+
* <example name="po-widget-basic" title="PO Widget Basic">
|
|
34663
|
+
* <file name="sample-po-widget-basic/sample-po-widget-basic.component.html"> </file>
|
|
34664
|
+
* <file name="sample-po-widget-basic/sample-po-widget-basic.component.ts"> </file>
|
|
34665
|
+
* </example>
|
|
34666
|
+
*
|
|
34667
|
+
* <example name="po-widget-labs" title="PO Widget Labs">
|
|
34668
|
+
* <file name="sample-po-widget-labs/sample-po-widget-labs.component.html"> </file>
|
|
34669
|
+
* <file name="sample-po-widget-labs/sample-po-widget-labs.component.ts"> </file>
|
|
34670
|
+
* <file name="sample-po-widget-labs/sample-po-widget-labs.component.css"> </file>
|
|
34671
|
+
* </example>
|
|
34672
|
+
*
|
|
34673
|
+
* <example name="po-widget-finance-dashboard" title="PO Widget - Finance dashboard">
|
|
34674
|
+
* <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.html"> </file>
|
|
34675
|
+
* <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.ts"> </file>
|
|
34676
|
+
* <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.css"> </file>
|
|
34677
|
+
* </example>
|
|
34678
|
+
*
|
|
34679
|
+
* <example name="po-widget-card" title="PO Widget - Card">
|
|
34680
|
+
* <file name="sample-po-widget-card/sample-po-widget-card.component.html"> </file>
|
|
34681
|
+
* <file name="sample-po-widget-card/sample-po-widget-card.component.ts"> </file>
|
|
34682
|
+
* </example>
|
|
34683
|
+
*
|
|
34684
|
+
*/
|
|
34685
|
+
declare class PoWidgetComponent extends PoWidgetBaseComponent implements OnInit, OnChanges, AfterViewInit {
|
|
34686
|
+
protected cd: ChangeDetectorRef;
|
|
34687
|
+
protected poTheme: PoThemeService;
|
|
34688
|
+
popupTarget: any;
|
|
34689
|
+
literals: any;
|
|
34690
|
+
hasContent: boolean;
|
|
34691
|
+
poPopupComponent: PoPopupComponent;
|
|
34692
|
+
buttonPopUp: PoButtonComponent;
|
|
34693
|
+
wrapperInfo: ElementRef;
|
|
34694
|
+
wrapperTitle: ElementRef;
|
|
34695
|
+
tagElement: ElementRef;
|
|
34696
|
+
contentContainer: ElementRef<HTMLElement>;
|
|
34697
|
+
get showTitleAction(): boolean;
|
|
34698
|
+
avatarSrc: i0.Signal<string>;
|
|
34699
|
+
avatarSize: i0.Signal<string>;
|
|
34700
|
+
avatarCustomTemplate: i0.Signal<i0.TemplateRef<any>>;
|
|
34701
|
+
avatarWidthCustomTemplate: i0.Signal<string>;
|
|
34702
|
+
constructor();
|
|
34703
|
+
ngAfterViewInit(): void;
|
|
34704
|
+
get a11Level(): PoThemeA11yEnum;
|
|
34705
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
34706
|
+
ngOnInit(): void;
|
|
34707
|
+
hasTitleHelpOrSetting(): boolean;
|
|
34708
|
+
onClick(event: MouseEvent): void;
|
|
34709
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
34710
|
+
/**
|
|
34711
|
+
* @docsPrivate
|
|
34712
|
+
*
|
|
34713
|
+
* Uso interno (po-list-view): propaga a mudança da coluna de seleção.
|
|
34714
|
+
*/
|
|
34715
|
+
protected onSelectionChange(selected: boolean): void;
|
|
34716
|
+
openHelp(): void;
|
|
34717
|
+
runPrimaryAction(): void;
|
|
34718
|
+
runSecondaryAction(): void;
|
|
34719
|
+
runTitleAction(event: MouseEvent): void;
|
|
34720
|
+
setHeight(height: number): void;
|
|
34721
|
+
settingOutput(): void;
|
|
34722
|
+
togglePopup(targetRef: any, event: any): void;
|
|
34723
|
+
showTooltip(): boolean;
|
|
34724
|
+
closePopUp(): void;
|
|
34725
|
+
private checkDefaultActions;
|
|
34726
|
+
private updateContent;
|
|
34727
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetComponent, never>;
|
|
34728
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoWidgetComponent, "po-widget", never, {}, {}, never, ["*"], false, never>;
|
|
34729
|
+
}
|
|
34730
|
+
|
|
34731
|
+
/**
|
|
34732
|
+
* @description
|
|
34733
|
+
*
|
|
34734
|
+
* Módulo do componente po-widget
|
|
34735
|
+
*/
|
|
34736
|
+
declare class PoWidgetModule {
|
|
34737
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetModule, never>;
|
|
34738
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoWidgetModule, [typeof PoWidgetComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof PoAvatarModule, typeof PoButtonModule, typeof PoCheckboxModule, typeof PoContainerModule, typeof PoIconModule, typeof PoPopupModule, typeof PoRadioModule, typeof PoTagModule, typeof PoTooltipModule], [typeof PoWidgetComponent]>;
|
|
34739
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoWidgetModule>;
|
|
34740
|
+
}
|
|
34741
|
+
|
|
34742
|
+
/**
|
|
34743
|
+
* @description
|
|
34744
|
+
*
|
|
34745
|
+
* Módulo do componente `po-list-view`.
|
|
34746
|
+
*
|
|
34747
|
+
*/
|
|
34748
|
+
declare class PoListViewModule {
|
|
34749
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewModule, never>;
|
|
34750
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoListViewModule, [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.RouterModule, typeof PoButtonModule, typeof PoIconModule, typeof PoPopupModule, typeof PoModalModule, typeof PoCheckboxModule, typeof PoRadioModule, typeof PoContainerModule, typeof PoWidgetModule, typeof PoProgressCircleComponent], [typeof PoListViewComponent, typeof PoListViewContentTemplateDirective, typeof PoListViewDetailTemplateDirective]>;
|
|
34751
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoListViewModule>;
|
|
34752
|
+
}
|
|
34753
|
+
|
|
34754
|
+
declare class PoLogoComponent {
|
|
34755
|
+
poLanguageService: PoLanguageService;
|
|
34756
|
+
readonly literals: any;
|
|
34757
|
+
private _logo?;
|
|
34758
|
+
private _logoAlt;
|
|
34759
|
+
private _link;
|
|
34760
|
+
/**
|
|
34761
|
+
* Define uma classe para o elemento `img` do componente.
|
|
34762
|
+
*
|
|
34763
|
+
* > **Importante**
|
|
34764
|
+
* > A classe deve ser definida apenas quando houver necessidade de ajustar o componente dentro de outro componente.
|
|
34765
|
+
*
|
|
34766
|
+
*/
|
|
34767
|
+
className: string;
|
|
34768
|
+
/**
|
|
34769
|
+
* Define se o componente terá o elemento âncora para uma rota específica.
|
|
34770
|
+
*
|
|
34771
|
+
* > Caso seja definido como false, o componente apenas renderizará o elemento `img`.
|
|
34772
|
+
* > Caso seja definido como true, a rota será `./`.
|
|
34773
|
+
* > Caso seja definido como string, a rota será a string passada.
|
|
34774
|
+
*
|
|
34775
|
+
* @default `true`
|
|
34776
|
+
*/
|
|
34777
|
+
set link(value: boolean | string);
|
|
34778
|
+
get link(): boolean | string;
|
|
34779
|
+
/**
|
|
34780
|
+
* Definie o caminho para a imagem, que será exibida como logomarca.
|
|
34781
|
+
*
|
|
34782
|
+
*/
|
|
34783
|
+
set logo(value: string);
|
|
34784
|
+
get logo(): string;
|
|
34785
|
+
/**
|
|
34786
|
+
* Define o texto alternativo para a logomarca.
|
|
34787
|
+
*
|
|
34788
|
+
* > **Importante**
|
|
34789
|
+
* > Caso esta propriedade não seja definida o texto padrão será "Logomarca início".
|
|
34790
|
+
*/
|
|
34791
|
+
set logoAlt(value: string);
|
|
34792
|
+
get logoAlt(): string;
|
|
34793
|
+
constructor(poLanguageService: PoLanguageService);
|
|
34794
|
+
private maxLength;
|
|
34795
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoComponent, never>;
|
|
34796
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoLogoComponent, "po-logo", never, { "className": { "alias": "p-class"; "required": false; }; "link": { "alias": "p-link"; "required": false; }; "logo": { "alias": "p-logo"; "required": false; }; "logoAlt": { "alias": "p-logo-alt"; "required": false; }; }, {}, never, never, false, never>;
|
|
34797
|
+
}
|
|
34798
|
+
|
|
34799
|
+
declare class PoLogoModule {
|
|
34800
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoModule, never>;
|
|
34801
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoLogoModule, [typeof PoLogoComponent], [typeof i2.CommonModule], [typeof PoLogoComponent]>;
|
|
34802
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoLogoModule>;
|
|
34803
|
+
}
|
|
34804
|
+
|
|
34805
|
+
/**
|
|
34806
|
+
* @usedBy PoMenuComponent
|
|
34807
|
+
*
|
|
34808
|
+
* @description
|
|
34809
|
+
*
|
|
34810
|
+
* Interface do objeto que deve conter na coleção de itens filtrados no componente `po-menu`.
|
|
34811
|
+
*/
|
|
34812
|
+
interface PoMenuItemFiltered {
|
|
34813
|
+
/** Texto do item de menu. */
|
|
34814
|
+
label: string;
|
|
34815
|
+
/** *Link* para redirecionamento no clique do item do menu, podendo ser um *link* interno ou externo. */
|
|
34816
|
+
link: string;
|
|
34817
|
+
/** Ação a ser executada quando o item de menu for clicado. */
|
|
34818
|
+
action: () => void;
|
|
34819
|
+
}
|
|
34820
|
+
|
|
34821
|
+
/**
|
|
34822
|
+
* @usedBy PoMenuComponent
|
|
34823
|
+
*
|
|
34824
|
+
* @description
|
|
34825
|
+
*
|
|
34826
|
+
* Interface do serviço utilizado no componente `po-menu`.
|
|
34827
|
+
*/
|
|
34828
|
+
interface PoMenuFilter {
|
|
34829
|
+
/**
|
|
34830
|
+
* Método responsável por retornar um *Observable* que retorne uma lista de objetos que seguem a interface `PoMenuItemFiltered`.
|
|
34831
|
+
* Será informado por parâmetro o valor a ser pesquisado e as informações adicionais preenchidas através da propriedade `p-params`.
|
|
34832
|
+
*
|
|
34833
|
+
* @param {string} search Valor informado no campo de busca dos itens de menus.
|
|
34834
|
+
* @param {any} params Valor informado através da propriedade `p-params`.
|
|
34835
|
+
*/
|
|
34836
|
+
getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
|
|
34837
|
+
}
|
|
34838
|
+
|
|
34839
|
+
/**
|
|
34840
|
+
* @usedBy PoMenuComponent
|
|
34841
|
+
*
|
|
34842
|
+
* @description
|
|
34843
|
+
*
|
|
34844
|
+
* Interface do *badge* utilizado no `po-menu`.
|
|
34845
|
+
*/
|
|
34846
|
+
interface PoMenuItemBadge {
|
|
34847
|
+
/**
|
|
34848
|
+
* @optional
|
|
34849
|
+
*
|
|
34850
|
+
* @description
|
|
34851
|
+
*
|
|
34852
|
+
* Define a cor do *badge* e aceita os valores:
|
|
34853
|
+
*
|
|
34854
|
+
* <span class="dot po-color-01"></span> `color-01`
|
|
34855
|
+
*
|
|
34856
|
+
* <span class="dot po-color-02"></span> `color-02`
|
|
34857
|
+
*
|
|
34858
|
+
* <span class="dot po-color-03"></span> `color-03`
|
|
34859
|
+
*
|
|
34860
|
+
* <span class="dot po-color-04"></span> `color-04`
|
|
34861
|
+
*
|
|
34862
|
+
* <span class="dot po-color-05"></span> `color-05`
|
|
34863
|
+
*
|
|
34864
|
+
* <span class="dot po-color-06"></span> `color-06`
|
|
34865
|
+
*
|
|
34866
|
+
* <span class="dot po-color-07"></span> `color-07`
|
|
34867
|
+
*
|
|
34868
|
+
* <span class="dot po-color-08"></span> `color-08`
|
|
34869
|
+
*
|
|
34870
|
+
* <span class="dot po-color-09"></span> `color-09`
|
|
34871
|
+
*
|
|
34872
|
+
* <span class="dot po-color-10"></span> `color-10`
|
|
34873
|
+
*
|
|
34874
|
+
* <span class="dot po-color-11"></span> `color-11`
|
|
34875
|
+
*
|
|
34876
|
+
* <span class="dot po-color-12"></span> `color-12`
|
|
34877
|
+
*
|
|
34878
|
+
* @default `color-07`
|
|
34879
|
+
*/
|
|
34880
|
+
color?: string;
|
|
34881
|
+
/**
|
|
34882
|
+
* @description
|
|
34883
|
+
*
|
|
34884
|
+
* Número exibido no *badge*, caso o mesmo seja maior que **9** o mesmo exibe **9+**.
|
|
34885
|
+
*/
|
|
34886
|
+
value: number;
|
|
34887
|
+
}
|
|
34888
|
+
|
|
34889
|
+
/**
|
|
34890
|
+
* @usedBy PoMenuComponent
|
|
34891
|
+
*
|
|
34892
|
+
* @description
|
|
34893
|
+
*
|
|
34894
|
+
* Interface para os itens de menu do componente po-menu.
|
|
34895
|
+
*
|
|
34896
|
+
*/
|
|
34897
|
+
interface PoMenuItem {
|
|
34898
|
+
/**
|
|
34899
|
+
* @optional
|
|
34900
|
+
*
|
|
34901
|
+
* @description
|
|
34902
|
+
*
|
|
34903
|
+
* Badge do item de menu.
|
|
33942
34904
|
*
|
|
33943
34905
|
* Ao adicioná-lo em um subitem (filho) todos os itens ascendentes (pai) serão marcados com um ponto vermelho.
|
|
33944
34906
|
*
|
|
@@ -38467,356 +39429,136 @@ declare class PoToolbarModule {
|
|
|
38467
39429
|
* Interface para definição dos itens do componente `po-tree-view`.
|
|
38468
39430
|
*/
|
|
38469
39431
|
interface PoTreeViewItem {
|
|
38470
|
-
/** Desabilita a selecão do item. */
|
|
38471
|
-
/** Texto de exibição do item. */
|
|
38472
|
-
label: string;
|
|
38473
|
-
/** Valor do item que poderá ser utilizado como referência para sua identificação. */
|
|
38474
|
-
value: string | number;
|
|
38475
|
-
/** Expande o item. */
|
|
38476
|
-
expanded?: boolean;
|
|
38477
|
-
/**
|
|
38478
|
-
* Marca o item como selecionado.
|
|
38479
|
-
*
|
|
38480
|
-
* > Caso o item que conter `subItems` for selecionado, os seus itens filhos serão também selecionados.
|
|
38481
|
-
*/
|
|
38482
|
-
selected?: boolean | null;
|
|
38483
|
-
/**
|
|
38484
|
-
* Permite ativar/desativar a seleção do item
|
|
38485
|
-
*/
|
|
38486
|
-
isSelectable?: boolean | null;
|
|
38487
|
-
/** Lista de itens do próximo nível, e assim consecutivamente até que se atinja o quarto nível. */
|
|
38488
|
-
subItems?: Array<PoTreeViewItem>;
|
|
38489
|
-
}
|
|
38490
|
-
|
|
38491
|
-
/**
|
|
38492
|
-
* @description
|
|
38493
|
-
*
|
|
38494
|
-
* O componente fornece um modelo de visualização em árvore, possibilitando a visualização das informações de maneira
|
|
38495
|
-
* hierárquica, desta forma sendo possível utilizar até 4 níveis.
|
|
38496
|
-
*
|
|
38497
|
-
* Nele é possível navegar entre os itens através da tecla *tab*, permitindo expandir ou colapsar o item em foco
|
|
38498
|
-
* por meio das teclas *enter* e *space*.
|
|
38499
|
-
*
|
|
38500
|
-
* Além da navegação, o componente possibilita também a seleção dos itens do primeiro ao último nível, tanto de forma parcial como completa.
|
|
38501
|
-
*
|
|
38502
|
-
* O componente também possui eventos disparados ao marcar/desmarcar e expandir/colapsar os itens.
|
|
38503
|
-
*/
|
|
38504
|
-
declare class PoTreeViewBaseComponent {
|
|
38505
39432
|
/**
|
|
38506
39433
|
* @optional
|
|
38507
39434
|
*
|
|
38508
39435
|
* @description
|
|
38509
39436
|
*
|
|
38510
|
-
*
|
|
38511
|
-
*
|
|
38512
|
-
* > Como parâmetro o componente envia o item colapsado.
|
|
38513
|
-
*/
|
|
38514
|
-
collapsed: EventEmitter<PoTreeViewItem>;
|
|
38515
|
-
/**
|
|
38516
|
-
* @optional
|
|
39437
|
+
* Desabilita a interação com o item.
|
|
38517
39438
|
*
|
|
38518
|
-
*
|
|
39439
|
+
* O estado é aplicado somente ao item em que a propriedade está configurada
|
|
39440
|
+
* e não é propagado para seus `subItems`.
|
|
38519
39441
|
*
|
|
38520
|
-
*
|
|
39442
|
+
* > Itens disabled que não possuem `subItems` são ignorados na navegação por teclado.
|
|
39443
|
+
* Itens disabled que possuem `subItems` continuam participando da navegação, permitindo expandir/recolher.
|
|
38521
39444
|
*
|
|
38522
|
-
*
|
|
39445
|
+
* @default `false`
|
|
38523
39446
|
*/
|
|
38524
|
-
|
|
39447
|
+
disabled?: boolean;
|
|
38525
39448
|
/**
|
|
38526
39449
|
* @optional
|
|
38527
39450
|
*
|
|
38528
39451
|
* @description
|
|
38529
39452
|
*
|
|
38530
|
-
*
|
|
39453
|
+
* Expande o item, exibindo seus `subItems`.
|
|
38531
39454
|
*
|
|
38532
|
-
*
|
|
38533
|
-
*/
|
|
38534
|
-
selected: EventEmitter<PoTreeViewItem>;
|
|
38535
|
-
/**
|
|
38536
|
-
* @optional
|
|
39455
|
+
* Quando `true`, o item será renderizado no estado expandido.
|
|
38537
39456
|
*
|
|
38538
|
-
*
|
|
39457
|
+
* > Sem efeito em itens que não possuem `subItems`.
|
|
38539
39458
|
*
|
|
38540
|
-
*
|
|
38541
|
-
*
|
|
38542
|
-
* > Como parâmetro o componente envia o item que foi desmarcado.
|
|
39459
|
+
* @default `false`
|
|
38543
39460
|
*/
|
|
38544
|
-
|
|
38545
|
-
private _componentsSize;
|
|
38546
|
-
private _initialComponentsSize;
|
|
38547
|
-
private _items;
|
|
38548
|
-
private _selectable;
|
|
38549
|
-
private _maxLevel;
|
|
38550
|
-
private _singleSelect;
|
|
38551
|
-
selectedValue: string | number;
|
|
39461
|
+
expanded?: boolean;
|
|
38552
39462
|
/**
|
|
38553
39463
|
* @optional
|
|
38554
39464
|
*
|
|
38555
39465
|
* @description
|
|
38556
39466
|
*
|
|
38557
|
-
*
|
|
38558
|
-
* - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
|
|
38559
|
-
* - `medium`: aplica a medida medium de cada componente.
|
|
39467
|
+
* Permite ativar ou desativar a seleção do item.
|
|
38560
39468
|
*
|
|
38561
|
-
*
|
|
38562
|
-
* Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
|
|
39469
|
+
* Quando `false`, o item não poderá ser selecionado pelo usuário.
|
|
38563
39470
|
*
|
|
38564
|
-
* @
|
|
38565
|
-
*/
|
|
38566
|
-
set componentsSize(value: string);
|
|
38567
|
-
get componentsSize(): string;
|
|
38568
|
-
/**
|
|
38569
|
-
* Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
|
|
39471
|
+
* @deprecated v23.x.x use `disabled`
|
|
38570
39472
|
*/
|
|
38571
|
-
|
|
38572
|
-
set items(value: Array<PoTreeViewItem>);
|
|
38573
|
-
get items(): Array<PoTreeViewItem>;
|
|
39473
|
+
isSelectable?: boolean | null;
|
|
38574
39474
|
/**
|
|
38575
|
-
* @optional
|
|
38576
|
-
*
|
|
38577
39475
|
* @description
|
|
38578
39476
|
*
|
|
38579
|
-
*
|
|
39477
|
+
* Texto de exibição do item.
|
|
38580
39478
|
*
|
|
38581
|
-
*
|
|
39479
|
+
* O valor é utilizado como `aria-label` do nó e como referência na navegação por caractere do teclado.
|
|
38582
39480
|
*/
|
|
38583
|
-
|
|
38584
|
-
get selectable(): boolean;
|
|
39481
|
+
label: string;
|
|
38585
39482
|
/**
|
|
38586
39483
|
* @optional
|
|
38587
39484
|
*
|
|
38588
39485
|
* @description
|
|
38589
39486
|
*
|
|
38590
|
-
*
|
|
39487
|
+
* Marca o item como selecionado.
|
|
38591
39488
|
*
|
|
38592
|
-
*
|
|
39489
|
+
* > Caso o item que possuir `subItems` for selecionado, os seus itens filhos serão também selecionados.
|
|
39490
|
+
*
|
|
39491
|
+
* Quando utilizado com `p-single-select`, apenas um item pode estar selecionado por vez.
|
|
39492
|
+
* Ao selecionar outro item, o anteriormente selecionado perde o estado.
|
|
39493
|
+
*
|
|
39494
|
+
* @default `false`
|
|
38593
39495
|
*/
|
|
38594
|
-
|
|
38595
|
-
get singleSelect(): boolean;
|
|
39496
|
+
selected?: boolean | null;
|
|
38596
39497
|
/**
|
|
38597
39498
|
* @optional
|
|
38598
39499
|
*
|
|
38599
39500
|
* @description
|
|
38600
39501
|
*
|
|
38601
|
-
*
|
|
39502
|
+
* Habilita a exibição de ícone no item.
|
|
38602
39503
|
*
|
|
38603
|
-
*
|
|
39504
|
+
* Quando `true`, exibe automaticamente:
|
|
39505
|
+
* - `an-folder-simple` para itens agrupadores (que possuem `subItems`).
|
|
39506
|
+
* - `an-file` para itens finais (sem `subItems`).
|
|
38604
39507
|
*
|
|
38605
|
-
*
|
|
38606
|
-
|
|
38607
|
-
|
|
38608
|
-
|
|
38609
|
-
|
|
38610
|
-
protected emitExpanded(treeViewItem: PoTreeViewItem): void;
|
|
38611
|
-
protected emitSelected(treeViewItem: PoTreeViewItem): void;
|
|
38612
|
-
private addChildItemInParent;
|
|
38613
|
-
private addItem;
|
|
38614
|
-
private selectAllItems;
|
|
38615
|
-
private selectItemBySubItems;
|
|
38616
|
-
private everyItemSelected;
|
|
38617
|
-
private expandParentItem;
|
|
38618
|
-
private getItemsByMaxLevel;
|
|
38619
|
-
private getItemsWithParentSelected;
|
|
38620
|
-
private updateItemsOnSelect;
|
|
38621
|
-
private applySizeBasedOnA11y;
|
|
38622
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewBaseComponent, never>;
|
|
38623
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTreeViewBaseComponent, never, never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "inputedItems": { "alias": "p-items"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "maxLevel": { "alias": "p-max-level"; "required": false; }; }, { "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "unselected": "p-unselected"; }, never, never, true, never>;
|
|
38624
|
-
}
|
|
38625
|
-
|
|
38626
|
-
/**
|
|
38627
|
-
* @docsExtends PoTreeViewBaseComponent
|
|
38628
|
-
*
|
|
38629
|
-
* @example
|
|
38630
|
-
*
|
|
38631
|
-
* <example name="po-tree-view-basic" title="PO Tree View Basic">
|
|
38632
|
-
* <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.html"> </file>
|
|
38633
|
-
* <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.ts"> </file>
|
|
38634
|
-
* </example>
|
|
38635
|
-
*
|
|
38636
|
-
* <example name="po-tree-view-labs" title="PO Tree View Labs">
|
|
38637
|
-
* <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.html"> </file>
|
|
38638
|
-
* <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.ts"> </file>
|
|
38639
|
-
* </example>
|
|
38640
|
-
*
|
|
38641
|
-
* <example name="po-tree-view-folder-structure" title="PO Tree View - Folder Structure">
|
|
38642
|
-
* <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.html"> </file>
|
|
38643
|
-
* <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.ts"> </file>
|
|
38644
|
-
* </example>
|
|
38645
|
-
*
|
|
38646
|
-
* <example name="po-tree-view-supermarket" title="PO Tree View - Supermarket">
|
|
38647
|
-
* <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.html"> </file>
|
|
38648
|
-
* <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.ts"> </file>
|
|
38649
|
-
* </example>
|
|
38650
|
-
*/
|
|
38651
|
-
declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, OnChanges {
|
|
38652
|
-
private readonly treeViewService;
|
|
38653
|
-
get hasItems(): boolean;
|
|
38654
|
-
ngOnInit(): void;
|
|
38655
|
-
ngOnChanges(changes?: SimpleChanges): void;
|
|
38656
|
-
trackByFunction(index: number): number;
|
|
38657
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewComponent, never>;
|
|
38658
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewComponent, "po-tree-view", never, {}, {}, never, never, false, never>;
|
|
38659
|
-
}
|
|
38660
|
-
|
|
38661
|
-
declare class PoTreeViewItemComponent {
|
|
38662
|
-
private readonly treeViewService;
|
|
38663
|
-
componentsSize: string;
|
|
38664
|
-
item: PoTreeViewItem;
|
|
38665
|
-
selectable: boolean;
|
|
38666
|
-
singleSelect: boolean;
|
|
38667
|
-
selectedValue: string | number;
|
|
38668
|
-
get hasSubItems(): boolean;
|
|
38669
|
-
onClick(event: MouseEvent): void;
|
|
38670
|
-
onSelect(selectedItem: PoTreeViewItem): void;
|
|
38671
|
-
trackByFunction(index: number): number;
|
|
38672
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemComponent, never>;
|
|
38673
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemComponent, "po-tree-view-item", never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "item": { "alias": "p-item"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectedValue": { "alias": "p-selected-value"; "required": false; }; }, {}, never, never, false, never>;
|
|
38674
|
-
}
|
|
38675
|
-
|
|
38676
|
-
declare class PoTreeViewItemHeaderComponent {
|
|
38677
|
-
inputCheckbox: any;
|
|
38678
|
-
componentsSize: string;
|
|
38679
|
-
item: PoTreeViewItem;
|
|
38680
|
-
selectable: boolean;
|
|
38681
|
-
singleSelect: boolean;
|
|
38682
|
-
expanded: EventEmitter<MouseEvent>;
|
|
38683
|
-
selected: EventEmitter<any>;
|
|
38684
|
-
selectedValue: string | number;
|
|
38685
|
-
idRadio: string;
|
|
38686
|
-
get hasSubItems(): boolean;
|
|
38687
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemHeaderComponent, never>;
|
|
38688
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemHeaderComponent, "po-tree-view-item-header", never, { "componentsSize": { "alias": "p-components-size"; "required": false; }; "item": { "alias": "p-item"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectedValue": { "alias": "p-selected-value"; "required": false; }; }, { "expanded": "p-expanded"; "selected": "p-selected"; }, never, never, false, never>;
|
|
38689
|
-
}
|
|
38690
|
-
|
|
38691
|
-
/**
|
|
38692
|
-
* @description
|
|
38693
|
-
*
|
|
38694
|
-
* Módulo do componente `po-tree-view`.
|
|
38695
|
-
*
|
|
38696
|
-
* > Para o correto funcionamento do componente `po-tree-view`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
38697
|
-
* > módulo principal da sua aplicação.
|
|
38698
|
-
*
|
|
38699
|
-
* Módulo da aplicação:
|
|
38700
|
-
* ```
|
|
38701
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
38702
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
38703
|
-
* ...
|
|
38704
|
-
*
|
|
38705
|
-
* @NgModule({
|
|
38706
|
-
* imports: [
|
|
38707
|
-
* BrowserModule,
|
|
38708
|
-
* BrowserAnimationsModule,
|
|
38709
|
-
* ...
|
|
38710
|
-
* PoModule
|
|
38711
|
-
* ],
|
|
38712
|
-
* declarations: [
|
|
38713
|
-
* AppComponent,
|
|
38714
|
-
* ...
|
|
38715
|
-
* ],
|
|
38716
|
-
* providers: [],
|
|
38717
|
-
* bootstrap: [AppComponent]
|
|
38718
|
-
* })
|
|
38719
|
-
* export class AppModule { }
|
|
38720
|
-
* ```
|
|
38721
|
-
*
|
|
38722
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
38723
|
-
*
|
|
38724
|
-
* ```
|
|
38725
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
38726
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
38727
|
-
* import { AppComponent } from './app.component';
|
|
38728
|
-
*
|
|
38729
|
-
* bootstrapApplication(AppComponent, {
|
|
38730
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
38731
|
-
* }).catch(err => console.error(err));
|
|
38732
|
-
* ```
|
|
38733
|
-
*/
|
|
38734
|
-
declare class PoTreeViewModule {
|
|
38735
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewModule, never>;
|
|
38736
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoTreeViewModule, [typeof PoTreeViewComponent, typeof PoTreeViewItemComponent, typeof PoTreeViewItemHeaderComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof PoContainerModule, typeof PoFieldModule, typeof PoIconModule], [typeof PoTreeViewComponent]>;
|
|
38737
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PoTreeViewModule>;
|
|
38738
|
-
}
|
|
38739
|
-
|
|
38740
|
-
/**
|
|
38741
|
-
* @usedBy PoWidgetComponent
|
|
38742
|
-
*
|
|
38743
|
-
* @description
|
|
38744
|
-
*
|
|
38745
|
-
* Interface para definição do avatar no `po-widget`.
|
|
38746
|
-
*/
|
|
38747
|
-
interface PoWidgetAvatar {
|
|
38748
|
-
/**
|
|
38749
|
-
* Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
|
|
38750
|
-
* ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).
|
|
39508
|
+
* > Não funciona em conjunto com `p-selectable`.
|
|
39509
|
+
* Quando `p-selectable` e `showIcon` estiverem configurados como `true`,
|
|
39510
|
+
* `p-selectable` terá precedência.
|
|
39511
|
+
*
|
|
39512
|
+
* @default `false`
|
|
38751
39513
|
*/
|
|
38752
|
-
|
|
39514
|
+
showIcon?: boolean;
|
|
38753
39515
|
/**
|
|
38754
39516
|
* @optional
|
|
38755
39517
|
*
|
|
38756
39518
|
* @description
|
|
38757
39519
|
*
|
|
38758
|
-
*
|
|
38759
|
-
*
|
|
38760
|
-
* Valores válidos:
|
|
38761
|
-
* - `xs` (24x24)
|
|
38762
|
-
* - `sm` (32x32)
|
|
38763
|
-
* - `md` (64x64)
|
|
38764
|
-
* - `lg` (96x96)
|
|
38765
|
-
* - `xl` (144x144)
|
|
38766
|
-
*
|
|
38767
|
-
* @default `md`
|
|
38768
|
-
*/
|
|
38769
|
-
size?: string;
|
|
38770
|
-
/**
|
|
38771
|
-
* Permite a criação de template customizado para o avatar
|
|
38772
|
-
*
|
|
38773
|
-
* ```
|
|
38774
|
-
* <po-widget
|
|
38775
|
-
* [p-avatar]="{ customTemplate: customAvatar }"
|
|
38776
|
-
* />
|
|
39520
|
+
* Lista de itens do próximo nível, permitindo a construção hierárquica da árvore.
|
|
38777
39521
|
*
|
|
38778
|
-
*
|
|
38779
|
-
* ...
|
|
38780
|
-
* </ng-template>
|
|
38781
|
-
* ```
|
|
39522
|
+
* A estrutura pode ser aninhada recursivamente até o limite definido pela propriedade `p-max-level` do componente.
|
|
38782
39523
|
*/
|
|
38783
|
-
|
|
39524
|
+
subItems?: Array<PoTreeViewItem>;
|
|
38784
39525
|
/**
|
|
38785
|
-
* @optional
|
|
38786
|
-
*
|
|
38787
39526
|
* @description
|
|
38788
39527
|
*
|
|
38789
|
-
*
|
|
39528
|
+
* Valor do item utilizado como referência para sua identificação.
|
|
38790
39529
|
*
|
|
38791
|
-
*
|
|
39530
|
+
* Em modo `p-single-select`, este valor é utilizado para determinar qual item está atualmente selecionado.
|
|
38792
39531
|
*/
|
|
38793
|
-
|
|
39532
|
+
value: string | number;
|
|
38794
39533
|
}
|
|
38795
39534
|
|
|
38796
39535
|
/**
|
|
38797
|
-
*
|
|
38798
39536
|
* @description
|
|
38799
39537
|
*
|
|
38800
|
-
* O componente
|
|
38801
|
-
*
|
|
38802
|
-
*
|
|
38803
|
-
* Além da exibição de conteúdos, este componente possibilita adicionar ações e um link
|
|
38804
|
-
* para ajuda, como também possibilita ser utilizado com ou sem sombra.
|
|
38805
|
-
*
|
|
38806
|
-
* Para controlar sua largura, é possível utilizar o [Grid System](/guides/grid-system) para um maior
|
|
38807
|
-
* controle de seu redimensionamento, assim possibilitando o tratamento para diferentes resoluções.
|
|
39538
|
+
* O componente fornece um modelo de visualização em árvore, possibilitando a exibição de informações de maneira
|
|
39539
|
+
* hierárquica com suporte a múltiplos níveis (configurável via `p-max-level`).
|
|
38808
39540
|
*
|
|
38809
|
-
*
|
|
38810
|
-
*
|
|
38811
|
-
*
|
|
39541
|
+
* O componente permite:
|
|
39542
|
+
* - Navegação completa por teclado seguindo o padrão WAI-ARIA TreeView;
|
|
39543
|
+
* - Expansão e recolhimento de itens agrupadores;
|
|
39544
|
+
* - Seleção múltipla (checkbox) ou única (radio) dos itens;
|
|
39545
|
+
* - Exibição de ícones automáticos para agrupadores e itens finais;
|
|
39546
|
+
* - Estado desabilitado global ou individual por item;
|
|
39547
|
+
* - Execução de itens finais via clique ou teclado.
|
|
38812
39548
|
*
|
|
38813
|
-
* ####
|
|
39549
|
+
* #### Navegação por teclado
|
|
38814
39550
|
*
|
|
38815
|
-
*
|
|
38816
|
-
*
|
|
38817
|
-
*
|
|
38818
|
-
*
|
|
38819
|
-
*
|
|
39551
|
+
* | Tecla | Descrição |
|
|
39552
|
+
* |-----------------------|-----------------------------------------------------------------------------------------------------------|
|
|
39553
|
+
* | **Tab** | Entra no componente posicionando o foco no primeiro nó ativo. Ao pressionar novamente, sai do componente. |
|
|
39554
|
+
* | **ArrowDown** | Move o foco para o próximo nó visível. |
|
|
39555
|
+
* | **ArrowUp** | Move o foco para o nó visível anterior. |
|
|
39556
|
+
* | **ArrowRight** | Se colapsado, expande o nó. Se expandido, move o foco para o nó filho. |
|
|
39557
|
+
* | **ArrowLeft** | Se expandido, recolhe o nó. Se filho, move o foco para o nó pai. |
|
|
39558
|
+
* | **Home** | Move o foco para o primeiro nó visível. |
|
|
39559
|
+
* | **End** | Move o foco para o último nó visível. |
|
|
39560
|
+
* | **Enter / Space** | Com `p-selectable`: alterna a seleção do item. Sem `p-selectable`: executa o item final. |
|
|
39561
|
+
* | **Caractere** | Move o foco para o próximo nó cujo label inicia com o caractere pressionado (busca cíclica). |
|
|
38820
39562
|
*
|
|
38821
39563
|
* #### Tokens customizáveis
|
|
38822
39564
|
*
|
|
@@ -38824,420 +39566,301 @@ interface PoWidgetAvatar {
|
|
|
38824
39566
|
*
|
|
38825
39567
|
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
38826
39568
|
*
|
|
38827
|
-
* | Propriedade
|
|
38828
|
-
*
|
|
38829
|
-
* | **Default
|
|
38830
|
-
* | `--
|
|
38831
|
-
* | `--
|
|
38832
|
-
* | `--font-
|
|
38833
|
-
* | `--font-
|
|
38834
|
-
* | `--
|
|
38835
|
-
* | `--
|
|
38836
|
-
* |
|
|
38837
|
-
* | `--
|
|
38838
|
-
* |
|
|
38839
|
-
* | `--
|
|
38840
|
-
* |
|
|
38841
|
-
* | `--
|
|
38842
|
-
* |
|
|
38843
|
-
* | `--
|
|
38844
|
-
* | **Hover** | | |
|
|
38845
|
-
* | `--border-color-hover` | Cor da borda no estado hover | `var(--color-action-hover)` |
|
|
38846
|
-
* | **Focused** | | |
|
|
38847
|
-
* | `--color-focused` | Cor principal no estado de focus | `var(--color-action-default)` |
|
|
38848
|
-
* | `--outline-color-focused` | Cor do outline do estado de focus | `var(--color-action-focus)` |
|
|
38849
|
-
*
|
|
39569
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
39570
|
+
* |----------------------------------------|-------------------------------------------------------|-------------------------------------------------|
|
|
39571
|
+
* | **Default** | | |
|
|
39572
|
+
* | `--background-color` | Cor de background do item | `var(--color-neutral-light-00)` |
|
|
39573
|
+
* | `--divider-color` | Cor do divider dos agrupadores de nível 0 | `var(--color-neutral-mid-40)` |
|
|
39574
|
+
* | `--font-family` | Família tipográfica | `var(--font-family-theme)` |
|
|
39575
|
+
* | `--font-size` | Tamanho da fonte | `var(--font-size-default)` |
|
|
39576
|
+
* | `--line-height` | Altura da linha | `var(--line-height-md)` |
|
|
39577
|
+
* | `--color` | Cor padrão do item | `var(--color-action-default)` |
|
|
39578
|
+
* | **Hover** | | |
|
|
39579
|
+
* | `--color-hover` | Cor do item em hover | `var(--color-action-hover)` |
|
|
39580
|
+
* | **Pressed** | | |
|
|
39581
|
+
* | `--color-pressed` | Cor do item em pressed | `var(--color-action-pressed)` |
|
|
39582
|
+
* | **Disabled** | | |
|
|
39583
|
+
* | `--color-disabled` | Cor do item desabilitado | `var(--color-action-disabled)` |
|
|
39584
|
+
* | **Selected** | | |
|
|
39585
|
+
* | `--title-color` | Cor do label quando selecionado | `var(--color-action-focus)` |
|
|
38850
39586
|
*/
|
|
38851
|
-
declare class
|
|
38852
|
-
private _size?;
|
|
38853
|
-
private _initialSize?;
|
|
38854
|
-
/** Descrição da segunda ação. */
|
|
38855
|
-
/**
|
|
38856
|
-
* @optional
|
|
38857
|
-
*
|
|
38858
|
-
* @description
|
|
38859
|
-
* Define o label e exibe a ação secundária no footer do componente.
|
|
38860
|
-
*
|
|
38861
|
-
* > Exibida apenas quando `p-primary-label` estiver definida.
|
|
38862
|
-
*/
|
|
38863
|
-
secondaryLabel?: string;
|
|
38864
|
-
/**
|
|
38865
|
-
* @optional
|
|
38866
|
-
*
|
|
38867
|
-
* @description
|
|
38868
|
-
*
|
|
38869
|
-
* Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
|
|
38870
|
-
*
|
|
38871
|
-
* > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
|
|
38872
|
-
*
|
|
38873
|
-
* @default `false`
|
|
38874
|
-
*/
|
|
38875
|
-
dangerPrimaryAction: boolean;
|
|
38876
|
-
/**
|
|
38877
|
-
* @optional
|
|
38878
|
-
*
|
|
38879
|
-
* @description
|
|
38880
|
-
*
|
|
38881
|
-
* Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
|
|
38882
|
-
*
|
|
38883
|
-
* > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
|
|
38884
|
-
*
|
|
38885
|
-
* @default `false`
|
|
38886
|
-
*/
|
|
38887
|
-
dangerSecondaryAction: boolean;
|
|
38888
|
-
/**
|
|
38889
|
-
* @optional
|
|
38890
|
-
*
|
|
38891
|
-
* @description
|
|
38892
|
-
*
|
|
38893
|
-
* Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
|
|
38894
|
-
*
|
|
38895
|
-
* @default `tertiary`
|
|
38896
|
-
*/
|
|
38897
|
-
kindPrimaryAction?: string;
|
|
38898
|
-
/**
|
|
38899
|
-
* @optional
|
|
38900
|
-
*
|
|
38901
|
-
* @description
|
|
38902
|
-
*
|
|
38903
|
-
* Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
|
|
38904
|
-
*
|
|
38905
|
-
* @default `tertiary`
|
|
38906
|
-
*/
|
|
38907
|
-
kindSecondaryAction?: string;
|
|
38908
|
-
/**
|
|
38909
|
-
* @optional
|
|
38910
|
-
*
|
|
38911
|
-
* @description
|
|
38912
|
-
*
|
|
38913
|
-
* Label da tag exibida no header.
|
|
38914
|
-
*
|
|
38915
|
-
* > Quando a tag atingir uma largura máxima de 15rem (240px), será truncado com reticências.
|
|
38916
|
-
* O conteúdo completo poderá ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
|
|
38917
|
-
*/
|
|
38918
|
-
tagLabel?: string;
|
|
38919
|
-
/**
|
|
38920
|
-
* @optional
|
|
38921
|
-
*
|
|
38922
|
-
* @description
|
|
38923
|
-
*
|
|
38924
|
-
* Define o tipo da `p-tag`, conforme o enum **PoTagType**.
|
|
38925
|
-
*
|
|
38926
|
-
* Valores válidos:
|
|
38927
|
-
* - `success`: cor verde utilizada para simbolizar sucesso ou êxito.
|
|
38928
|
-
* - `warning`: cor amarela que representa aviso ou advertência.
|
|
38929
|
-
* - `danger`: cor vermelha para erro ou aviso crítico.
|
|
38930
|
-
* - `info`: cor azul claro que caracteriza conteúdo informativo.
|
|
38931
|
-
* - `neutral`: cor cinza claro para uso geral.
|
|
38932
|
-
*
|
|
38933
|
-
* @default `success`
|
|
38934
|
-
*/
|
|
38935
|
-
tagType: PoTagType | string;
|
|
38936
|
-
/**
|
|
38937
|
-
* @optional
|
|
38938
|
-
*
|
|
38939
|
-
* @description
|
|
38940
|
-
*
|
|
38941
|
-
* Define o ícone exibido ao lado do label da `p-tag`.
|
|
38942
|
-
*
|
|
38943
|
-
* É possível usar qualquer um dos ícones da [Biblioteca de ícones PO UI](https://po-ui.io/icons), conforme exemplo:
|
|
38944
|
-
* ```
|
|
38945
|
-
* <po-widget p-tag-icon="an an-user"></po-widget>
|
|
38946
|
-
* ```
|
|
38947
|
-
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
|
|
38948
|
-
* esteja carregada no projeto:
|
|
38949
|
-
* ```
|
|
38950
|
-
* <po-widget p-tag-icon="fa fa-podcast"></po-widget>
|
|
38951
|
-
* ```
|
|
38952
|
-
*
|
|
38953
|
-
* Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
|
|
38954
|
-
* ```
|
|
38955
|
-
* <po-widget [p-tag-icon]="template"></po-widget>
|
|
38956
|
-
*
|
|
38957
|
-
* <ng-template #template>
|
|
38958
|
-
* <i class="fa fa-podcast" style="font-size: inherit;"></i>
|
|
38959
|
-
* </ng-template>
|
|
38960
|
-
* ```
|
|
38961
|
-
* > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
|
|
38962
|
-
*/
|
|
38963
|
-
tagIcon: string | TemplateRef<void>;
|
|
38964
|
-
/**
|
|
38965
|
-
* @optional
|
|
38966
|
-
*
|
|
38967
|
-
* @description
|
|
38968
|
-
* Define o posicionamento da `po-tag` no cabeçalho do Widget:
|
|
38969
|
-
* - `right`: posicionada no canto superior direito do cabeçalho.
|
|
38970
|
-
* - `top`: posicionada à esquerda, acima do título (quando houver).
|
|
38971
|
-
* - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
|
|
38972
|
-
*
|
|
38973
|
-
* @default `right`
|
|
38974
|
-
*/
|
|
38975
|
-
tagPosition: i0.InputSignalWithTransform<string, string>;
|
|
38976
|
-
/**
|
|
38977
|
-
* @optional
|
|
38978
|
-
*
|
|
38979
|
-
* @description
|
|
38980
|
-
*
|
|
38981
|
-
* Lista de ações exibidas no header do componente.
|
|
38982
|
-
* As propriedades das ações seguem a interface `PoPopupAction`.
|
|
38983
|
-
*/
|
|
38984
|
-
actions: Array<PoPopupAction>;
|
|
39587
|
+
declare class PoTreeViewBaseComponent {
|
|
38985
39588
|
/**
|
|
38986
39589
|
* @optional
|
|
38987
39590
|
*
|
|
38988
39591
|
* @description
|
|
38989
39592
|
*
|
|
38990
|
-
* Define o tamanho dos
|
|
38991
|
-
* - `small`:
|
|
38992
|
-
* - `medium`:
|
|
39593
|
+
* Define o tamanho dos componentes de formulário:
|
|
39594
|
+
* - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
|
|
39595
|
+
* - `medium`: aplica a medida medium de cada componente.
|
|
38993
39596
|
*
|
|
38994
39597
|
* > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
|
|
38995
39598
|
* Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
|
|
38996
39599
|
*
|
|
38997
39600
|
* @default `medium`
|
|
38998
39601
|
*/
|
|
38999
|
-
|
|
39000
|
-
get size(): string;
|
|
39602
|
+
readonly componentsSizeInput: i0.InputSignal<string>;
|
|
39001
39603
|
/**
|
|
39002
39604
|
* @optional
|
|
39003
39605
|
*
|
|
39004
39606
|
* @description
|
|
39005
39607
|
*
|
|
39006
|
-
*
|
|
39007
|
-
*/
|
|
39008
|
-
avatar: i0.InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
|
|
39009
|
-
/**
|
|
39010
|
-
* @optional
|
|
39011
|
-
*
|
|
39012
|
-
* @description
|
|
39608
|
+
* Desabilita o componente inteiro.
|
|
39013
39609
|
*
|
|
39014
|
-
*
|
|
39015
|
-
*
|
|
39016
|
-
*/
|
|
39017
|
-
click: EventEmitter<MouseEvent | KeyboardEvent>;
|
|
39018
|
-
/**
|
|
39019
|
-
* @optional
|
|
39610
|
+
* Quando `true`, todos os itens do tree-view serão exibidos no estado desabilitado,
|
|
39611
|
+
* independentemente do valor individual da propriedade `disabled` de cada item.
|
|
39020
39612
|
*
|
|
39021
|
-
*
|
|
39613
|
+
* > O botão de expansão/recolhimento (arrow) permanece interativo mesmo quando o componente está desabilitado.
|
|
39022
39614
|
*
|
|
39023
|
-
*
|
|
39615
|
+
* @default `false`
|
|
39024
39616
|
*/
|
|
39025
|
-
|
|
39617
|
+
readonly disabled: i0.InputSignalWithTransform<boolean, boolean>;
|
|
39026
39618
|
/**
|
|
39027
|
-
*
|
|
39028
|
-
*
|
|
39029
|
-
* @description
|
|
39619
|
+
* Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
|
|
39030
39620
|
*
|
|
39031
|
-
*
|
|
39621
|
+
* > Consulte a documentação de `PoTreeViewItem` para detalhes sobre as propriedades disponíveis em cada item.
|
|
39032
39622
|
*/
|
|
39033
|
-
|
|
39623
|
+
readonly inputedItems: i0.InputSignal<PoTreeViewItem[]>;
|
|
39034
39624
|
/**
|
|
39035
39625
|
* @optional
|
|
39036
39626
|
*
|
|
39037
39627
|
* @description
|
|
39038
39628
|
*
|
|
39039
|
-
*
|
|
39040
|
-
*/
|
|
39041
|
-
secondaryAction: EventEmitter<any>;
|
|
39042
|
-
/**
|
|
39043
|
-
* @optional
|
|
39629
|
+
* Define o máximo de níveis para o tree-view.
|
|
39044
39630
|
*
|
|
39045
|
-
*
|
|
39046
|
-
* Evento disparado ao clicar em **Configurações** incluído no menu de ações do header.
|
|
39047
|
-
*/
|
|
39048
|
-
setting: EventEmitter<any>;
|
|
39049
|
-
/**
|
|
39050
|
-
* @optional
|
|
39631
|
+
* > O valor padrão é 4
|
|
39051
39632
|
*
|
|
39052
|
-
* @
|
|
39053
|
-
* Evento disparado ao clicar no título definido em `p-title`.
|
|
39633
|
+
* @default 4
|
|
39054
39634
|
*/
|
|
39055
|
-
|
|
39056
|
-
containerHeight?: string;
|
|
39057
|
-
id: string;
|
|
39058
|
-
private _background?;
|
|
39059
|
-
private _disabled?;
|
|
39060
|
-
private _height?;
|
|
39061
|
-
private _help?;
|
|
39062
|
-
private _noShadow?;
|
|
39063
|
-
private _primary?;
|
|
39064
|
-
private _primaryLabel?;
|
|
39065
|
-
private _title?;
|
|
39635
|
+
readonly maxLevel: i0.InputSignalWithTransform<number, number>;
|
|
39066
39636
|
/**
|
|
39067
39637
|
* @optional
|
|
39068
39638
|
*
|
|
39069
39639
|
* @description
|
|
39070
39640
|
*
|
|
39071
|
-
*
|
|
39072
|
-
* > Se a imagem escolhida intervir na legibilidade do texto contido no `p-widget`,
|
|
39073
|
-
* pode-se utilizar a propriedade `p-primary` em conjunto para que os textos fiquem na cor branca.
|
|
39641
|
+
* Remove a borda do container do componente.
|
|
39074
39642
|
*
|
|
39643
|
+
* @default false
|
|
39075
39644
|
*/
|
|
39076
|
-
|
|
39077
|
-
get background(): string;
|
|
39645
|
+
readonly noBorder: i0.InputSignalWithTransform<boolean, boolean>;
|
|
39078
39646
|
/**
|
|
39079
39647
|
* @optional
|
|
39080
39648
|
*
|
|
39081
39649
|
* @description
|
|
39082
39650
|
*
|
|
39083
|
-
*
|
|
39651
|
+
* Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
|
|
39084
39652
|
*
|
|
39085
|
-
*
|
|
39653
|
+
* > Quando habilitado, a propriedade `showIcon` dos itens não será aplicada.
|
|
39654
|
+
*
|
|
39655
|
+
* @default false
|
|
39086
39656
|
*/
|
|
39087
|
-
|
|
39088
|
-
get disabled(): boolean;
|
|
39657
|
+
readonly selectable: i0.InputSignalWithTransform<boolean, boolean>;
|
|
39089
39658
|
/**
|
|
39090
39659
|
* @optional
|
|
39091
39660
|
*
|
|
39092
39661
|
* @description
|
|
39093
39662
|
*
|
|
39094
|
-
*
|
|
39095
|
-
*
|
|
39663
|
+
* Habilita a seleção para item único atráves de po-radio.
|
|
39664
|
+
*
|
|
39665
|
+
* @default false
|
|
39096
39666
|
*/
|
|
39097
|
-
|
|
39098
|
-
get height(): number;
|
|
39667
|
+
readonly singleSelect: i0.InputSignalWithTransform<boolean, boolean>;
|
|
39099
39668
|
/**
|
|
39100
39669
|
* @optional
|
|
39101
39670
|
*
|
|
39102
39671
|
* @description
|
|
39103
39672
|
*
|
|
39104
|
-
*
|
|
39673
|
+
* Ação que será disparada ao colapsar um item.
|
|
39674
|
+
*
|
|
39675
|
+
* > Como parâmetro o componente envia o item colapsado.
|
|
39105
39676
|
*/
|
|
39106
|
-
|
|
39107
|
-
get help(): string;
|
|
39677
|
+
readonly collapsed: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39108
39678
|
/**
|
|
39109
|
-
*
|
|
39110
39679
|
* @optional
|
|
39111
39680
|
*
|
|
39112
39681
|
* @description
|
|
39113
39682
|
*
|
|
39114
|
-
*
|
|
39115
|
-
* > A sombra é exibida por padrão apenas quando o evento `p-click` está definido.
|
|
39683
|
+
* Ação que será disparada ao expandir um item.
|
|
39116
39684
|
*
|
|
39117
|
-
*
|
|
39685
|
+
* > Como parâmetro o componente envia o item expandido.
|
|
39118
39686
|
*/
|
|
39119
|
-
|
|
39120
|
-
get noShadow(): boolean;
|
|
39687
|
+
readonly expanded: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39121
39688
|
/**
|
|
39122
39689
|
* @optional
|
|
39123
39690
|
*
|
|
39124
39691
|
* @description
|
|
39125
39692
|
*
|
|
39126
|
-
*
|
|
39693
|
+
* Ação que será disparada ao selecionar um item.
|
|
39127
39694
|
*
|
|
39128
|
-
*
|
|
39695
|
+
* > Como parâmetro o componente envia o item selecionado.
|
|
39129
39696
|
*/
|
|
39130
|
-
|
|
39131
|
-
get primary(): boolean;
|
|
39697
|
+
readonly selected: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39132
39698
|
/**
|
|
39133
39699
|
* @optional
|
|
39134
39700
|
*
|
|
39135
39701
|
* @description
|
|
39136
39702
|
*
|
|
39137
|
-
*
|
|
39703
|
+
* Ação que será disparada ao desfazer a seleção de um item.
|
|
39138
39704
|
*
|
|
39705
|
+
* > Como parâmetro o componente envia o item que foi desmarcado.
|
|
39139
39706
|
*/
|
|
39140
|
-
|
|
39141
|
-
get primaryLabel(): string;
|
|
39707
|
+
readonly unselected: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39142
39708
|
/**
|
|
39143
39709
|
* @optional
|
|
39144
39710
|
*
|
|
39145
39711
|
* @description
|
|
39146
39712
|
*
|
|
39147
|
-
*
|
|
39713
|
+
* Ação que será disparada ao executar um item final (sem `subItems`).
|
|
39148
39714
|
*
|
|
39149
|
-
* >
|
|
39150
|
-
* ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
|
|
39715
|
+
* > Como parâmetro o componente envia o item executado.
|
|
39151
39716
|
*/
|
|
39152
|
-
|
|
39153
|
-
|
|
39717
|
+
readonly activated: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39718
|
+
private _componentsSize;
|
|
39719
|
+
private _items;
|
|
39720
|
+
selectedValue: string | number;
|
|
39721
|
+
protected get componentsSize(): string;
|
|
39722
|
+
protected set items(value: Array<PoTreeViewItem>);
|
|
39723
|
+
protected get items(): Array<PoTreeViewItem>;
|
|
39724
|
+
constructor();
|
|
39154
39725
|
protected onThemeChange(): void;
|
|
39726
|
+
protected emitExpanded(treeViewItem: PoTreeViewItem): void;
|
|
39727
|
+
protected emitSelected(treeViewItem: PoTreeViewItem): void;
|
|
39728
|
+
protected emitActivated(treeViewItem: PoTreeViewItem): void;
|
|
39729
|
+
private selectSingleFinalItem;
|
|
39730
|
+
private setSingleFinalSelection;
|
|
39731
|
+
private setSingleSelectionByValue;
|
|
39732
|
+
private getExpandedState;
|
|
39733
|
+
private applyExpandedState;
|
|
39734
|
+
private getSelectedState;
|
|
39735
|
+
private applySelectedState;
|
|
39736
|
+
private getLastSelectedFinalItemValue;
|
|
39737
|
+
private addChildItemInParent;
|
|
39738
|
+
private addItem;
|
|
39739
|
+
private selectAllItems;
|
|
39740
|
+
private selectItemBySubItems;
|
|
39741
|
+
private getSelectableSubItems;
|
|
39742
|
+
private everyItemSelected;
|
|
39743
|
+
private expandParentItem;
|
|
39744
|
+
private getItemsByMaxLevel;
|
|
39745
|
+
private getItemsWithParentSelected;
|
|
39746
|
+
private updateItemsOnSelect;
|
|
39155
39747
|
private applySizeBasedOnA11y;
|
|
39156
|
-
|
|
39157
|
-
|
|
39158
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
|
|
39159
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoWidgetBaseComponent, never, never, { "secondaryLabel": { "alias": "p-secondary-label"; "required": false; }; "dangerPrimaryAction": { "alias": "p-danger-primary-action"; "required": false; }; "dangerSecondaryAction": { "alias": "p-danger-secondary-action"; "required": false; }; "kindPrimaryAction": { "alias": "p-kind-primary-action"; "required": false; }; "kindSecondaryAction": { "alias": "p-kind-secondary-action"; "required": false; }; "tagLabel": { "alias": "p-tag"; "required": false; }; "tagType": { "alias": "p-tag-type"; "required": false; }; "tagIcon": { "alias": "p-tag-icon"; "required": false; }; "tagPosition": { "alias": "p-tag-position"; "required": false; "isSignal": true; }; "actions": { "alias": "p-actions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "avatar": { "alias": "p-avatar"; "required": false; "isSignal": true; }; "background": { "alias": "p-background"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "noShadow": { "alias": "p-no-shadow"; "required": false; }; "primary": { "alias": "p-primary"; "required": false; }; "primaryLabel": { "alias": "p-primary-label"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; }, { "click": "p-click"; "onDisabled": "p-on-disabled"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "setting": "p-setting"; "titleAction": "p-title-action"; }, never, never, true, never>;
|
|
39160
|
-
static ngAcceptInputType_dangerPrimaryAction: any;
|
|
39161
|
-
static ngAcceptInputType_dangerSecondaryAction: any;
|
|
39748
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewBaseComponent, never>;
|
|
39749
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTreeViewBaseComponent, never, never, { "componentsSizeInput": { "alias": "p-components-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; "inputedItems": { "alias": "p-items"; "required": false; "isSignal": true; }; "maxLevel": { "alias": "p-max-level"; "required": false; "isSignal": true; }; "noBorder": { "alias": "p-no-border"; "required": false; "isSignal": true; }; "selectable": { "alias": "p-selectable"; "required": false; "isSignal": true; }; "singleSelect": { "alias": "p-single-select"; "required": false; "isSignal": true; }; }, { "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "unselected": "p-unselected"; "activated": "p-activated"; }, never, never, true, never>;
|
|
39162
39750
|
}
|
|
39163
39751
|
|
|
39164
39752
|
/**
|
|
39165
|
-
* @docsExtends
|
|
39753
|
+
* @docsExtends PoTreeViewBaseComponent
|
|
39166
39754
|
*
|
|
39167
39755
|
* @example
|
|
39168
39756
|
*
|
|
39169
|
-
* <example name="po-
|
|
39170
|
-
* <file name="sample-po-
|
|
39171
|
-
* <file name="sample-po-
|
|
39757
|
+
* <example name="po-tree-view-basic" title="PO Tree View Basic">
|
|
39758
|
+
* <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.html"> </file>
|
|
39759
|
+
* <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.ts"> </file>
|
|
39172
39760
|
* </example>
|
|
39173
39761
|
*
|
|
39174
|
-
* <example name="po-
|
|
39175
|
-
* <file name="sample-po-
|
|
39176
|
-
* <file name="sample-po-
|
|
39177
|
-
* <file name="sample-po-widget-labs/sample-po-widget-labs.component.css"> </file>
|
|
39762
|
+
* <example name="po-tree-view-labs" title="PO Tree View Labs">
|
|
39763
|
+
* <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.html"> </file>
|
|
39764
|
+
* <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.ts"> </file>
|
|
39178
39765
|
* </example>
|
|
39179
39766
|
*
|
|
39180
|
-
* <example name="po-
|
|
39181
|
-
* <file name="sample-po-
|
|
39182
|
-
* <file name="sample-po-
|
|
39183
|
-
* <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.css"> </file>
|
|
39767
|
+
* <example name="po-tree-view-folder-structure" title="PO Tree View - Folder Structure">
|
|
39768
|
+
* <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.html"> </file>
|
|
39769
|
+
* <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.ts"> </file>
|
|
39184
39770
|
* </example>
|
|
39185
39771
|
*
|
|
39186
|
-
* <example name="po-
|
|
39187
|
-
* <file name="sample-po-
|
|
39188
|
-
* <file name="sample-po-
|
|
39772
|
+
* <example name="po-tree-view-supermarket" title="PO Tree View - Supermarket">
|
|
39773
|
+
* <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.html"> </file>
|
|
39774
|
+
* <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.ts"> </file>
|
|
39189
39775
|
* </example>
|
|
39190
|
-
*
|
|
39191
39776
|
*/
|
|
39192
|
-
declare class
|
|
39193
|
-
|
|
39194
|
-
|
|
39195
|
-
|
|
39196
|
-
|
|
39197
|
-
|
|
39198
|
-
|
|
39199
|
-
|
|
39200
|
-
|
|
39201
|
-
|
|
39202
|
-
tagElement: ElementRef;
|
|
39203
|
-
contentContainer: ElementRef<HTMLElement>;
|
|
39204
|
-
get showTitleAction(): boolean;
|
|
39205
|
-
avatarSrc: i0.Signal<string>;
|
|
39206
|
-
avatarSize: i0.Signal<string>;
|
|
39207
|
-
avatarCustomTemplate: i0.Signal<i0.TemplateRef<any>>;
|
|
39208
|
-
avatarWidthCustomTemplate: i0.Signal<string>;
|
|
39777
|
+
declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, AfterViewInit {
|
|
39778
|
+
private readonly elementRef;
|
|
39779
|
+
private readonly destroyRef;
|
|
39780
|
+
private readonly treeViewService;
|
|
39781
|
+
private readonly keyboardService;
|
|
39782
|
+
private readonly languageService;
|
|
39783
|
+
private readonly changeDetector;
|
|
39784
|
+
protected readonly literals: any;
|
|
39785
|
+
protected ariaLiveMessage: string;
|
|
39786
|
+
protected get hasItems(): boolean;
|
|
39209
39787
|
constructor();
|
|
39210
|
-
ngAfterViewInit(): void;
|
|
39211
|
-
get a11Level(): PoThemeA11yEnum;
|
|
39212
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
39213
39788
|
ngOnInit(): void;
|
|
39214
|
-
|
|
39215
|
-
|
|
39216
|
-
|
|
39217
|
-
|
|
39218
|
-
|
|
39219
|
-
|
|
39220
|
-
|
|
39221
|
-
|
|
39222
|
-
|
|
39223
|
-
|
|
39224
|
-
|
|
39225
|
-
|
|
39226
|
-
|
|
39227
|
-
|
|
39228
|
-
|
|
39229
|
-
|
|
39789
|
+
ngAfterViewInit(): void;
|
|
39790
|
+
protected onTreeFocus(event: FocusEvent): void;
|
|
39791
|
+
protected onTreeKeydown(event: KeyboardEvent): void;
|
|
39792
|
+
protected trackByFunction(index: number): number;
|
|
39793
|
+
private announce;
|
|
39794
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewComponent, never>;
|
|
39795
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewComponent, "po-tree-view", never, {}, {}, never, never, false, never>;
|
|
39796
|
+
}
|
|
39797
|
+
|
|
39798
|
+
declare class PoTreeViewItemComponent {
|
|
39799
|
+
private readonly treeViewService;
|
|
39800
|
+
readonly componentsSize: i0.InputSignal<string>;
|
|
39801
|
+
readonly item: i0.InputSignal<PoTreeViewItem>;
|
|
39802
|
+
readonly level: i0.InputSignal<number>;
|
|
39803
|
+
readonly selectable: i0.InputSignal<boolean>;
|
|
39804
|
+
readonly selectedValue: i0.InputSignal<string | number>;
|
|
39805
|
+
readonly singleSelect: i0.InputSignal<boolean>;
|
|
39806
|
+
protected animateEnter(event: AnimationCallbackEvent): void;
|
|
39807
|
+
protected animateLeave(event: AnimationCallbackEvent): void;
|
|
39808
|
+
protected get hasSubItems(): boolean;
|
|
39809
|
+
protected onClick(): void;
|
|
39810
|
+
protected onSelect(selectedItem: PoTreeViewItem): void;
|
|
39811
|
+
protected onActivate(activatedItem: PoTreeViewItem): void;
|
|
39812
|
+
protected trackByFunction(index: number): number;
|
|
39813
|
+
private animateToggle;
|
|
39814
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemComponent, never>;
|
|
39815
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemComponent, "[po-tree-view-item]", never, { "componentsSize": { "alias": "p-components-size"; "required": false; "isSignal": true; }; "item": { "alias": "p-item"; "required": false; "isSignal": true; }; "level": { "alias": "p-level"; "required": false; "isSignal": true; }; "selectable": { "alias": "p-selectable"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "p-selected-value"; "required": false; "isSignal": true; }; "singleSelect": { "alias": "p-single-select"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
39816
|
+
}
|
|
39817
|
+
|
|
39818
|
+
declare class PoTreeViewItemContentComponent {
|
|
39819
|
+
private readonly keyboardService;
|
|
39820
|
+
private readonly languageService;
|
|
39821
|
+
protected readonly literals: any;
|
|
39822
|
+
protected inputCheckbox: any;
|
|
39823
|
+
protected lineElement: ElementRef<HTMLElement>;
|
|
39824
|
+
readonly componentsSize: i0.InputSignal<string>;
|
|
39825
|
+
readonly item: i0.InputSignal<PoTreeViewItem>;
|
|
39826
|
+
readonly level: i0.InputSignal<number>;
|
|
39827
|
+
readonly selectable: i0.InputSignal<boolean>;
|
|
39828
|
+
readonly selectedValue: i0.InputSignal<string | number>;
|
|
39829
|
+
readonly singleSelect: i0.InputSignal<boolean>;
|
|
39830
|
+
readonly expanded: i0.OutputEmitterRef<void>;
|
|
39831
|
+
readonly selected: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39832
|
+
readonly activated: i0.OutputEmitterRef<PoTreeViewItem>;
|
|
39833
|
+
protected idRadio: string;
|
|
39834
|
+
protected isLabelTruncated: boolean;
|
|
39835
|
+
protected get hasSubItems(): boolean;
|
|
39836
|
+
protected get expandIcon(): string;
|
|
39837
|
+
protected get isDisabled(): boolean;
|
|
39838
|
+
protected get isExpanded(): boolean;
|
|
39839
|
+
protected get isSelected(): boolean;
|
|
39840
|
+
protected get itemIcon(): string | undefined;
|
|
39841
|
+
protected onLineFocus(event: FocusEvent): void;
|
|
39842
|
+
protected onLineMouseEnter(event: MouseEvent): void;
|
|
39843
|
+
private updateLabelTruncation;
|
|
39844
|
+
protected onLineClick(event: MouseEvent): void;
|
|
39845
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
39846
|
+
private handleArrowRight;
|
|
39847
|
+
private handleArrowLeft;
|
|
39848
|
+
private handleSelect;
|
|
39849
|
+
private applyPressedState;
|
|
39850
|
+
private handleCharacterNavigation;
|
|
39851
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemContentComponent, never>;
|
|
39852
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewItemContentComponent, "po-tree-view-item-content", never, { "componentsSize": { "alias": "p-components-size"; "required": false; "isSignal": true; }; "item": { "alias": "p-item"; "required": false; "isSignal": true; }; "level": { "alias": "p-level"; "required": false; "isSignal": true; }; "selectable": { "alias": "p-selectable"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "p-selected-value"; "required": false; "isSignal": true; }; "singleSelect": { "alias": "p-single-select"; "required": false; "isSignal": true; }; }, { "expanded": "p-expanded"; "selected": "p-selected"; "activated": "p-activated"; }, never, never, false, never>;
|
|
39230
39853
|
}
|
|
39231
39854
|
|
|
39232
39855
|
/**
|
|
39233
39856
|
* @description
|
|
39234
39857
|
*
|
|
39235
|
-
* Módulo do componente po-
|
|
39858
|
+
* Módulo do componente `po-tree-view`.
|
|
39236
39859
|
*/
|
|
39237
|
-
declare class
|
|
39238
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
39239
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<
|
|
39240
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<
|
|
39860
|
+
declare class PoTreeViewModule {
|
|
39861
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewModule, never>;
|
|
39862
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoTreeViewModule, [typeof PoTreeViewComponent, typeof PoTreeViewItemComponent, typeof PoTreeViewItemContentComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof PoContainerModule, typeof PoFieldModule, typeof PoIconModule, typeof PoButtonModule, typeof PoDividerModule, typeof PoTooltipModule], [typeof PoTreeViewComponent]>;
|
|
39863
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoTreeViewModule>;
|
|
39241
39864
|
}
|
|
39242
39865
|
|
|
39243
39866
|
/**
|
|
@@ -41083,5 +41706,5 @@ declare class PoHttpRequestInterceptorService implements HttpInterceptor {
|
|
|
41083
41706
|
static ɵprov: i0.ɵɵInjectableDeclaration<PoHttpRequestInterceptorService>;
|
|
41084
41707
|
}
|
|
41085
41708
|
|
|
41086
|
-
export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CALENDAR_DEFAULT_RANGE_PRESETS, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextMenuComponent, PoContextMenuModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDatetimepickerComponent, PoDatetimepickerModule, PoDecimalComponent, PoDecimalFormatModule, PoDecimalFormatPipe, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDragBaseDirective, PoDragDirective, PoDragDropModule, PoDropListBaseDirective, PoDropListDirective, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoFilterChipBaseComponent, PoFilterChipComponent, PoFilterChipModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageActionsLayout, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageHeaderType, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressShape, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchAiComponent, PoSearchAiModule, PoSearchAiResponseType, PoSearchAiService, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSkeletonAnimation, PoSkeletonComponent, PoSkeletonModule, PoSkeletonSize, PoSkeletonType, PoSkeletonVariant, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoTimepickerComponent, PoTimepickerModelFormat, PoTimepickerModule, PoTimerBaseComponent, PoTimerComponent, PoTimerFormat, PoTimerModule, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoUserGuideAlignment, PoUserGuideBaseService, PoUserGuideModule, PoUserGuidePosition, PoUserGuideService, PoWidgetComponent, PoWidgetModule, applyDecimalFormat, getFormatLimits, initializeLanguageDefault, insertGroupSeparatorsFromRight, mergePoI18nConfigs, parseDecimalFormat, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poSearchAiCompileFilter, poSearchAiFilterItems, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, poUserGuideLiteralsDefault, returnPoI18nService, validateAgainstFormat };
|
|
41087
|
-
export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoCalendarRangePreset, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoContextMenuItem, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDecimalFormatParsed, PoDecimalFormatResult, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDragEnterEvent, PoDraggableItem, PoDropEvent, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoFilterChipSelectedChange, PoGaugeOptions, PoGaugeRanges, PoGridRowActions, PoHeaderActionPopoverAction, PoHeaderActionTool, PoHeaderActionToolItem, PoHeaderActions, PoHeaderBrand, PoHeaderLiterals, PoHeaderUser, PoHelperOptions, PoI18nConfig, PoI18nConfigContext, PoI18nConfigDefault, PoI18nLiterals, PoLanguage, PoListViewAction, PoListViewLiterals, PoLookupColumn, PoLookupFilter, PoLookupFilteredItemsParams, PoLookupLiterals, PoLookupResponseApi, PoMediaQueryTokens, PoMenuFilter, PoMenuItem, PoMenuItemBadge, PoMenuItemFiltered, PoMenuPanelItem, PoModalAction, PoMultiselectFilter, PoMultiselectLiterals, PoMultiselectOption, PoNavbarIconAction, PoNavbarItem, PoNotification, PoNumberSeparator, PoPage, PoPageAction, PoPageDefault, PoPageDefaultLiterals, PoPageDetailLiterals, PoPageEditLiterals, PoPageFilter, PoPageListLiterals, PoPageSlideSize, PoPopupAction, PoProgressAction, PoRadioGroupOption, PoResponseApi, PoRichTextToolbarButtonGroupItem, PoSearchAiColumn, PoSearchAiColumnInput, PoSearchAiError, PoSearchAiLiterals, PoSearchAiRequest, PoSearchAiResponse, PoSearchAiResult, PoSearchFilterSelect, PoSearchLiterals, PoSearchOption, PoSelectOption, PoSelectOptionGroup, PoSlideItem, PoStepperItem, PoTab, PoTableAction, PoTableBoolean, PoTableColumn, PoTableColumnIcon, PoTableColumnLabel, PoTableColumnSort, PoTableDetail, PoTableDetailColumn, PoTableLiterals, PoTableSearchAiField, PoTableSubtitleColumn, PoTagLiterals, PoTheme, PoThemeActive, PoThemeColor, PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, PoThemeToken, PoThemeTokens, PoThemeType, PoToaster, PoToolbarAction, PoToolbarProfile, PoTreeViewItem, PoUploadFileRestrictions, PoUploadLiterals, PoUserGuideEndEvent, PoUserGuideLiterals, PoUserGuideOptions, PoUserGuideStartEvent, PoUserGuideStep, PoUserGuideStepChangeEvent, PoWidgetAvatar, PoWidgetLiterals, poThemeColorBrand };
|
|
41709
|
+
export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CALENDAR_DEFAULT_RANGE_PRESETS, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextMenuComponent, PoContextMenuModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDatetimepickerComponent, PoDatetimepickerModule, PoDecimalComponent, PoDecimalFormatModule, PoDecimalFormatPipe, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDragBaseDirective, PoDragDirective, PoDragDropModule, PoDropListBaseDirective, PoDropListDirective, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoFilterChipBaseComponent, PoFilterChipComponent, PoFilterChipModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailDisplay, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageActionsLayout, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageHeaderType, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressShape, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchAiComponent, PoSearchAiModule, PoSearchAiResponseType, PoSearchAiService, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSkeletonAnimation, PoSkeletonComponent, PoSkeletonModule, PoSkeletonSize, PoSkeletonType, PoSkeletonVariant, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoTimepickerComponent, PoTimepickerModelFormat, PoTimepickerModule, PoTimerBaseComponent, PoTimerComponent, PoTimerFormat, PoTimerModule, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoUserGuideAlignment, PoUserGuideBaseService, PoUserGuideModule, PoUserGuidePosition, PoUserGuideService, PoWidgetComponent, PoWidgetModule, applyDecimalFormat, getFormatLimits, initializeLanguageDefault, insertGroupSeparatorsFromRight, mergePoI18nConfigs, parseDecimalFormat, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poSearchAiCompileFilter, poSearchAiFilterItems, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, poUserGuideLiteralsDefault, returnPoI18nService, validateAgainstFormat };
|
|
41710
|
+
export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoCalendarRangePreset, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoContextMenuItem, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDecimalFormatParsed, PoDecimalFormatResult, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDragEnterEvent, PoDraggableItem, PoDropEvent, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoFilterChipSelectedChange, PoGaugeOptions, PoGaugeRanges, PoGridRowActions, PoHeaderActionPopoverAction, PoHeaderActionTool, PoHeaderActionToolItem, PoHeaderActions, PoHeaderBrand, PoHeaderLiterals, PoHeaderUser, PoHelperOptions, PoI18nConfig, PoI18nConfigContext, PoI18nConfigDefault, PoI18nLiterals, PoLanguage, PoListViewAction, PoListViewFieldProperties, PoListViewLiterals, PoLookupAdvancedFilter, PoLookupColumn, PoLookupFilter, PoLookupFilteredItemsParams, PoLookupLiterals, PoLookupResponseApi, PoMediaQueryTokens, PoMenuFilter, PoMenuItem, PoMenuItemBadge, PoMenuItemFiltered, PoMenuPanelItem, PoModalAction, PoMultiselectFilter, PoMultiselectLiterals, PoMultiselectOption, PoNavbarIconAction, PoNavbarItem, PoNotification, PoNumberSeparator, PoPage, PoPageAction, PoPageDefault, PoPageDefaultLiterals, PoPageDetailLiterals, PoPageEditLiterals, PoPageFilter, PoPageListLiterals, PoPageSlideSize, PoPopupAction, PoProgressAction, PoRadioGroupOption, PoResponseApi, PoRichTextToolbarButtonGroupItem, PoSearchAiColumn, PoSearchAiColumnInput, PoSearchAiError, PoSearchAiLiterals, PoSearchAiRequest, PoSearchAiResponse, PoSearchAiResult, PoSearchFilterSelect, PoSearchLiterals, PoSearchOption, PoSelectOption, PoSelectOptionGroup, PoSlideItem, PoStepperItem, PoTab, PoTableAction, PoTableBoolean, PoTableColumn, PoTableColumnIcon, PoTableColumnLabel, PoTableColumnSort, PoTableDetail, PoTableDetailColumn, PoTableLiterals, PoTableSearchAiField, PoTableSubtitleColumn, PoTagLiterals, PoTheme, PoThemeActive, PoThemeColor, PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, PoThemeToken, PoThemeTokens, PoThemeType, PoToaster, PoToolbarAction, PoToolbarProfile, PoTreeViewItem, PoUploadFileRestrictions, PoUploadLiterals, PoUserGuideEndEvent, PoUserGuideLiterals, PoUserGuideOptions, PoUserGuideStartEvent, PoUserGuideStep, PoUserGuideStepChangeEvent, PoWidgetAvatar, PoWidgetLiterals, poThemeColorBrand };
|