@po-ui/ng-components 21.32.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.
Files changed (51) hide show
  1. package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-DEB6M6ER.mjs → po-ui-ng-components-po-chart-modal-table.component-B4RdhBpp.mjs} +4 -4
  2. package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-DEB6M6ER.mjs.map → po-ui-ng-components-po-chart-modal-table.component-B4RdhBpp.mjs.map} +1 -1
  3. package/fesm2022/po-ui-ng-components.mjs +4154 -2710
  4. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  5. package/lib/components/po-field/index.d.ts +1 -0
  6. package/lib/components/po-field/po-lookup/interfaces/po-lookup-advanced-filter.interface.d.ts +18 -0
  7. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +14 -0
  8. package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.d.ts +1 -0
  9. package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +2 -0
  10. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +6 -0
  11. package/lib/components/po-list-view/enums/po-list-view-detail-display.enum.d.ts +14 -0
  12. package/lib/components/po-list-view/index.d.ts +2 -0
  13. package/lib/components/po-list-view/interfaces/po-list-view-field-properties.interface.d.ts +71 -0
  14. package/lib/components/po-list-view/interfaces/po-list-view-literals.interface.d.ts +2 -0
  15. package/lib/components/po-list-view/po-list-view-base.component.d.ts +276 -34
  16. package/lib/components/po-list-view/po-list-view-detail-template/po-list-view-detail-template.directive.d.ts +6 -0
  17. package/lib/components/po-list-view/po-list-view.component.d.ts +70 -4
  18. package/lib/components/po-list-view/po-list-view.module.d.ts +0 -37
  19. package/lib/components/po-tree-view/po-tree-view-base.component.d.ts +132 -51
  20. package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.d.ts +15 -9
  21. package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.interface.d.ts +92 -10
  22. package/lib/components/po-tree-view/po-tree-view-item-content/po-tree-view-item-content.component.d.ts +36 -0
  23. package/lib/components/po-tree-view/po-tree-view-item-content/po-tree-view-item-content.literals.d.ts +18 -0
  24. package/lib/components/po-tree-view/po-tree-view.component.d.ts +16 -5
  25. package/lib/components/po-tree-view/po-tree-view.literals.d.ts +26 -0
  26. package/lib/components/po-tree-view/po-tree-view.module.d.ts +0 -38
  27. package/lib/components/po-tree-view/services/po-tree-view-keyboard.service.d.ts +27 -0
  28. package/lib/components/po-tree-view/services/po-tree-view.service.d.ts +3 -0
  29. package/lib/components/po-widget/interfaces/po-widget-selection.interface.d.ts +23 -0
  30. package/lib/components/po-widget/po-widget-base.component.d.ts +28 -0
  31. package/lib/components/po-widget/po-widget.component.d.ts +6 -0
  32. package/lib/services/po-notification/po-notification-base.service.d.ts +1 -0
  33. package/package.json +4 -4
  34. package/po-ui-ng-components-21.33.0.tgz +0 -0
  35. package/schematics/ng-add/index.js +1 -1
  36. package/schematics/ng-update/v14/index.js +1 -1
  37. package/schematics/ng-update/v15/index.js +1 -1
  38. package/schematics/ng-update/v16/index.js +1 -1
  39. package/schematics/ng-update/v17/index.js +1 -1
  40. package/schematics/ng-update/v18/index.js +2 -2
  41. package/schematics/ng-update/v19/index.js +2 -2
  42. package/schematics/ng-update/v2/index.js +1 -1
  43. package/schematics/ng-update/v20/index.js +2 -2
  44. package/schematics/ng-update/v21/index.js +1 -1
  45. package/schematics/ng-update/v3/index.js +1 -1
  46. package/schematics/ng-update/v4/index.js +1 -1
  47. package/schematics/ng-update/v5/index.js +1 -1
  48. package/schematics/ng-update/v6/index.js +1 -1
  49. package/types/po-ui-ng-components.d.ts +1402 -784
  50. package/lib/components/po-tree-view/po-tree-view-item-header/po-tree-view-item-header.component.d.ts +0 -14
  51. package/po-ui-ng-components-21.32.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';
@@ -9662,6 +9662,7 @@ declare abstract class PoNotificationBaseService {
9662
9662
  * @param {PoNotification | string} notification Objeto PoNotification com os dados da notificação
9663
9663
  */
9664
9664
  private buildToaster;
9665
+ private getMessage;
9665
9666
  /**
9666
9667
  * @docsPrivate
9667
9668
  *
@@ -23485,6 +23486,32 @@ declare class PoLoginComponent extends PoInputGeneric implements OnChanges {
23485
23486
  static ɵcmp: i0.ɵɵComponentDeclaration<PoLoginComponent, "po-login", never, { "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; }, {}, never, never, false, never>;
23486
23487
  }
23487
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
+
23488
23515
  /**
23489
23516
  * @usedBy PoLookupComponent
23490
23517
  *
@@ -23688,14 +23715,6 @@ interface PoLookupLiterals {
23688
23715
  clean?: string;
23689
23716
  }
23690
23717
 
23691
- /**
23692
- * @docsExtends PoDynamicFormField
23693
- *
23694
- * @usedBy PoLookupComponent
23695
- */
23696
- interface PoLookupAdvancedFilter extends PoDynamicFormField {
23697
- }
23698
-
23699
23718
  /**
23700
23719
  * @usedBy
23701
23720
  *
@@ -23887,6 +23906,7 @@ declare abstract class PoLookupModalBaseComponent implements OnDestroy, OnInit {
23887
23906
  disclaimer: PoDisclaimer;
23888
23907
  disclaimerGroup: PoDisclaimerGroup;
23889
23908
  isAdvancedFilter: boolean;
23909
+ isAdvancedFilterApplied: boolean;
23890
23910
  primaryActionAdvancedFilter: PoModalAction;
23891
23911
  secondaryActionAdvancedFilter: PoModalAction;
23892
23912
  selecteds: Array<any>;
@@ -23965,6 +23985,8 @@ declare class PoLookupModalComponent extends PoLookupModalBaseComponent implemen
23965
23985
  onAdvancedFilter(): void;
23966
23986
  private setTableHeight;
23967
23987
  private setupModalAdvancedFilter;
23988
+ private getInitialValuesFromFilter;
23989
+ private getValuesFromDisclaimers;
23968
23990
  private createDynamicForm;
23969
23991
  static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupModalComponent, never>;
23970
23992
  static ɵcmp: i0.ɵɵComponentDeclaration<PoLookupModalComponent, "po-lookup-modal", never, {}, {}, never, never, false, never>;
@@ -24267,6 +24289,20 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
24267
24289
  * url + ?page=1&pageSize=20&name=Tony%20Stark,Peter%20Parker,Gohan
24268
24290
  * ```
24269
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
+ *
24270
24306
  */
24271
24307
  advancedFilters: Array<PoLookupAdvancedFilter>;
24272
24308
  /**
@@ -24816,6 +24852,12 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
24816
24852
  * <file name="sample-po-lookup.service.ts"> </file>
24817
24853
  * </example>
24818
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
+ *
24819
24861
  * <example name="po-lookup-sw-films" title="PO Lookup - Star Wars films">
24820
24862
  * <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.html"> </file>
24821
24863
  * <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.ts"> </file>
@@ -33310,6 +33352,30 @@ declare class PoGridModule {
33310
33352
  static ɵinj: i0.ɵɵInjectorDeclaration<PoGridModule>;
33311
33353
  }
33312
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
+
33313
33379
  /**
33314
33380
  * @description
33315
33381
  *
@@ -33327,6 +33393,93 @@ declare class PoGridModule {
33327
33393
  interface PoListViewAction extends PoPopupAction {
33328
33394
  }
33329
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
+
33330
33483
  /**
33331
33484
  * @usedBy PoListViewComponent
33332
33485
  *
@@ -33335,6 +33488,8 @@ interface PoListViewAction extends PoPopupAction {
33335
33488
  * Interface para definição das literais usadas no `po-list-view`.
33336
33489
  */
33337
33490
  interface PoListViewLiterals {
33491
+ /** Título padrão do `po-modal` de detalhes, exibido quando `p-detail-display` é `modal`. */
33492
+ detailModalTitle?: string;
33338
33493
  /** Rótulo do botão que oculta os detalhes do item. */
33339
33494
  hideDetails?: string;
33340
33495
  /** Rótulo do botão que deve carregar mais resultados. */
@@ -33350,27 +33505,104 @@ interface PoListViewLiterals {
33350
33505
  /**
33351
33506
  * @description
33352
33507
  *
33353
- * Componente de lista que recebe um array de objetos e renderiza de forma dinâmica os dados de
33354
- * acordo com a necessidade de cada tela e deve ser utilizado em conjunto com as diretivas de *templates*
33355
- * **[p-list-view-content-template](/documentation/po-list-view-content-template)** e
33356
- * **[p-list-view-detail-template](/documentation/po-list-view-detail-template)**.
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))` |
33357
33571
  *
33358
- * O componente disponibiliza uma área específica para exibição informações adicionais,
33359
- * através da diretiva **[p-list-view-detail-template](/documentation/po-list-view-detail-template)**.
33360
33572
  */
33361
33573
  declare class PoListViewBaseComponent {
33362
- /** Recebe uma propriedade que será utilizada para recuperar o valor do objeto que será usado como link para o título. */
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
+ */
33363
33586
  propertyLink?: string;
33364
- /** Recebe uma propriedade que será utilizada para recuperar o valor do objeto que será exibido como o título de cada item. */
33365
- propertyTitle?: string;
33366
33587
  /**
33588
+ * @deprecated v23.x.x use `p-field-properties`
33589
+ *
33367
33590
  * @optional
33368
33591
  *
33369
33592
  * @description
33370
33593
  *
33371
- * Recebe uma ação, que será executada quando clicar no botão "Carregar mais resultados".
33594
+ * Chave do objeto (`p-items`) com o título do item.
33595
+ *
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
33372
33604
  *
33373
- * > Caso nenhuma ação for definida o mesmo não ficará visível.
33605
+ * Ação executada ao clicar no botão de carregar mais resultados.
33374
33606
  */
33375
33607
  showMore: EventEmitter<any>;
33376
33608
  /**
@@ -33379,8 +33611,12 @@ declare class PoListViewBaseComponent {
33379
33611
  * @description
33380
33612
  *
33381
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.
33382
33618
  *
33383
- * Ao ser disparado, o método inserido na ação irá receber como parâmetro o item da lista clicado.
33619
+ * > Incompatível com o evento `p-item-click`.
33384
33620
  */
33385
33621
  titleAction: EventEmitter<any>;
33386
33622
  /**
@@ -33388,11 +33624,23 @@ declare class PoListViewBaseComponent {
33388
33624
  *
33389
33625
  * @description
33390
33626
  *
33391
- * Ação que será executada ao clicar no botão exibir detalhes.
33627
+ * Ação que será executada ao expandir os detalhes do item.
33628
+ * Retorna o item da lista clicado.
33392
33629
  *
33393
- * Ao ser disparado, o método passa como parâmetros os detalhes que serão exibidos.
33630
+ * > Incompatível com o evento `p-item-click`.
33394
33631
  */
33395
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>;
33396
33644
  popupTarget: any;
33397
33645
  selectAll: boolean;
33398
33646
  showHeader: boolean;
@@ -33405,6 +33653,7 @@ declare class PoListViewBaseComponent {
33405
33653
  private _literals;
33406
33654
  private _select;
33407
33655
  private _showMoreDisabled;
33656
+ private _singleSelect;
33408
33657
  private readonly language;
33409
33658
  /**
33410
33659
  * @optional
@@ -33412,6 +33661,7 @@ declare class PoListViewBaseComponent {
33412
33661
  * @description
33413
33662
  *
33414
33663
  * Lista de ações que serão exibidas no componente.
33664
+ * As propriedades das ações seguem a interface `PoPopupAction`.
33415
33665
  */
33416
33666
  set actions(value: Array<PoListViewAction>);
33417
33667
  get actions(): Array<PoListViewAction>;
@@ -33420,7 +33670,7 @@ declare class PoListViewBaseComponent {
33420
33670
  *
33421
33671
  * @description
33422
33672
  *
33423
- * Define o tamanho dos componentes de formulário no template:
33673
+ * Define o dimensionamento geral dos elementos no template.
33424
33674
  * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
33425
33675
  * - `medium`: aplica a medida medium de cada componente.
33426
33676
  *
@@ -33436,20 +33686,65 @@ declare class PoListViewBaseComponent {
33436
33686
  *
33437
33687
  * @description
33438
33688
  *
33439
- * Define a altura do `po-list-view` em *pixels*.
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.
33440
33692
  */
33441
33693
  set height(height: number);
33442
33694
  get height(): number;
33443
33695
  /**
33696
+ * @optional
33697
+ *
33444
33698
  * @description
33445
33699
  *
33446
- * Esconde o *checkbox* para seleção de todos os itens.
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
+ * ```
33447
33715
  *
33448
33716
  * @default `false`
33449
33717
  */
33450
33718
  set hideSelectAll(hideSelectAll: boolean);
33451
33719
  get hideSelectAll(): boolean;
33452
- /** Lista de itens que serão exibidos no componente. */
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
+ */
33453
33748
  set items(value: Array<any>);
33454
33749
  get items(): Array<any>;
33455
33750
  /**
@@ -33457,9 +33752,9 @@ declare class PoListViewBaseComponent {
33457
33752
  *
33458
33753
  * @description
33459
33754
  *
33460
- * Objeto com as literais usadas no `po-list-view`.
33755
+ * Objeto com as literais usadas no po-list-view, permitindo personalizar os textos exibidos no componente.
33461
33756
  *
33462
- * Existem duas maneiras de customizar o componente, passando um objeto com todas as literais disponíveis:
33757
+ * Exemplo de uso:
33463
33758
  *
33464
33759
  * ```
33465
33760
  * const customLiterals: PoListViewLiterals = {
@@ -33470,16 +33765,6 @@ declare class PoListViewBaseComponent {
33470
33765
  * };
33471
33766
  * ```
33472
33767
  *
33473
- * Ou passando apenas as literais que deseja customizar:
33474
- *
33475
- * ```
33476
- * const customLiterals: PoListViewLiterals = {
33477
- * showDetail: 'Mostrar mais detalhes'
33478
- * };
33479
- * ```
33480
- *
33481
- * E para carregar as literais customizadas, basta apenas passar o objeto para o componente.
33482
- *
33483
33768
  * ```
33484
33769
  * <po-list-view
33485
33770
  * [p-literals]="customLiterals">
@@ -33496,8 +33781,8 @@ declare class PoListViewBaseComponent {
33496
33781
  *
33497
33782
  * @description
33498
33783
  *
33499
- * Habilita um *checkbox* para cada item da lista. Todos os items possuem a propriedade dinâmica `$selected` para identificar se o
33500
- * 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:
33501
33786
  *
33502
33787
  * ```
33503
33788
  * item.$selected
@@ -33516,7 +33801,110 @@ declare class PoListViewBaseComponent {
33516
33801
  *
33517
33802
  * @description
33518
33803
  *
33519
- * Indica que o botão `Carregar Mais Resultados` será desabilitado.
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.
33520
33908
  */
33521
33909
  set showMoreDisabled(value: boolean);
33522
33910
  get showMoreDisabled(): boolean;
@@ -33528,11 +33916,11 @@ declare class PoListViewBaseComponent {
33528
33916
  selectListItem(row: any): void;
33529
33917
  protected onThemeChange(): void;
33530
33918
  private applySizeBasedOnA11y;
33531
- private deleteInternalAttrs;
33919
+ protected deleteInternalAttrs(item: any): any;
33532
33920
  private checkIfItemsAreSelected;
33533
33921
  private showMainHeader;
33534
33922
  static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewBaseComponent, never>;
33535
- 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>;
33536
33924
  }
33537
33925
 
33538
33926
  /**
@@ -33678,6 +34066,12 @@ declare class PoListViewContentTemplateDirective {
33678
34066
  * ...
33679
34067
  *
33680
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`.
33681
34075
  */
33682
34076
  declare class PoListViewDetailTemplateDirective {
33683
34077
  templateRef: TemplateRef<any>;
@@ -33706,6 +34100,11 @@ declare class PoListViewDetailTemplateDirective {
33706
34100
  * <file name="sample-po-list-view-basic/sample-po-list-view-basic.component.ts"> </file>
33707
34101
  * </example>
33708
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
+ *
33709
34108
  * <example name="po-list-view-labs" title="PO List View Labs">
33710
34109
  * <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.html"> </file>
33711
34110
  * <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.ts"> </file>
@@ -33717,27 +34116,86 @@ declare class PoListViewDetailTemplateDirective {
33717
34116
  * <file name="sample-po-list-view-hiring-processes/sample-po-list-view-hiring-processes.service.ts"> </file>
33718
34117
  * </example>
33719
34118
  */
33720
- declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck {
34119
+ declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck, AfterViewChecked {
33721
34120
  private readonly changeDetector;
34121
+ private readonly router;
34122
+ private readonly elementRef;
34123
+ private readonly renderer;
33722
34124
  listViewContentTemplate: PoListViewContentTemplateDirective;
33723
34125
  listViewDetailTemplate: PoListViewDetailTemplateDirective;
34126
+ private readonly avatarProgressTemplate;
34127
+ private readonly avatarIconTemplate;
34128
+ private readonly avatarImageTemplate;
33724
34129
  poPopupComponent: PoPopupComponent;
34130
+ protected detailModal: PoModalComponent;
33725
34131
  popupActions: Array<PoListViewAction>;
34132
+ protected detailModalItem: any;
34133
+ protected detailModalIndex: number;
33726
34134
  private readonly differ;
34135
+ private readonly widgetActionsCache;
34136
+ private cachedActionsRef;
33727
34137
  constructor();
33728
34138
  get hasContentTemplate(): boolean;
33729
34139
  get hasDetailTemplate(): boolean;
33730
34140
  get displayShowMoreButton(): boolean;
33731
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;
33732
34164
  ngAfterContentInit(): void;
33733
34165
  ngDoCheck(): void;
34166
+ ngAfterViewChecked(): void;
33734
34167
  checkTitleType(item: any): "externalLink" | "internalLink" | "noLink";
33735
34168
  getItemTitle(item: any): any;
33736
34169
  hasItems(): boolean;
33737
34170
  returnBooleanValue(listViewAction: PoListViewAction, item: any, property: string): any;
33738
- trackBy(index: any): any;
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>;
33739
34194
  togglePopup(item: any, targetRef: HTMLElement): void;
33740
- onAnimationEvent(event: AnimationEvent, detail: any): void;
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;
33741
34199
  protected getVisibleActions(item: any): Array<PoListViewAction>;
33742
34200
  private checkItemsChange;
33743
34201
  private initShowDetail;
@@ -33746,206 +34204,705 @@ declare class PoListViewComponent extends PoListViewBaseComponent implements Aft
33746
34204
  }
33747
34205
 
33748
34206
  /**
33749
- * @description
33750
- *
33751
- * Módulo do componente `po-list-view`.
33752
- *
33753
- * > Para o correto funcionamento do componente `po-list-view`, deve ser importado o módulo `BrowserAnimationsModule` no
33754
- * > módulo principal da sua aplicação.
33755
- *
33756
- * Módulo da aplicação:
33757
- * ```
33758
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
33759
- * import { PoModule } from '@po-ui/ng-components';
33760
- * ...
33761
- *
33762
- * @NgModule({
33763
- * imports: [
33764
- * BrowserModule,
33765
- * BrowserAnimationsModule,
33766
- * ...
33767
- * PoModule
33768
- * ],
33769
- * declarations: [
33770
- * AppComponent,
33771
- * ...
33772
- * ],
33773
- * providers: [],
33774
- * bootstrap: [AppComponent]
33775
- * })
33776
- * export class AppModule { }
33777
- * ```
33778
- *
33779
- * Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
34207
+ * @usedBy PoWidgetComponent
33780
34208
  *
33781
- * ```
33782
- * import { bootstrapApplication } from '@angular/platform-browser';
33783
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
33784
- * import { AppComponent } from './app.component';
34209
+ * @description
33785
34210
  *
33786
- * bootstrapApplication(AppComponent, {
33787
- * providers: [importProvidersFrom(BrowserAnimationsModule)]
33788
- * }).catch(err => console.error(err));
33789
- * ```
34211
+ * Interface para definição do avatar no `po-widget`.
33790
34212
  */
33791
- declare class PoListViewModule {
33792
- static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewModule, never>;
33793
- 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]>;
33794
- static ɵinj: i0.ɵɵInjectorDeclaration<PoListViewModule>;
33795
- }
33796
-
33797
- declare class PoLogoComponent {
33798
- poLanguageService: PoLanguageService;
33799
- readonly literals: any;
33800
- private _logo?;
33801
- private _logoAlt;
33802
- private _link;
34213
+ interface PoWidgetAvatar {
33803
34214
  /**
33804
- * Define uma classe para o elemento `img` do componente.
33805
- *
33806
- * > **Importante**
33807
- * > A classe deve ser definida apenas quando houver necessidade de ajustar o componente dentro de outro componente.
33808
- *
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`).
33809
34217
  */
33810
- className: string;
34218
+ src?: string;
33811
34219
  /**
33812
- * Define se o componente terá o elemento âncora para uma rota específica.
34220
+ * @optional
33813
34221
  *
33814
- * > Caso seja definido como false, o componente apenas renderizará o elemento `img`.
33815
- * > Caso seja definido como true, a rota será `./`.
33816
- * > Caso seja definido como string, a rota será a string passada.
34222
+ * @description
33817
34223
  *
33818
- * @default `true`
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`
33819
34234
  */
33820
- set link(value: boolean | string);
33821
- get link(): boolean | string;
34235
+ size?: string;
33822
34236
  /**
33823
- * Definie o caminho para a imagem, que será exibida como logomarca.
34237
+ * Permite a criação de template customizado para o avatar
34238
+ *
34239
+ * ```
34240
+ * <po-widget
34241
+ * [p-avatar]="{ customTemplate: customAvatar }"
34242
+ * />
33824
34243
  *
34244
+ * <ng-template #customAvatar>
34245
+ * ...
34246
+ * </ng-template>
34247
+ * ```
33825
34248
  */
33826
- set logo(value: string);
33827
- get logo(): string;
34249
+ customTemplate?: TemplateRef<any>;
33828
34250
  /**
33829
- * Define o texto alternativo para a logomarca.
34251
+ * @optional
33830
34252
  *
33831
- * > **Importante**
33832
- * > Caso esta propriedade não seja definida o texto padrão será "Logomarca início".
34253
+ * @description
34254
+ *
34255
+ * Define a largura em porcentagem do `customTemplate`.
34256
+ *
34257
+ * O valor máximo aceito é `50%`.
33833
34258
  */
33834
- set logoAlt(value: string);
33835
- get logoAlt(): string;
33836
- constructor(poLanguageService: PoLanguageService);
33837
- private maxLength;
33838
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoComponent, never>;
33839
- 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>;
33840
- }
33841
-
33842
- declare class PoLogoModule {
33843
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLogoModule, never>;
33844
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoLogoModule, [typeof PoLogoComponent], [typeof i2.CommonModule], [typeof PoLogoComponent]>;
33845
- static ɵinj: i0.ɵɵInjectorDeclaration<PoLogoModule>;
34259
+ widthCustomTemplate?: string;
33846
34260
  }
33847
34261
 
33848
34262
  /**
33849
- * @usedBy PoMenuComponent
33850
34263
  *
33851
34264
  * @description
33852
34265
  *
33853
- * Interface do objeto que deve conter na coleção de itens filtrados no componente `po-menu`.
33854
- */
33855
- interface PoMenuItemFiltered {
33856
- /** Texto do item de menu. */
33857
- label: string;
33858
- /** *Link* para redirecionamento no clique do item do menu, podendo ser um *link* interno ou externo. */
33859
- link: string;
33860
- /** Ação a ser executada quando o item de menu for clicado. */
33861
- action: () => void;
33862
- }
33863
-
33864
- /**
33865
- * @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.
33866
34268
  *
33867
- * @description
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.
33868
34271
  *
33869
- * Interface do serviço utilizado no componente `po-menu`.
33870
- */
33871
- interface PoMenuFilter {
33872
- /**
33873
- * Método responsável por retornar um *Observable* que retorne uma lista de objetos que seguem a interface `PoMenuItemFiltered`.
33874
- * Será informado por parâmetro o valor a ser pesquisado e as informações adicionais preenchidas através da propriedade `p-params`.
33875
- *
33876
- * @param {string} search Valor informado no campo de busca dos itens de menus.
33877
- * @param {any} params Valor informado através da propriedade `p-params`.
33878
- */
33879
- getFilteredData(search: string, params?: any): Observable<Array<PoMenuItemFiltered>>;
33880
- }
33881
-
33882
- /**
33883
- * @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.
33884
34274
  *
33885
- * @description
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&nbsp; | `var(--border-radius-md)` |
34306
+ * | `--border-width` | Contém o valor da largura dos cantos do elemento&nbsp; | `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` &nbsp; | Cor do outline do estado de focus | `var(--color-action-focus)` |
33886
34315
  *
33887
- * Interface do *badge* utilizado no `po-menu`.
33888
34316
  */
33889
- interface PoMenuItemBadge {
34317
+ declare class PoWidgetBaseComponent {
34318
+ private _size?;
34319
+ private _initialSize?;
34320
+ /** Descrição da segunda ação. */
33890
34321
  /**
33891
34322
  * @optional
33892
34323
  *
33893
34324
  * @description
34325
+ * Define o label e exibe a ação secundária no footer do componente.
33894
34326
  *
33895
- * Define a cor do *badge* e aceita os valores:
33896
- *
33897
- * <span class="dot po-color-01"></span> `color-01`
33898
- *
33899
- * <span class="dot po-color-02"></span> `color-02`
34327
+ * > Exibida apenas quando `p-primary-label` estiver definida.
34328
+ */
34329
+ secondaryLabel?: string;
34330
+ /**
34331
+ * @optional
33900
34332
  *
33901
- * <span class="dot po-color-03"></span> `color-03`
34333
+ * @description
33902
34334
  *
33903
- * <span class="dot po-color-04"></span> `color-04`
34335
+ * Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
33904
34336
  *
33905
- * <span class="dot po-color-05"></span> `color-05`
34337
+ * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
33906
34338
  *
33907
- * <span class="dot po-color-06"></span> `color-06`
34339
+ * @default `false`
34340
+ */
34341
+ dangerPrimaryAction: boolean;
34342
+ /**
34343
+ * @optional
33908
34344
  *
33909
- * <span class="dot po-color-07"></span> `color-07`
34345
+ * @description
33910
34346
  *
33911
- * <span class="dot po-color-08"></span> `color-08`
34347
+ * Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
33912
34348
  *
33913
- * <span class="dot po-color-09"></span> `color-09`
34349
+ * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
33914
34350
  *
33915
- * <span class="dot po-color-10"></span> `color-10`
34351
+ * @default `false`
34352
+ */
34353
+ dangerSecondaryAction: boolean;
34354
+ /**
34355
+ * @optional
33916
34356
  *
33917
- * <span class="dot po-color-11"></span> `color-11`
34357
+ * @description
33918
34358
  *
33919
- * <span class="dot po-color-12"></span> `color-12`
34359
+ * Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
33920
34360
  *
33921
- * @default `color-07`
34361
+ * @default `tertiary`
33922
34362
  */
33923
- color?: string;
34363
+ kindPrimaryAction?: string;
33924
34364
  /**
34365
+ * @optional
34366
+ *
33925
34367
  * @description
33926
34368
  *
33927
- * Número exibido no *badge*, caso o mesmo seja maior que **9** o mesmo exibe **9+**.
34369
+ * Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
34370
+ *
34371
+ * @default `tertiary`
33928
34372
  */
33929
- value: number;
33930
- }
33931
-
33932
- /**
33933
- * @usedBy PoMenuComponent
33934
- *
33935
- * @description
33936
- *
33937
- * Interface para os itens de menu do componente po-menu.
33938
- *
33939
- */
33940
- interface PoMenuItem {
34373
+ kindSecondaryAction?: string;
33941
34374
  /**
33942
34375
  * @optional
33943
34376
  *
33944
34377
  * @description
33945
34378
  *
33946
- * Badge do item de menu.
34379
+ * Label da tag exibida no header.
33947
34380
  *
33948
- * Ao adicioná-lo em um subitem (filho) todos os itens ascendentes (pai) serão marcados com um ponto vermelho.
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.
34904
+ *
34905
+ * Ao adicioná-lo em um subitem (filho) todos os itens ascendentes (pai) serão marcados com um ponto vermelho.
33949
34906
  *
33950
34907
  * > O `po-badge` só será exibido caso o item do menu não possua `subItems` e seu valor seja maior ou igual a 0.
33951
34908
  */
@@ -38472,356 +39429,136 @@ declare class PoToolbarModule {
38472
39429
  * Interface para definição dos itens do componente `po-tree-view`.
38473
39430
  */
38474
39431
  interface PoTreeViewItem {
38475
- /** Desabilita a selecão do item. */
38476
- /** Texto de exibição do item. */
38477
- label: string;
38478
- /** Valor do item que poderá ser utilizado como referência para sua identificação. */
38479
- value: string | number;
38480
- /** Expande o item. */
38481
- expanded?: boolean;
38482
- /**
38483
- * Marca o item como selecionado.
38484
- *
38485
- * > Caso o item que conter `subItems` for selecionado, os seus itens filhos serão também selecionados.
38486
- */
38487
- selected?: boolean | null;
38488
- /**
38489
- * Permite ativar/desativar a seleção do item
38490
- */
38491
- isSelectable?: boolean | null;
38492
- /** Lista de itens do próximo nível, e assim consecutivamente até que se atinja o quarto nível. */
38493
- subItems?: Array<PoTreeViewItem>;
38494
- }
38495
-
38496
- /**
38497
- * @description
38498
- *
38499
- * O componente fornece um modelo de visualização em árvore, possibilitando a visualização das informações de maneira
38500
- * hierárquica, desta forma sendo possível utilizar até 4 níveis.
38501
- *
38502
- * Nele é possível navegar entre os itens através da tecla *tab*, permitindo expandir ou colapsar o item em foco
38503
- * por meio das teclas *enter* e *space*.
38504
- *
38505
- * 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.
38506
- *
38507
- * O componente também possui eventos disparados ao marcar/desmarcar e expandir/colapsar os itens.
38508
- */
38509
- declare class PoTreeViewBaseComponent {
38510
39432
  /**
38511
39433
  * @optional
38512
39434
  *
38513
39435
  * @description
38514
39436
  *
38515
- * Ação que será disparada ao colapsar um item.
38516
- *
38517
- * > Como parâmetro o componente envia o item colapsado.
38518
- */
38519
- collapsed: EventEmitter<PoTreeViewItem>;
38520
- /**
38521
- * @optional
39437
+ * Desabilita a interação com o item.
38522
39438
  *
38523
- * @description
39439
+ * O estado é aplicado somente ao item em que a propriedade está configurada
39440
+ * e não é propagado para seus `subItems`.
38524
39441
  *
38525
- * Ação que será disparada ao expandir um item.
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.
38526
39444
  *
38527
- * > Como parâmetro o componente envia o item expandido.
39445
+ * @default `false`
38528
39446
  */
38529
- expanded: EventEmitter<PoTreeViewItem>;
39447
+ disabled?: boolean;
38530
39448
  /**
38531
39449
  * @optional
38532
39450
  *
38533
39451
  * @description
38534
39452
  *
38535
- * Ação que será disparada ao selecionar um item.
39453
+ * Expande o item, exibindo seus `subItems`.
38536
39454
  *
38537
- * > Como parâmetro o componente envia o item selecionado.
38538
- */
38539
- selected: EventEmitter<PoTreeViewItem>;
38540
- /**
38541
- * @optional
39455
+ * Quando `true`, o item será renderizado no estado expandido.
38542
39456
  *
38543
- * @description
39457
+ * > Sem efeito em itens que não possuem `subItems`.
38544
39458
  *
38545
- * Ação que será disparada ao desfazer a seleção de um item.
38546
- *
38547
- * > Como parâmetro o componente envia o item que foi desmarcado.
39459
+ * @default `false`
38548
39460
  */
38549
- unselected: EventEmitter<PoTreeViewItem>;
38550
- private _componentsSize;
38551
- private _initialComponentsSize;
38552
- private _items;
38553
- private _selectable;
38554
- private _maxLevel;
38555
- private _singleSelect;
38556
- selectedValue: string | number;
39461
+ expanded?: boolean;
38557
39462
  /**
38558
39463
  * @optional
38559
39464
  *
38560
39465
  * @description
38561
39466
  *
38562
- * Define o tamanho dos componentes de formulário:
38563
- * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
38564
- * - `medium`: aplica a medida medium de cada componente.
39467
+ * Permite ativar ou desativar a seleção do item.
38565
39468
  *
38566
- * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
38567
- * 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.
38568
39470
  *
38569
- * @default `medium`
38570
- */
38571
- set componentsSize(value: string);
38572
- get componentsSize(): string;
38573
- /**
38574
- * Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
39471
+ * @deprecated v23.x.x use `disabled`
38575
39472
  */
38576
- inputedItems: Array<PoTreeViewItem>;
38577
- set items(value: Array<PoTreeViewItem>);
38578
- get items(): Array<PoTreeViewItem>;
39473
+ isSelectable?: boolean | null;
38579
39474
  /**
38580
- * @optional
38581
- *
38582
39475
  * @description
38583
39476
  *
38584
- * Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
39477
+ * Texto de exibição do item.
38585
39478
  *
38586
- * @default false
39479
+ * O valor é utilizado como `aria-label` do nó e como referência na navegação por caractere do teclado.
38587
39480
  */
38588
- set selectable(value: boolean);
38589
- get selectable(): boolean;
39481
+ label: string;
38590
39482
  /**
38591
39483
  * @optional
38592
39484
  *
38593
39485
  * @description
38594
39486
  *
38595
- * Habilita a seleção para item único atráves de po-radio.
39487
+ * Marca o item como selecionado.
38596
39488
  *
38597
- * @default false
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`
38598
39495
  */
38599
- set singleSelect(value: boolean);
38600
- get singleSelect(): boolean;
39496
+ selected?: boolean | null;
38601
39497
  /**
38602
39498
  * @optional
38603
39499
  *
38604
39500
  * @description
38605
39501
  *
38606
- * Define o máximo de níveis para o tree-view.
39502
+ * Habilita a exibição de ícone no item.
38607
39503
  *
38608
- * > O valor padrão é 4
39504
+ * Quando `true`, exibe automaticamente:
39505
+ * - `an-folder-simple` para itens agrupadores (que possuem `subItems`).
39506
+ * - `an-file` para itens finais (sem `subItems`).
38609
39507
  *
38610
- * @default 4
38611
- */
38612
- set maxLevel(value: number);
38613
- get maxLevel(): number;
38614
- protected onThemeChange(): void;
38615
- protected emitExpanded(treeViewItem: PoTreeViewItem): void;
38616
- protected emitSelected(treeViewItem: PoTreeViewItem): void;
38617
- private addChildItemInParent;
38618
- private addItem;
38619
- private selectAllItems;
38620
- private selectItemBySubItems;
38621
- private everyItemSelected;
38622
- private expandParentItem;
38623
- private getItemsByMaxLevel;
38624
- private getItemsWithParentSelected;
38625
- private updateItemsOnSelect;
38626
- private applySizeBasedOnA11y;
38627
- static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewBaseComponent, never>;
38628
- 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>;
38629
- }
38630
-
38631
- /**
38632
- * @docsExtends PoTreeViewBaseComponent
38633
- *
38634
- * @example
38635
- *
38636
- * <example name="po-tree-view-basic" title="PO Tree View Basic">
38637
- * <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.html"> </file>
38638
- * <file name="sample-po-tree-view-basic/sample-po-tree-view-basic.component.ts"> </file>
38639
- * </example>
38640
- *
38641
- * <example name="po-tree-view-labs" title="PO Tree View Labs">
38642
- * <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.html"> </file>
38643
- * <file name="sample-po-tree-view-labs/sample-po-tree-view-labs.component.ts"> </file>
38644
- * </example>
38645
- *
38646
- * <example name="po-tree-view-folder-structure" title="PO Tree View - Folder Structure">
38647
- * <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.html"> </file>
38648
- * <file name="sample-po-tree-view-folder-structure/sample-po-tree-view-folder-structure.component.ts"> </file>
38649
- * </example>
38650
- *
38651
- * <example name="po-tree-view-supermarket" title="PO Tree View - Supermarket">
38652
- * <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.html"> </file>
38653
- * <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.ts"> </file>
38654
- * </example>
38655
- */
38656
- declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, OnChanges {
38657
- private readonly treeViewService;
38658
- get hasItems(): boolean;
38659
- ngOnInit(): void;
38660
- ngOnChanges(changes?: SimpleChanges): void;
38661
- trackByFunction(index: number): number;
38662
- static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewComponent, never>;
38663
- static ɵcmp: i0.ɵɵComponentDeclaration<PoTreeViewComponent, "po-tree-view", never, {}, {}, never, never, false, never>;
38664
- }
38665
-
38666
- declare class PoTreeViewItemComponent {
38667
- private readonly treeViewService;
38668
- componentsSize: string;
38669
- item: PoTreeViewItem;
38670
- selectable: boolean;
38671
- singleSelect: boolean;
38672
- selectedValue: string | number;
38673
- get hasSubItems(): boolean;
38674
- onClick(event: MouseEvent): void;
38675
- onSelect(selectedItem: PoTreeViewItem): void;
38676
- trackByFunction(index: number): number;
38677
- static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemComponent, never>;
38678
- 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>;
38679
- }
38680
-
38681
- declare class PoTreeViewItemHeaderComponent {
38682
- inputCheckbox: any;
38683
- componentsSize: string;
38684
- item: PoTreeViewItem;
38685
- selectable: boolean;
38686
- singleSelect: boolean;
38687
- expanded: EventEmitter<MouseEvent>;
38688
- selected: EventEmitter<any>;
38689
- selectedValue: string | number;
38690
- idRadio: string;
38691
- get hasSubItems(): boolean;
38692
- static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewItemHeaderComponent, never>;
38693
- 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>;
38694
- }
38695
-
38696
- /**
38697
- * @description
38698
- *
38699
- * Módulo do componente `po-tree-view`.
38700
- *
38701
- * > Para o correto funcionamento do componente `po-tree-view`, deve ser importado o módulo `BrowserAnimationsModule` no
38702
- * > módulo principal da sua aplicação.
38703
- *
38704
- * Módulo da aplicação:
38705
- * ```
38706
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
38707
- * import { PoModule } from '@po-ui/ng-components';
38708
- * ...
38709
- *
38710
- * @NgModule({
38711
- * imports: [
38712
- * BrowserModule,
38713
- * BrowserAnimationsModule,
38714
- * ...
38715
- * PoModule
38716
- * ],
38717
- * declarations: [
38718
- * AppComponent,
38719
- * ...
38720
- * ],
38721
- * providers: [],
38722
- * bootstrap: [AppComponent]
38723
- * })
38724
- * export class AppModule { }
38725
- * ```
38726
- *
38727
- * Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
38728
- *
38729
- * ```
38730
- * import { bootstrapApplication } from '@angular/platform-browser';
38731
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
38732
- * import { AppComponent } from './app.component';
38733
- *
38734
- * bootstrapApplication(AppComponent, {
38735
- * providers: [importProvidersFrom(BrowserAnimationsModule)]
38736
- * }).catch(err => console.error(err));
38737
- * ```
38738
- */
38739
- declare class PoTreeViewModule {
38740
- static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewModule, never>;
38741
- 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]>;
38742
- static ɵinj: i0.ɵɵInjectorDeclaration<PoTreeViewModule>;
38743
- }
38744
-
38745
- /**
38746
- * @usedBy PoWidgetComponent
38747
- *
38748
- * @description
38749
- *
38750
- * Interface para definição do avatar no `po-widget`.
38751
- */
38752
- interface PoWidgetAvatar {
38753
- /**
38754
- * Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
38755
- * 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`
38756
39513
  */
38757
- src?: string;
39514
+ showIcon?: boolean;
38758
39515
  /**
38759
39516
  * @optional
38760
39517
  *
38761
39518
  * @description
38762
39519
  *
38763
- * Tamanho de exibição do componente `po-avatar`.
38764
- *
38765
- * Valores válidos:
38766
- * - `xs` (24x24)
38767
- * - `sm` (32x32)
38768
- * - `md` (64x64)
38769
- * - `lg` (96x96)
38770
- * - `xl` (144x144)
38771
- *
38772
- * @default `md`
38773
- */
38774
- size?: string;
38775
- /**
38776
- * Permite a criação de template customizado para o avatar
38777
- *
38778
- * ```
38779
- * <po-widget
38780
- * [p-avatar]="{ customTemplate: customAvatar }"
38781
- * />
39520
+ * Lista de itens do próximo nível, permitindo a construção hierárquica da árvore.
38782
39521
  *
38783
- * <ng-template #customAvatar>
38784
- * ...
38785
- * </ng-template>
38786
- * ```
39522
+ * A estrutura pode ser aninhada recursivamente até o limite definido pela propriedade `p-max-level` do componente.
38787
39523
  */
38788
- customTemplate?: TemplateRef<any>;
39524
+ subItems?: Array<PoTreeViewItem>;
38789
39525
  /**
38790
- * @optional
38791
- *
38792
39526
  * @description
38793
39527
  *
38794
- * Define a largura em porcentagem do `customTemplate`.
39528
+ * Valor do item utilizado como referência para sua identificação.
38795
39529
  *
38796
- * O valor máximo aceito é `50%`.
39530
+ * Em modo `p-single-select`, este valor é utilizado para determinar qual item está atualmente selecionado.
38797
39531
  */
38798
- widthCustomTemplate?: string;
39532
+ value: string | number;
38799
39533
  }
38800
39534
 
38801
39535
  /**
38802
- *
38803
39536
  * @description
38804
39537
  *
38805
- * O componente `po-widget` é recomendado para exibição de *dashboards*, podendo ser utilizado
38806
- * para incluir vários tipos de conteúdo como: gráficos, tabelas, grids e imagens.
38807
- *
38808
- * Além da exibição de conteúdos, este componente possibilita adicionar ações e um link
38809
- * para ajuda, como também possibilita ser utilizado com ou sem sombra.
38810
- *
38811
- * Para controlar sua largura, é possível utilizar o [Grid System](/guides/grid-system) para um maior
38812
- * 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`).
38813
39540
  *
38814
- * #### Boas práticas
38815
- *
38816
- * Utilize um tamanho mínimo de largura de aproximadamente `18.75rem` no componente.
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.
38817
39548
  *
38818
- * #### Acessibilidade tratada no componente
39549
+ * #### Navegação por teclado
38819
39550
  *
38820
- * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas. São elas:
38821
- * - Utiliza medidas relativas, para se adequar às preferências e necessidades de quem for utilizar o sistema.
38822
- * - 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))
38823
- * - 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))
38824
- * - 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))
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). |
38825
39562
  *
38826
39563
  * #### Tokens customizáveis
38827
39564
  *
@@ -38829,420 +39566,301 @@ interface PoWidgetAvatar {
38829
39566
  *
38830
39567
  * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
38831
39568
  *
38832
- * | Propriedade | Descrição | Valor Padrão |
38833
- * |----------------------------------------------|------------------------------------------------------------------|-----------------------------------------------------------------------------|
38834
- * | **Default Values** | | |
38835
- * | `--font-family` | Família tipográfica usada | `var(--font-family-theme) ` |
38836
- * | `--font-size` | Tamanho da fonte | `var(--font-size-sm)` |
38837
- * | `--font-weight` | Peso da fonte | `var(--font-weight-bold)` |
38838
- * | `--font-color` | Cor da fonte | `var(--color-neutral-dark-95)` |
38839
- * | `--padding` - `@deprecated 21.x.x` | Preenchimento do componente | `1rem` |
38840
- * | `--padding-header` | Preenchimento do header | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
38841
- * | `--padding-body` | Preenchimento do body | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
38842
- * | `--padding-avatar` | Preenchimento do avatar | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)` |
38843
- * | `--padding-footer` | Preenchimento do footer | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)` |
38844
- * | `--border-radius` | Contém o valor do raio dos cantos do elemento&nbsp; | `var(--border-radius-md)` |
38845
- * | `--border-width` | Contém o valor da largura dos cantos do elemento&nbsp; | `var(--border-width-sm)` |
38846
- * | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |
38847
- * | `--background` | Cor de background | `var(--color-neutral-light-00)` |
38848
- * | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |
38849
- * | **Hover** | | |
38850
- * | `--border-color-hover` | Cor da borda no estado hover | `var(--color-action-hover)` |
38851
- * | **Focused** | | |
38852
- * | `--color-focused` | Cor principal no estado de focus | `var(--color-action-default)` |
38853
- * | `--outline-color-focused` &nbsp; | Cor do outline do estado de focus | `var(--color-action-focus)` |
38854
- *
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)` |
38855
39586
  */
38856
- declare class PoWidgetBaseComponent {
38857
- private _size?;
38858
- private _initialSize?;
38859
- /** Descrição da segunda ação. */
38860
- /**
38861
- * @optional
38862
- *
38863
- * @description
38864
- * Define o label e exibe a ação secundária no footer do componente.
38865
- *
38866
- * > Exibida apenas quando `p-primary-label` estiver definida.
38867
- */
38868
- secondaryLabel?: string;
38869
- /**
38870
- * @optional
38871
- *
38872
- * @description
38873
- *
38874
- * Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
38875
- *
38876
- * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
38877
- *
38878
- * @default `false`
38879
- */
38880
- dangerPrimaryAction: boolean;
38881
- /**
38882
- * @optional
38883
- *
38884
- * @description
38885
- *
38886
- * Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
38887
- *
38888
- * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
38889
- *
38890
- * @default `false`
38891
- */
38892
- dangerSecondaryAction: boolean;
38893
- /**
38894
- * @optional
38895
- *
38896
- * @description
38897
- *
38898
- * Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
38899
- *
38900
- * @default `tertiary`
38901
- */
38902
- kindPrimaryAction?: string;
38903
- /**
38904
- * @optional
38905
- *
38906
- * @description
38907
- *
38908
- * Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
38909
- *
38910
- * @default `tertiary`
38911
- */
38912
- kindSecondaryAction?: string;
38913
- /**
38914
- * @optional
38915
- *
38916
- * @description
38917
- *
38918
- * Label da tag exibida no header.
38919
- *
38920
- * > Quando a tag atingir uma largura máxima de 15rem (240px), será truncado com reticências.
38921
- * O conteúdo completo poderá ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
38922
- */
38923
- tagLabel?: string;
38924
- /**
38925
- * @optional
38926
- *
38927
- * @description
38928
- *
38929
- * Define o tipo da `p-tag`, conforme o enum **PoTagType**.
38930
- *
38931
- * Valores válidos:
38932
- * - `success`: cor verde utilizada para simbolizar sucesso ou êxito.
38933
- * - `warning`: cor amarela que representa aviso ou advertência.
38934
- * - `danger`: cor vermelha para erro ou aviso crítico.
38935
- * - `info`: cor azul claro que caracteriza conteúdo informativo.
38936
- * - `neutral`: cor cinza claro para uso geral.
38937
- *
38938
- * @default `success`
38939
- */
38940
- tagType: PoTagType | string;
38941
- /**
38942
- * @optional
38943
- *
38944
- * @description
38945
- *
38946
- * Define o ícone exibido ao lado do label da `p-tag`.
38947
- *
38948
- * É possível usar qualquer um dos ícones da [Biblioteca de ícones PO UI](https://po-ui.io/icons), conforme exemplo:
38949
- * ```
38950
- * <po-widget p-tag-icon="an an-user"></po-widget>
38951
- * ```
38952
- * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
38953
- * esteja carregada no projeto:
38954
- * ```
38955
- * <po-widget p-tag-icon="fa fa-podcast"></po-widget>
38956
- * ```
38957
- *
38958
- * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
38959
- * ```
38960
- * <po-widget [p-tag-icon]="template"></po-widget>
38961
- *
38962
- * <ng-template #template>
38963
- * <i class="fa fa-podcast" style="font-size: inherit;"></i>
38964
- * </ng-template>
38965
- * ```
38966
- * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
38967
- */
38968
- tagIcon: string | TemplateRef<void>;
38969
- /**
38970
- * @optional
38971
- *
38972
- * @description
38973
- * Define o posicionamento da `po-tag` no cabeçalho do Widget:
38974
- * - `right`: posicionada no canto superior direito do cabeçalho.
38975
- * - `top`: posicionada à esquerda, acima do título (quando houver).
38976
- * - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
38977
- *
38978
- * @default `right`
38979
- */
38980
- tagPosition: i0.InputSignalWithTransform<string, string>;
38981
- /**
38982
- * @optional
38983
- *
38984
- * @description
38985
- *
38986
- * Lista de ações exibidas no header do componente.
38987
- * As propriedades das ações seguem a interface `PoPopupAction`.
38988
- */
38989
- actions: Array<PoPopupAction>;
39587
+ declare class PoTreeViewBaseComponent {
38990
39588
  /**
38991
39589
  * @optional
38992
39590
  *
38993
39591
  * @description
38994
39592
  *
38995
- * Define o tamanho dos botões do componente:
38996
- * - `small`: altura de 32px (disponível apenas para acessibilidade AA).
38997
- * - `medium`: altura de 44px.
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.
38998
39596
  *
38999
39597
  * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
39000
39598
  * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
39001
39599
  *
39002
39600
  * @default `medium`
39003
39601
  */
39004
- set size(value: string);
39005
- get size(): string;
39602
+ readonly componentsSizeInput: i0.InputSignal<string>;
39006
39603
  /**
39007
39604
  * @optional
39008
39605
  *
39009
39606
  * @description
39010
39607
  *
39011
- * Define o avatar a ser exibido à esquerda no Widget.
39012
- */
39013
- avatar: i0.InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
39014
- /**
39015
- * @optional
39016
- *
39017
- * @description
39608
+ * Desabilita o componente inteiro.
39018
39609
  *
39019
- * Evento disparado quando o usuário clicar no componente.
39020
- * > Quando este evento está em uso, uma sombra (shadow) é aplicada automaticamente ao componente.
39021
- */
39022
- click: EventEmitter<MouseEvent | KeyboardEvent>;
39023
- /**
39024
- * @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.
39025
39612
  *
39026
- * @description
39613
+ * > O botão de expansão/recolhimento (arrow) permanece interativo mesmo quando o componente está desabilitado.
39027
39614
  *
39028
- * Evento disparado quando a propriedade `p-disabled` for alterada.
39615
+ * @default `false`
39029
39616
  */
39030
- onDisabled: EventEmitter<any>;
39617
+ readonly disabled: i0.InputSignalWithTransform<boolean, boolean>;
39031
39618
  /**
39032
- * @optional
39033
- *
39034
- * @description
39619
+ * Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
39035
39620
  *
39036
- * Evento disparado ao clicar na ação `p-primary-label`.
39621
+ * > Consulte a documentação de `PoTreeViewItem` para detalhes sobre as propriedades disponíveis em cada item.
39037
39622
  */
39038
- primaryAction: EventEmitter<any>;
39623
+ readonly inputedItems: i0.InputSignal<PoTreeViewItem[]>;
39039
39624
  /**
39040
39625
  * @optional
39041
39626
  *
39042
39627
  * @description
39043
39628
  *
39044
- * Evento disparado ao clicar na ação `p-secondary-label`.
39045
- */
39046
- secondaryAction: EventEmitter<any>;
39047
- /**
39048
- * @optional
39629
+ * Define o máximo de níveis para o tree-view.
39049
39630
  *
39050
- * @description
39051
- * Evento disparado ao clicar em **Configurações** incluído no menu de ações do header.
39052
- */
39053
- setting: EventEmitter<any>;
39054
- /**
39055
- * @optional
39631
+ * > O valor padrão é 4
39056
39632
  *
39057
- * @description
39058
- * Evento disparado ao clicar no título definido em `p-title`.
39633
+ * @default 4
39059
39634
  */
39060
- titleAction: EventEmitter<any>;
39061
- containerHeight?: string;
39062
- id: string;
39063
- private _background?;
39064
- private _disabled?;
39065
- private _height?;
39066
- private _help?;
39067
- private _noShadow?;
39068
- private _primary?;
39069
- private _primaryLabel?;
39070
- private _title?;
39635
+ readonly maxLevel: i0.InputSignalWithTransform<number, number>;
39071
39636
  /**
39072
39637
  * @optional
39073
39638
  *
39074
39639
  * @description
39075
39640
  *
39076
- * Define uma imagem de fundo.
39077
- * > Se a imagem escolhida intervir na legibilidade do texto contido no `p-widget`,
39078
- * 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.
39079
39642
  *
39643
+ * @default false
39080
39644
  */
39081
- set background(value: string);
39082
- get background(): string;
39645
+ readonly noBorder: i0.InputSignalWithTransform<boolean, boolean>;
39083
39646
  /**
39084
39647
  * @optional
39085
39648
  *
39086
39649
  * @description
39087
39650
  *
39088
- * Desabilita o componente.
39651
+ * Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
39089
39652
  *
39090
- * @default `false`
39653
+ * > Quando habilitado, a propriedade `showIcon` dos itens não será aplicada.
39654
+ *
39655
+ * @default false
39091
39656
  */
39092
- set disabled(value: boolean);
39093
- get disabled(): boolean;
39657
+ readonly selectable: i0.InputSignalWithTransform<boolean, boolean>;
39094
39658
  /**
39095
39659
  * @optional
39096
39660
  *
39097
39661
  * @description
39098
39662
  *
39099
- * Define a altura do componente.
39100
- * > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
39663
+ * Habilita a seleção para item único atráves de po-radio.
39664
+ *
39665
+ * @default false
39101
39666
  */
39102
- set height(value: number);
39103
- get height(): number;
39667
+ readonly singleSelect: i0.InputSignalWithTransform<boolean, boolean>;
39104
39668
  /**
39105
39669
  * @optional
39106
39670
  *
39107
39671
  * @description
39108
39672
  *
39109
- * Link de ajuda incluído no menu de ações do header.
39673
+ * Ação que será disparada ao colapsar um item.
39674
+ *
39675
+ * > Como parâmetro o componente envia o item colapsado.
39110
39676
  */
39111
- set help(value: string);
39112
- get help(): string;
39677
+ readonly collapsed: i0.OutputEmitterRef<PoTreeViewItem>;
39113
39678
  /**
39114
- *
39115
39679
  * @optional
39116
39680
  *
39117
39681
  * @description
39118
39682
  *
39119
- * Desabilita a sombra do componente quando o mesmo for clicável.
39120
- * > A sombra é exibida por padrão apenas quando o evento `p-click` está definido.
39683
+ * Ação que será disparada ao expandir um item.
39121
39684
  *
39122
- * @default `true`
39685
+ * > Como parâmetro o componente envia o item expandido.
39123
39686
  */
39124
- set noShadow(value: boolean);
39125
- get noShadow(): boolean;
39687
+ readonly expanded: i0.OutputEmitterRef<PoTreeViewItem>;
39126
39688
  /**
39127
39689
  * @optional
39128
39690
  *
39129
39691
  * @description
39130
39692
  *
39131
- * Opção para que o `po-widget` fique em destaque.
39693
+ * Ação que será disparada ao selecionar um item.
39132
39694
  *
39133
- * @default `false`
39695
+ * > Como parâmetro o componente envia o item selecionado.
39134
39696
  */
39135
- set primary(value: boolean);
39136
- get primary(): boolean;
39697
+ readonly selected: i0.OutputEmitterRef<PoTreeViewItem>;
39137
39698
  /**
39138
39699
  * @optional
39139
39700
  *
39140
39701
  * @description
39141
39702
  *
39142
- * Define o label e exibe a ação primária no footer do componente.
39703
+ * Ação que será disparada ao desfazer a seleção de um item.
39143
39704
  *
39705
+ * > Como parâmetro o componente envia o item que foi desmarcado.
39144
39706
  */
39145
- set primaryLabel(value: string);
39146
- get primaryLabel(): string;
39707
+ readonly unselected: i0.OutputEmitterRef<PoTreeViewItem>;
39147
39708
  /**
39148
39709
  * @optional
39149
39710
  *
39150
39711
  * @description
39151
39712
  *
39152
- * Título do componente.
39713
+ * Ação que será disparada ao executar um item final (sem `subItems`).
39153
39714
  *
39154
- * > Quando o conteúdo exceder o espaço disponível, o texto será truncado com reticências. O conteúdo completo poderá
39155
- * ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
39715
+ * > Como parâmetro o componente envia o item executado.
39156
39716
  */
39157
- set title(value: string);
39158
- get title(): string;
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();
39159
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;
39160
39747
  private applySizeBasedOnA11y;
39161
- private transformAvatar;
39162
- private transformTagPosition;
39163
- static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
39164
- 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>;
39165
- static ngAcceptInputType_dangerPrimaryAction: any;
39166
- 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>;
39167
39750
  }
39168
39751
 
39169
39752
  /**
39170
- * @docsExtends PoWidgetBaseComponent
39753
+ * @docsExtends PoTreeViewBaseComponent
39171
39754
  *
39172
39755
  * @example
39173
39756
  *
39174
- * <example name="po-widget-basic" title="PO Widget Basic">
39175
- * <file name="sample-po-widget-basic/sample-po-widget-basic.component.html"> </file>
39176
- * <file name="sample-po-widget-basic/sample-po-widget-basic.component.ts"> </file>
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>
39177
39760
  * </example>
39178
39761
  *
39179
- * <example name="po-widget-labs" title="PO Widget Labs">
39180
- * <file name="sample-po-widget-labs/sample-po-widget-labs.component.html"> </file>
39181
- * <file name="sample-po-widget-labs/sample-po-widget-labs.component.ts"> </file>
39182
- * <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>
39183
39765
  * </example>
39184
39766
  *
39185
- * <example name="po-widget-finance-dashboard" title="PO Widget - Finance dashboard">
39186
- * <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.html"> </file>
39187
- * <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.ts"> </file>
39188
- * <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>
39189
39770
  * </example>
39190
39771
  *
39191
- * <example name="po-widget-card" title="PO Widget - Card">
39192
- * <file name="sample-po-widget-card/sample-po-widget-card.component.html"> </file>
39193
- * <file name="sample-po-widget-card/sample-po-widget-card.component.ts"> </file>
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>
39194
39775
  * </example>
39195
- *
39196
39776
  */
39197
- declare class PoWidgetComponent extends PoWidgetBaseComponent implements OnInit, OnChanges, AfterViewInit {
39198
- protected cd: ChangeDetectorRef;
39199
- protected poTheme: PoThemeService;
39200
- popupTarget: any;
39201
- literals: any;
39202
- hasContent: boolean;
39203
- poPopupComponent: PoPopupComponent;
39204
- buttonPopUp: PoButtonComponent;
39205
- wrapperInfo: ElementRef;
39206
- wrapperTitle: ElementRef;
39207
- tagElement: ElementRef;
39208
- contentContainer: ElementRef<HTMLElement>;
39209
- get showTitleAction(): boolean;
39210
- avatarSrc: i0.Signal<string>;
39211
- avatarSize: i0.Signal<string>;
39212
- avatarCustomTemplate: i0.Signal<i0.TemplateRef<any>>;
39213
- 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;
39214
39787
  constructor();
39215
- ngAfterViewInit(): void;
39216
- get a11Level(): PoThemeA11yEnum;
39217
- ngOnChanges(changes: SimpleChanges): void;
39218
39788
  ngOnInit(): void;
39219
- hasTitleHelpOrSetting(): boolean;
39220
- onClick(event: MouseEvent): void;
39221
- onKeyDown(event: KeyboardEvent): void;
39222
- openHelp(): void;
39223
- runPrimaryAction(): void;
39224
- runSecondaryAction(): void;
39225
- runTitleAction(event: MouseEvent): void;
39226
- setHeight(height: number): void;
39227
- settingOutput(): void;
39228
- togglePopup(targetRef: any, event: any): void;
39229
- showTooltip(): boolean;
39230
- closePopUp(): void;
39231
- private checkDefaultActions;
39232
- private updateContent;
39233
- static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetComponent, never>;
39234
- static ɵcmp: i0.ɵɵComponentDeclaration<PoWidgetComponent, "po-widget", never, {}, {}, never, ["*"], false, never>;
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>;
39235
39853
  }
39236
39854
 
39237
39855
  /**
39238
39856
  * @description
39239
39857
  *
39240
- * Módulo do componente po-widget
39858
+ * Módulo do componente `po-tree-view`.
39241
39859
  */
39242
- declare class PoWidgetModule {
39243
- static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetModule, never>;
39244
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoWidgetModule, [typeof PoWidgetComponent], [typeof i2.CommonModule, typeof PoAvatarModule, typeof PoButtonModule, typeof PoContainerModule, typeof PoIconModule, typeof PoPopupModule, typeof PoTagModule, typeof PoTooltipModule], [typeof PoWidgetComponent]>;
39245
- static ɵinj: i0.ɵɵInjectorDeclaration<PoWidgetModule>;
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>;
39246
39864
  }
39247
39865
 
39248
39866
  /**
@@ -41088,5 +41706,5 @@ declare class PoHttpRequestInterceptorService implements HttpInterceptor {
41088
41706
  static ɵprov: i0.ɵɵInjectableDeclaration<PoHttpRequestInterceptorService>;
41089
41707
  }
41090
41708
 
41091
- 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 };
41092
- 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 };