@po-ui/ng-components 21.25.0 → 21.26.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 (32) hide show
  1. package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-B843fnS0.mjs → po-ui-ng-components-po-chart-modal-table.component-CIfW0N91.mjs} +4 -4
  2. package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-B843fnS0.mjs.map → po-ui-ng-components-po-chart-modal-table.component-CIfW0N91.mjs.map} +1 -1
  3. package/fesm2022/po-ui-ng-components.mjs +1630 -1566
  4. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  5. package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +4 -4
  6. package/lib/components/po-field/po-input/po-input-base.component.d.ts +5 -5
  7. package/lib/components/po-field/po-timepicker/po-timepicker-base.component.d.ts +4 -4
  8. package/lib/components/po-helper/interfaces/po-helper-custom-action.interface.d.ts +16 -0
  9. package/lib/components/po-helper/po-helper-base.component.d.ts +3 -0
  10. package/lib/components/po-helper/po-helper.component.d.ts +5 -2
  11. package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +33 -5
  12. package/lib/components/po-page/po-page-default/po-page-default.component.d.ts +5 -0
  13. package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +3 -0
  14. package/lib/components/po-stepper/po-stepper-step/po-stepper-step.component.d.ts +1 -1
  15. package/package.json +4 -4
  16. package/po-ui-ng-components-21.26.0.tgz +0 -0
  17. package/schematics/ng-add/index.js +1 -1
  18. package/schematics/ng-update/v14/index.js +1 -1
  19. package/schematics/ng-update/v15/index.js +1 -1
  20. package/schematics/ng-update/v16/index.js +1 -1
  21. package/schematics/ng-update/v17/index.js +1 -1
  22. package/schematics/ng-update/v18/index.js +2 -2
  23. package/schematics/ng-update/v19/index.js +2 -2
  24. package/schematics/ng-update/v2/index.js +1 -1
  25. package/schematics/ng-update/v20/index.js +2 -2
  26. package/schematics/ng-update/v21/index.js +1 -1
  27. package/schematics/ng-update/v3/index.js +1 -1
  28. package/schematics/ng-update/v4/index.js +1 -1
  29. package/schematics/ng-update/v5/index.js +1 -1
  30. package/schematics/ng-update/v6/index.js +1 -1
  31. package/types/po-ui-ng-components.d.ts +836 -718
  32. package/po-ui-ng-components-21.25.0.tgz +0 -0
@@ -2250,457 +2250,6 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
2250
2250
  static ɵcmp: i0.ɵɵComponentDeclaration<PoListBoxComponent, "po-listbox", never, {}, {}, never, ["[p-popup-header-template]"], false, never>;
2251
2251
  }
2252
2252
 
2253
- /**
2254
- * @usedBy PoHelperComponent, PoPageDefaultComponent
2255
- *
2256
- * @description
2257
- *
2258
- * Interface para configuração das opções de ajuda (*helper*).
2259
- */
2260
- interface PoHelperOptions {
2261
- /**
2262
- *
2263
- * @optional
2264
- *
2265
- * @description
2266
- *
2267
- * Título do helper exibido no popover.
2268
- */
2269
- title?: string;
2270
- /**
2271
- *
2272
- * @optional
2273
- *
2274
- * @description
2275
- *
2276
- * Texto explicativo exibido no popover.
2277
- *
2278
- * Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
2279
- * `<u>` (sublinhado).
2280
- *
2281
- * Exemplo:
2282
- * ```typescript
2283
- * content: 'Texto <b>importante</b> com <em>destaque</em> e <u>sublinhado</u>'
2284
- * ```
2285
- */
2286
- content?: string;
2287
- /**
2288
- *
2289
- * @optional
2290
- *
2291
- * @description
2292
- *
2293
- * Tipo do ícone exibido: `info` ou `help`.
2294
- *
2295
- * Quando o valor é `info`, o popover exibe apenas informações e não permite ações customizadas.
2296
- *
2297
- * Quando o valor é `help`, o popover pode exibir ações customizadas no rodapé.
2298
- *
2299
- * @default `help`
2300
- */
2301
- type?: 'info' | 'help';
2302
- /**
2303
- *
2304
- * @optional
2305
- *
2306
- * @description
2307
- *
2308
- * Ação customizada exibida no rodapé do popover.
2309
- * Compatível apenas com a propriedade type com o valor `help` e desconsiderada quando o type for `info`.
2310
- *
2311
- * Deve ser um objeto com as propriedades:
2312
- * - `label`: Texto do botão.
2313
- * - `action`: Função executada ao clicar no botão.
2314
- *
2315
- * Exemplo:
2316
- * ```typescript
2317
- * { label: 'Saiba mais', action: this.footerAction.bind(this)) }
2318
- * ```
2319
- */
2320
- footerAction?: {
2321
- label: string;
2322
- action: Function;
2323
- };
2324
- /**
2325
- * @optional
2326
- *
2327
- * @description
2328
- * Evento disparado ao clicar no ícone do helper.
2329
- *
2330
- * O conteúdo do popover não é exibido quando esta propriedade é definida, para controle total do evento pelo desenvolvedor.
2331
- *
2332
- * Pode ser uma função ou um `EventEmitter`.
2333
- *
2334
- * Exemplo:
2335
- * ```
2336
- * eventOnClick: (event) => {
2337
- * alert('Clicou no helper');
2338
- * console.log(event);
2339
- * }
2340
- * ```
2341
- */
2342
- eventOnClick?: Function;
2343
- size?: string;
2344
- }
2345
-
2346
- /**
2347
- * @description
2348
- *
2349
- * O componente `po-helper` exibe um ícone de ajuda ou informação ao lado de campos, botões ou outros elementos, permitindo ao usuário acessar conteúdos explicativos em um popover.
2350
- *
2351
- * Principais funcionalidades:
2352
- * - Exibe ícone de ajuda (`help`) ou informação (`info`) conforme configuração.
2353
- * - Permite definir título, conteúdo e ações no popover via propriedade `p-helper`.
2354
- * - Suporte a acessibilidade: navegação por teclado, atributos ARIA e leitura do conteúdo por leitores de tela.
2355
- * - Controle do tamanho do componente via propriedade `p-size` (`small` ou `medium`).
2356
- * - Permite customizar ações no rodapé do popover.
2357
- *
2358
- * Exemplo de uso:
2359
- * ```html
2360
- * <po-helper
2361
- * [p-helper]="{ title: 'Ajuda', content: 'Texto explicativo', type: 'help' }"
2362
- * [p-size]="'medium'"
2363
- * ></po-helper>
2364
- * ```
2365
- *
2366
- * Também é possível passar apenas uma string para o conteúdo:
2367
- * ```html
2368
- * <po-helper p-helper="Texto explicativo"></po-helper>
2369
- * ```
2370
- *
2371
- * A propriedade `p-helper` aceita um objeto do tipo `PoHelperOptions`:
2372
- * ```typescript
2373
- * interface PoHelperOptions {
2374
- * title?: string;
2375
- * content: string;
2376
- * type?: 'help' | 'info';
2377
- * eventOnClick?: Function;
2378
- * footerAction?: { label: string; action: Function };
2379
- * }
2380
- * ```
2381
- *
2382
- * > **Importante:** A propriedade `footerAction` não pode ser utilizada quando o tipo do helper for `info`, pois o ícone de informação é destinado apenas para exibir informações estáticas sem ações adicionais.
2383
- *
2384
- * #### Tokens customizáveis
2385
- *
2386
- * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
2387
- *
2388
- * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
2389
- *
2390
- * | Propriedade | Descrição | Valor Padrão |
2391
- * |--------------------------------------------|---------------------------------------------------------------|---------------------------------------------------|
2392
- * | `--color` | Cor principal do ícone | `var(--color-action-default)` |
2393
- * | `--border-color-hover` | Cor da borda no estado hover | `var(--color-brand-01-darkest)` |
2394
- * | `--background-pressed` | Cor de background no estado de pressionado&nbsp; | `var(--color-brand-01-light)` |
2395
- * | `--color-disabled` | Cor principal no estado disabled | `var(--color-action-disabled)` |
2396
- *
2397
- */
2398
- declare class PoHelperBaseComponent {
2399
- /**
2400
- * @optional
2401
- *
2402
- * @description
2403
- *
2404
- * Define o conteúdo e as opções do popover de ajuda/informação.
2405
- *
2406
- * Aceita uma string simples (exibida como conteúdo) ou um objeto do tipo `PoHelperOptions` para configuração avançada:
2407
- * - `title`: Título do popover.
2408
- * - `content`: Conteúdo explicativo exibido no popover.
2409
- * - `type`: Tipo do ícone (`help` ou `info`).
2410
- * - `eventOnClick`: Função chamada ao clicar no ícone.
2411
- * - `footerAction`: Objeto com `label` e `action` para ação customizada no rodapé do popover.
2412
- *
2413
- * Exemplo de uso:
2414
- * ```html
2415
- * <po-helper p-helper="Texto explicativo"></po-helper>
2416
- * <po-helper [p-helper]="{ title: 'Ajuda', content: 'Texto', type: 'help' }"></po-helper>
2417
- * ```
2418
- *
2419
- */
2420
- helper: i0.InputSignal<string | PoHelperOptions>;
2421
- /**
2422
- * @optional
2423
- *
2424
- * @description
2425
- *
2426
- * Define o tamanho do componente:
2427
- * - `small`: altura do ícone com seu valor de 16px (disponível apenas para acessibilidade AA).
2428
- * - `medium`: altura do ícone com seu valor de 24px.
2429
- *
2430
- * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
2431
- * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
2432
- *
2433
- * @default `medium`
2434
- */
2435
- size: i0.InputSignal<string>;
2436
- get hostSize(): string;
2437
- /**
2438
- * @optional
2439
- *
2440
- * @description
2441
- *
2442
- * Indica se o helper deve ser exibido no estado desativado, desabilitando interações do usuário.
2443
- *
2444
- * @default `false`
2445
- */
2446
- disabled: i0.InputSignal<boolean>;
2447
- /**
2448
- * @optional
2449
- *
2450
- * @description
2451
- * Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
2452
- * ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
2453
- * correto do conteúdo próximo ao elemento.
2454
- */
2455
- appendBox: i0.InputSignal<boolean>;
2456
- private transformHelper;
2457
- static ɵfac: i0.ɵɵFactoryDeclaration<PoHelperBaseComponent, never>;
2458
- static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperBaseComponent, "po-helper-base", never, { "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; "appendBox": { "alias": "p-append-in-body"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
2459
- }
2460
-
2461
- /**
2462
- * @description
2463
- *
2464
- * O componente `po-popover` é um container pequeno recomendado para incluir vários tipos de conteúdo como:
2465
- * gráficos, textos, imagens e inputs. Ele abre sobreposto aos outros componentes.
2466
- *
2467
- * Para mostrar apenas pequenos textos recomenda-se o uso da diretiva
2468
- * [**po-tooltip**](https://po-ui.io/documentation/po-tooltip?view=doc).
2469
- *
2470
- * Para conteúdos maiores recomenda-se o uso do [**po-modal**](https://po-ui.io/documentation/po-modal?view=doc).
2471
- *
2472
- * Ele contém um título e também é possível escolher as posições do popover em relação ao componente pai,
2473
- * as posições permitidas são: `right`, `right-top`, `right-bottom`, `top`, `top-left`, `top-right`,
2474
- * `left`, `left-top`, `left-bottom`, `bottom`, `bottom-left` e `bottom-right`.
2475
- *
2476
- * Também é possível escolher entre os dois eventos que podem abrir o *popover*.
2477
- * Os eventos permitidos são: `click` e `hover`.
2478
- *
2479
- */
2480
- declare class PoPopoverBaseComponent {
2481
- /**
2482
- * @optional
2483
- *
2484
- * @description
2485
- *
2486
- * Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
2487
- * ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
2488
- * correto do conteúdo próximo ao elemento.
2489
- *
2490
- * @default `false`
2491
- */
2492
- appendBox: boolean;
2493
- cornerAligned: boolean;
2494
- /**
2495
- * @optional
2496
- *
2497
- * @description
2498
- *
2499
- * Define o espaçamento (em pixels) entre o componente alvo (`p-target`) e o `po-popover`.
2500
- * Útil para componentes com targets pequenos (como ícones) onde o espaçamento padrão é
2501
- * proporcionalmente muito grande e cria desalinhamento visual.
2502
- *
2503
- * @default `8`
2504
- */
2505
- offset: number;
2506
- /**
2507
- * @description
2508
- *
2509
- * ElementRef do componente de origem responsável por abrir o popover.
2510
- * Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
2511
- * de abertura, exemplo:
2512
- *
2513
- * ```
2514
- * <po-button
2515
- * p-label="Open Popover">
2516
- * </po-button>
2517
- *
2518
- * <po-popover
2519
- * [p-target]="poButton"
2520
- * [p-title]="PO Popover">
2521
- * </po-popover>
2522
- * ```
2523
- *
2524
- * Também deve-se criar um ViewChild para cada popover, passando como referência o elemento do
2525
- * HTML que irá disparar o evento. Exemplo:
2526
- *
2527
- * ```
2528
- * @ViewChild(PoButtonComponent, {read: ElementRef}) poButton: PoButtonComponent;
2529
- * ```
2530
- *
2531
- * Pode-se tambem informar diretamente o HTMLElement, para não ter que utilizar o ViewChild.
2532
- * Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
2533
- * de abertura, exemplo:
2534
- *
2535
- * ```
2536
- * <button #target>
2537
- * Abrir popover
2538
- * </button>
2539
- *
2540
- * <po-popover
2541
- * [p-target]="target"
2542
- * p-trigger="click" >
2543
- * </po-popover>
2544
- * ```
2545
- *
2546
- *
2547
- *
2548
- */
2549
- target: ElementRef | HTMLElement;
2550
- /** Título do popover. */
2551
- title?: string;
2552
- width?: number;
2553
- /** Evento disparado ao fechar o popover. */
2554
- closePopover: EventEmitter<any>;
2555
- /** Evento disparado ao abrir o popover. */
2556
- openPopover: EventEmitter<any>;
2557
- isHidden: boolean;
2558
- protected clickoutListener: () => void;
2559
- protected mouseEnterListener: () => void;
2560
- protected mouseLeaveListener: () => void;
2561
- protected resizeListener: () => void;
2562
- private _hideArrow;
2563
- private _position?;
2564
- private _trigger?;
2565
- /**
2566
- * @optional
2567
- *
2568
- * @description
2569
- *
2570
- * Desabilita a seta do componente *popover*.
2571
- *
2572
- * @default `false`
2573
- */
2574
- set hideArrow(value: boolean);
2575
- get hideArrow(): boolean;
2576
- /**
2577
- * @optional
2578
- *
2579
- * @description
2580
- *
2581
- * Define a posição que o po-popover abrirá em relação ao componente alvo. Sugere-se que seja
2582
- * usada a orientação "right" (direita), porém o mesmo é flexível e será rotacionado
2583
- * automaticamente para se adequar a tela, caso necessário.
2584
- *
2585
- * Posições válidas:
2586
- * - `right`: Posiciona o po-popover no lado direito do componente alvo.
2587
- * - `right-bottom`: Posiciona o po-popover no lado direito inferior do componente alvo.
2588
- * - `right-top`: Posiciona o po-popover no lado direito superior do componente alvo.
2589
- * - `bottom`: Posiciona o po-popover abaixo do componente alvo.
2590
- * - `bottom-left`: Posiciona o po-popover abaixo e à esquerda do componente alvo.
2591
- * - `bottom-right`: Posiciona o po-popover abaixo e à direita do componente alvo.
2592
- * - `left`: Posiciona o po-popover no lado esquerdo do componente alvo.
2593
- * - `left-top`: Posiciona o po-popover no lado esquerdo superior do componente alvo.
2594
- * - `left-bottom`: Posiciona o po-popover no lado esquerdo inferior do componente alvo.
2595
- * - `top`: Posiciona o po-popover acima do componente alvo.
2596
- * - `top-right`: Posiciona o po-popover acima e à direita do componente alvo.
2597
- * - `top-left`: Posiciona o po-popover acima e à esquerda do componente alvo.
2598
- *
2599
- *
2600
- * @default right
2601
- */
2602
- set position(value: string);
2603
- get position(): string;
2604
- /**
2605
- * @description
2606
- *
2607
- * Define o evento que abrirá o po-popover.
2608
- *
2609
- * Valores válidos:
2610
- * - `click`: Abre ao clicar no componente alvo.
2611
- * - `hover`: Abre ao passar o mouse sobre o componente alvo.
2612
- * - `function`: Abre através de funções públicas do componente.
2613
- *
2614
- * @default click
2615
- * @optional
2616
- */
2617
- set trigger(value: string);
2618
- get trigger(): string;
2619
- /**
2620
- * @optional
2621
- *
2622
- * @description
2623
- * Permite a inclusão de classes CSS customizadas ao componente.
2624
- *
2625
- * Exemplo: `p-custom-classes="minha-classe-1 minha-classe-2"`.
2626
- *
2627
- */
2628
- customClasses: i0.InputSignal<string>;
2629
- static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverBaseComponent, never>;
2630
- static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverBaseComponent, "po-popover-base", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "cornerAligned": { "alias": "p-corner-aligned"; "required": false; }; "offset": { "alias": "p-offset"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "width": { "alias": "p-width"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "trigger": { "alias": "p-trigger"; "required": false; }; "customClasses": { "alias": "p-custom-classes"; "required": false; "isSignal": true; }; }, { "closePopover": "p-close"; "openPopover": "p-open"; }, never, never, false, never>;
2631
- static ngAcceptInputType_appendBox: any;
2632
- }
2633
-
2634
- /**
2635
- *
2636
- * @docsExtends PoPopoverBaseComponent
2637
- *
2638
- * @example
2639
- *
2640
- * <example name="po-popover-basic" title="PO Popover Basic">
2641
- * <file name="sample-po-popover-basic/sample-po-popover-basic.component.html"> </file>
2642
- * <file name="sample-po-popover-basic/sample-po-popover-basic.component.ts"> </file>
2643
- * </example>
2644
- *
2645
- * <example name="po-popover-labs" title="PO Popover Labs">
2646
- * <file name="sample-po-popover-labs/sample-po-popover-labs.component.html"> </file>
2647
- * <file name="sample-po-popover-labs/sample-po-popover-labs.component.ts"> </file>
2648
- * </example>
2649
- *
2650
- * <example name="po-popover-credit-card" title="PO Popover - Credit Card">
2651
- * <file name="sample-po-popover-credit-card/sample-po-popover-credit-card.component.html"> </file>
2652
- * <file name="sample-po-popover-credit-card/sample-po-popover-credit-card.component.ts"> </file>
2653
- * </example>
2654
- */
2655
- declare class PoPopoverComponent extends PoPopoverBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
2656
- private readonly renderer;
2657
- private readonly poControlPosition;
2658
- private readonly cd;
2659
- popoverElement: ElementRef;
2660
- arrowDirection: string;
2661
- timeoutResize: any;
2662
- targetElement: any;
2663
- afterViewInitWasCalled: boolean;
2664
- widthPopover: number;
2665
- private keydownTargetListener?;
2666
- private keydownPopoverListener?;
2667
- private resizeObserver;
2668
- eventListenerFunction: () => void;
2669
- private readonly tabbableSelector;
2670
- constructor(renderer: Renderer2, poControlPosition: PoControlPositionService, cd: ChangeDetectorRef);
2671
- protected onThemeChange(): void;
2672
- ngOnChanges(changes: SimpleChanges): void;
2673
- ngAfterViewInit(): void;
2674
- initEvents(): void;
2675
- ngOnDestroy(): void;
2676
- close(): void;
2677
- debounceResize(): void;
2678
- open(): void;
2679
- private showPopover;
2680
- private stabilizePopoverWidth;
2681
- ensurePopoverPosition(): void;
2682
- setOpacity(value: number): void;
2683
- setPopoverPosition(): void;
2684
- setRendererListenInit(): void;
2685
- togglePopup(event: any): void;
2686
- private addScrollEventListener;
2687
- private initEventListenerFunction;
2688
- private removeListeners;
2689
- private setElementsControlPosition;
2690
- private focusOnTarget;
2691
- private focusOnFirstFocusable;
2692
- private attachPopoverKeydown;
2693
- private isVisible;
2694
- private getTabbablesIn;
2695
- private getDocumentTabbables;
2696
- private focusNextAfterTarget;
2697
- private focusPrevBeforeTarget;
2698
- private observeContentResize;
2699
- private disconnectResizeObserver;
2700
- static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverComponent, never>;
2701
- static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverComponent, "po-popover", never, {}, {}, never, ["*"], false, never>;
2702
- }
2703
-
2704
2253
  /**
2705
2254
  * @usedBy PoButtonComponent
2706
2255
  *
@@ -3053,280 +2602,750 @@ interface LoadingIconComponent {
3053
2602
  /**
3054
2603
  * @docsPrivate
3055
2604
  *
3056
- * @description
2605
+ * @description
2606
+ *
2607
+ * Componente que exibe um ícone de carregamento de conteúdo. A cor padrão para ele é a primária conforme o tema utilizado.
2608
+ * É possível alterá-la para um tom cinza conforme a necessidade.
2609
+ */
2610
+ declare class PoLoadingIconComponent implements AfterViewInit, OnDestroy {
2611
+ loadingIconComponent?: Type<LoadingIconComponent>;
2612
+ private _neutralColor;
2613
+ private _size;
2614
+ private createdRef;
2615
+ id: string;
2616
+ loadingContainer: ViewContainerRef;
2617
+ /**
2618
+ * @optional
2619
+ *
2620
+ * @description
2621
+ *
2622
+ * Definição para cor neutra (cinza) para o ícone de carregamento.
2623
+ *
2624
+ * @default `false`
2625
+ */
2626
+ set neutralColor(value: boolean);
2627
+ get neutralColor(): boolean;
2628
+ /**
2629
+ * @optional
2630
+ *
2631
+ * @description
2632
+ *
2633
+ * Definição do tamanho do ícone.
2634
+ *
2635
+ * Valores válidos:
2636
+ * - `xs`: tamanho `extra small`
2637
+ * - `sm`: tamanho `small`
2638
+ * - `md`: tamanho `medium`
2639
+ * - `lg`: tamanho `large`
2640
+ *
2641
+ * @default `md`
2642
+ */
2643
+ set size(value: string);
2644
+ get size(): string;
2645
+ inOverlay: boolean;
2646
+ constructor(loadingIconComponent?: Type<LoadingIconComponent>);
2647
+ ngOnDestroy(): void;
2648
+ ngAfterViewInit(): void;
2649
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingIconComponent, [{ optional: true; }]>;
2650
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingIconComponent, "po-loading-icon", never, { "neutralColor": { "alias": "p-neutral-color"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "inOverlay": { "alias": "p-in-overlay"; "required": false; }; }, {}, never, never, false, never>;
2651
+ }
2652
+
2653
+ /**
2654
+ *
2655
+ * @description
2656
+ *
2657
+ * Este componente mostra ao usuário uma imagem de _loading_ e bloqueia a página inteira ou o container escolhido,
2658
+ * enquanto aguarda a resposta de alguma requisição.
2659
+ *
2660
+ * #### Tokens customizáveis
2661
+ *
2662
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS): <br>
2663
+ * Obs: Só é possível realizar alterações ao adicionar a classe `.po-loading`
2664
+ *
2665
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
2666
+ *
2667
+ * | Propriedade | Descrição | Valor Padrão |
2668
+ * |----------------------------------------|-------------------------------------------------------|---------------------------------------------------|
2669
+ * | **Default Values** | | |
2670
+ * | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` |
2671
+ * | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` |
2672
+ * | `--text-color` | Cor do texto | `var(--color-neutral-dark-70)` |
2673
+ * | `--border-radius` | Contém o valor do raio dos cantos do elemento&nbsp; | `var(--border-radius-md)` |
2674
+ * | `--border-width` | Contém o valor da largura dos cantos do elemento&nbsp;| `var(--border-width-sm)` |
2675
+ * | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |
2676
+ * | `--background` | Cor de background | `var(--color-neutral-light-00)` |
2677
+ * | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |
2678
+ * | **po-loading-icon** | | |
2679
+ * | `--color` | Cor principal do spinner | `var(--color-action-default)` |
2680
+ *
2681
+ */
2682
+ declare class PoLoadingOverlayBaseComponent {
2683
+ private readonly languageService;
2684
+ private _screenLock?;
2685
+ private _text?;
2686
+ private _size?;
2687
+ /**
2688
+ * @optional
2689
+ *
2690
+ * @description
2691
+ *
2692
+ * Define se o *overlay* será aplicado a um *container* ou à página inteira.
2693
+ *
2694
+ * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
2695
+ *
2696
+ * ```
2697
+ * <div style="position: relative">
2698
+ *
2699
+ * <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
2700
+ * </po-chart>
2701
+ *
2702
+ * <po-loading-overlay>
2703
+ * </po-loading-overlay>
2704
+ * </div>
2705
+ * ```
2706
+ *
2707
+ * @default `false`
2708
+ */
2709
+ set screenLock(screenLock: boolean);
2710
+ get screenLock(): boolean;
2711
+ /**
2712
+ * @optional
2713
+ *
2714
+ * @description
2715
+ *
2716
+ * Texto a ser exibido no componente.
2717
+ *
2718
+ * > O valor padrão será traduzido de acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador.
2719
+ *
2720
+ * @default `Carregando`
2721
+ */
2722
+ set text(value: string);
2723
+ get text(): string;
2724
+ /**
2725
+ * @optional
2726
+ *
2727
+ * @description
2728
+ *
2729
+ * Define o tamanho do componente com base no tamanho do ícone de *loading*.
2730
+ *
2731
+ * Tamanhos disponíveis para o *loading*:
2732
+ * - `xs`: 1rem
2733
+ * - `sm`: 1.5rem
2734
+ * - `md`: 3rem
2735
+ * - `lg`: 5rem (valor padrão)
2736
+ *
2737
+ * @default `lg`
2738
+ */
2739
+ set size(value: string | null);
2740
+ get size(): string;
2741
+ constructor(languageService: PoLanguageService);
2742
+ private getTextDefault;
2743
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingOverlayBaseComponent, never>;
2744
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoLoadingOverlayBaseComponent, never, never, { "screenLock": { "alias": "p-screen-lock"; "required": false; }; "text": { "alias": "p-text"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
2745
+ }
2746
+
2747
+ /**
2748
+ *
2749
+ * @docsExtends PoLoadingOverlayBaseComponent
2750
+ *
2751
+ * @example
2752
+ *
2753
+ * <example name="po-loading-overlay-basic" title="PO Loading Overlay Basic">
2754
+ * <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.html"> </file>
2755
+ * <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.ts"> </file>
2756
+ * <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.css"> </file>
2757
+ * </example>
2758
+ *
2759
+ * <example name="po-loading-overlay-labs" title="PO Loading Overlay Labs">
2760
+ * <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.html"> </file>
2761
+ * <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.ts"> </file>
2762
+ * <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.css"> </file>
2763
+ * </example>
2764
+ *
2765
+ * <example name="po-loading-overlay-connection-test" title="PO Loading Overlay - Connection Test">
2766
+ * <file name="sample-po-loading-overlay-connection-test/sample-po-loading-overlay-connection-test.component.html"> </file>
2767
+ * <file name="sample-po-loading-overlay-connection-test/sample-po-loading-overlay-connection-test.component.ts"> </file>
2768
+ * </example>
2769
+ */
2770
+ declare class PoLoadingOverlayComponent extends PoLoadingOverlayBaseComponent {
2771
+ changeDetector: ChangeDetectorRef;
2772
+ constructor();
2773
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingOverlayComponent, never>;
2774
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingOverlayComponent, "po-loading-overlay", never, {}, {}, never, never, false, never>;
2775
+ }
2776
+
2777
+ /**
2778
+ * @description
2779
+ *
2780
+ * Módulo do serviço `po-language`.
2781
+ */
2782
+ declare class PoLanguageModule {
2783
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoLanguageModule, never>;
2784
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PoLanguageModule, never, never, never>;
2785
+ static ɵinj: i0.ɵɵInjectorDeclaration<PoLanguageModule>;
2786
+ }
2787
+
2788
+ declare class PoOverlayBaseComponent {
2789
+ /**
2790
+ * @optional
2791
+ *
2792
+ * @description
2793
+ *
2794
+ * Define se o *overlay* será aplicado a um *container* ou a página inteira.
2795
+ *
2796
+ * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
2797
+ *
2798
+ * ```
2799
+ * <div style="position: relative">
2800
+ *
2801
+ * <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
2802
+ * </po-chart>
2803
+ *
2804
+ * <po-overlay>
2805
+ * </po-overlay>
2806
+ * </div>
2807
+ * ```
2808
+ *
2809
+ * @default `false`
2810
+ */
2811
+ screenLock: boolean;
2812
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayBaseComponent, never>;
2813
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoOverlayBaseComponent, never, never, { "screenLock": { "alias": "p-screen-lock"; "required": false; }; }, {}, never, never, true, never>;
2814
+ static ngAcceptInputType_screenLock: any;
2815
+ }
2816
+
2817
+ declare class PoOverlayComponent extends PoOverlayBaseComponent {
2818
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayComponent, never>;
2819
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoOverlayComponent, "po-overlay", never, {}, {}, never, ["*"], false, never>;
2820
+ }
2821
+
2822
+ declare class PoOverlayModule {
2823
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayModule, never>;
2824
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PoOverlayModule, [typeof PoOverlayComponent], [typeof i2.CommonModule], [typeof PoOverlayComponent]>;
2825
+ static ɵinj: i0.ɵɵInjectorDeclaration<PoOverlayModule>;
2826
+ }
2827
+
2828
+ /**
2829
+ *
2830
+ * @description
2831
+ *
2832
+ * Módulo do componente po-loading-overlay.
2833
+ */
2834
+ declare class PoLoadingModule {
2835
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingModule, never>;
2836
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PoLoadingModule, [typeof PoLoadingComponent, typeof PoLoadingIconComponent, typeof PoLoadingOverlayComponent], [typeof i2.CommonModule, typeof PoLanguageModule, typeof PoOverlayModule], [typeof PoLoadingComponent, typeof PoLoadingIconComponent, typeof PoLoadingOverlayComponent]>;
2837
+ static ɵinj: i0.ɵɵInjectorDeclaration<PoLoadingModule>;
2838
+ }
2839
+
2840
+ /**
2841
+ * @description
2842
+ *
2843
+ * Módulo do componente po-button.
2844
+ */
2845
+ declare class PoButtonModule {
2846
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoButtonModule, never>;
2847
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PoButtonModule, [typeof PoButtonComponent], [typeof i2.CommonModule, typeof PoLoadingModule, typeof PoIconModule], [typeof PoButtonComponent]>;
2848
+ static ɵinj: i0.ɵɵInjectorDeclaration<PoButtonModule>;
2849
+ }
2850
+
2851
+ /**
2852
+ * @usedBy PoButtonComponent, PoWidgetComponent
2853
+ *
2854
+ * @description
2855
+ *
2856
+ * Estilos disponíveis do button.
2857
+ */
2858
+ declare enum PoButtonKind {
2859
+ /** Estilo primário, usado para ações principais que requerem maior destaque. */
2860
+ primary = "primary",
2861
+ /** Estilo secundário, usado como padrão, para ações comuns. */
2862
+ secondary = "secondary",
2863
+ /** Estilo terciário, ideal para ações menos importantes, sem fundo preenchido. */
2864
+ tertiary = "tertiary"
2865
+ }
2866
+
2867
+ /**
2868
+ * @description
2869
+ *
2870
+ * Tamanhos da propriedade `p-size`. A medida `small` está disponível apenas para acessibilidade AA.
2871
+ */
2872
+ declare enum PoButtonSize {
2873
+ /** Define a altura do button como 32px. */
2874
+ Small = "small",
2875
+ /** Define a altura do button como 44px. */
2876
+ Medium = "medium",
2877
+ /** Define a altura do button como 56px. */
2878
+ Large = "large"
2879
+ }
2880
+
2881
+ /**
2882
+ * @usedBy PoHelperComponent, PoPageDefaultComponent
2883
+ *
2884
+ * @description
2885
+ *
2886
+ * Interface para configuração das opções de ajuda (*helper*).
2887
+ */
2888
+ interface PoHelperOptions {
2889
+ /**
2890
+ *
2891
+ * @optional
2892
+ *
2893
+ * @description
2894
+ *
2895
+ * Título do helper exibido no popover.
2896
+ */
2897
+ title?: string;
2898
+ /**
2899
+ *
2900
+ * @optional
2901
+ *
2902
+ * @description
2903
+ *
2904
+ * Texto explicativo exibido no popover.
2905
+ *
2906
+ * Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
2907
+ * `<u>` (sublinhado).
2908
+ *
2909
+ * Exemplo:
2910
+ * ```typescript
2911
+ * content: 'Texto <b>importante</b> com <em>destaque</em> e <u>sublinhado</u>'
2912
+ * ```
2913
+ */
2914
+ content?: string;
2915
+ /**
2916
+ *
2917
+ * @optional
2918
+ *
2919
+ * @description
2920
+ *
2921
+ * Tipo do ícone exibido: `info` ou `help`.
2922
+ *
2923
+ * Quando o valor é `info`, o popover exibe apenas informações e não permite ações customizadas.
2924
+ *
2925
+ * Quando o valor é `help`, o popover pode exibir ações customizadas no rodapé.
2926
+ *
2927
+ * @default `help`
2928
+ */
2929
+ type?: 'info' | 'help';
2930
+ /**
2931
+ *
2932
+ * @optional
2933
+ *
2934
+ * @description
2935
+ *
2936
+ * Ação customizada exibida no rodapé do popover.
2937
+ * Compatível apenas com a propriedade type com o valor `help` e desconsiderada quando o type for `info`.
2938
+ *
2939
+ * Deve ser um objeto com as propriedades:
2940
+ * - `label`: Texto do botão.
2941
+ * - `action`: Função executada ao clicar no botão.
2942
+ *
2943
+ * Exemplo:
2944
+ * ```typescript
2945
+ * { label: 'Saiba mais', action: this.footerAction.bind(this)) }
2946
+ * ```
2947
+ */
2948
+ footerAction?: {
2949
+ label: string;
2950
+ action: Function;
2951
+ };
2952
+ /**
2953
+ * @optional
2954
+ *
2955
+ * @description
2956
+ * Evento disparado ao clicar no ícone do helper.
2957
+ *
2958
+ * O conteúdo do popover não é exibido quando esta propriedade é definida, para controle total do evento pelo desenvolvedor.
2959
+ *
2960
+ * Pode ser uma função ou um `EventEmitter`.
2961
+ *
2962
+ * Exemplo:
2963
+ * ```
2964
+ * eventOnClick: (event) => {
2965
+ * alert('Clicou no helper');
2966
+ * console.log(event);
2967
+ * }
2968
+ * ```
2969
+ */
2970
+ eventOnClick?: Function;
2971
+ size?: string;
2972
+ }
2973
+
2974
+ /**
2975
+ * @docsPrivate
2976
+ *
2977
+ * @description
2978
+ *
2979
+ * Interface interna para configuração de ações customizadas no po-helper.
2980
+ * Utilizada exclusivamente para repasse de configuração entre os componentes de página (po-page-default, po-page-header) e o po-helper.
2981
+ */
2982
+ interface PoHelperCustomAction {
2983
+ /** Ícone a ser exibido no botão. */
2984
+ icon: string;
2985
+ /** Label de acessibilidade para o botão. */
2986
+ ariaLabel?: string;
2987
+ /** Função callback a ser executada ao clicar no botão. */
2988
+ action: Function;
2989
+ }
2990
+
2991
+ /**
2992
+ * @description
2993
+ *
2994
+ * O componente `po-helper` exibe um ícone de ajuda ou informação ao lado de campos, botões ou outros elementos, permitindo ao usuário acessar conteúdos explicativos em um popover.
2995
+ *
2996
+ * Principais funcionalidades:
2997
+ * - Exibe ícone de ajuda (`help`) ou informação (`info`) conforme configuração.
2998
+ * - Permite definir título, conteúdo e ações no popover via propriedade `p-helper`.
2999
+ * - Suporte a acessibilidade: navegação por teclado, atributos ARIA e leitura do conteúdo por leitores de tela.
3000
+ * - Controle do tamanho do componente via propriedade `p-size` (`small` ou `medium`).
3001
+ * - Permite customizar ações no rodapé do popover.
3002
+ *
3003
+ * Exemplo de uso:
3004
+ * ```html
3005
+ * <po-helper
3006
+ * [p-helper]="{ title: 'Ajuda', content: 'Texto explicativo', type: 'help' }"
3007
+ * [p-size]="'medium'"
3008
+ * ></po-helper>
3009
+ * ```
3010
+ *
3011
+ * Também é possível passar apenas uma string para o conteúdo:
3012
+ * ```html
3013
+ * <po-helper p-helper="Texto explicativo"></po-helper>
3014
+ * ```
3015
+ *
3016
+ * A propriedade `p-helper` aceita um objeto do tipo `PoHelperOptions`:
3017
+ * ```typescript
3018
+ * interface PoHelperOptions {
3019
+ * title?: string;
3020
+ * content: string;
3021
+ * type?: 'help' | 'info';
3022
+ * eventOnClick?: Function;
3023
+ * footerAction?: { label: string; action: Function };
3024
+ * }
3025
+ * ```
3026
+ *
3027
+ * > **Importante:** A propriedade `footerAction` não pode ser utilizada quando o tipo do helper for `info`, pois o ícone de informação é destinado apenas para exibir informações estáticas sem ações adicionais.
3028
+ *
3029
+ * #### Tokens customizáveis
3030
+ *
3031
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
3032
+ *
3033
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
3034
+ *
3035
+ * | Propriedade | Descrição | Valor Padrão |
3036
+ * |--------------------------------------------|---------------------------------------------------------------|---------------------------------------------------|
3037
+ * | `--color` | Cor principal do ícone | `var(--color-action-default)` |
3038
+ * | `--border-color-hover` | Cor da borda no estado hover | `var(--color-brand-01-darkest)` |
3039
+ * | `--background-pressed` | Cor de background no estado de pressionado&nbsp; | `var(--color-brand-01-light)` |
3040
+ * | `--color-disabled` | Cor principal no estado disabled | `var(--color-action-disabled)` |
3041
+ *
3042
+ */
3043
+ declare class PoHelperBaseComponent {
3044
+ /**
3045
+ * @optional
3046
+ *
3047
+ * @description
3048
+ *
3049
+ * Define o conteúdo e as opções do popover de ajuda/informação.
3050
+ *
3051
+ * Aceita uma string simples (exibida como conteúdo) ou um objeto do tipo `PoHelperOptions` para configuração avançada:
3052
+ * - `title`: Título do popover.
3053
+ * - `content`: Conteúdo explicativo exibido no popover.
3054
+ * - `type`: Tipo do ícone (`help` ou `info`).
3055
+ * - `eventOnClick`: Função chamada ao clicar no ícone.
3056
+ * - `footerAction`: Objeto com `label` e `action` para ação customizada no rodapé do popover.
3057
+ *
3058
+ * Exemplo de uso:
3059
+ * ```html
3060
+ * <po-helper p-helper="Texto explicativo"></po-helper>
3061
+ * <po-helper [p-helper]="{ title: 'Ajuda', content: 'Texto', type: 'help' }"></po-helper>
3062
+ * ```
3063
+ *
3064
+ */
3065
+ helper: i0.InputSignal<string | PoHelperOptions>;
3066
+ /** @docsPrivate */
3067
+ customAction: i0.InputSignal<PoHelperCustomAction>;
3068
+ /**
3069
+ * @optional
3070
+ *
3071
+ * @description
3072
+ *
3073
+ * Define o tamanho do componente:
3074
+ * - `small`: altura do ícone com seu valor de 16px (disponível apenas para acessibilidade AA).
3075
+ * - `medium`: altura do ícone com seu valor de 24px.
3076
+ *
3077
+ * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
3078
+ * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
3079
+ *
3080
+ * @default `medium`
3081
+ */
3082
+ size: i0.InputSignal<string>;
3083
+ get hostSize(): string;
3084
+ /**
3085
+ * @optional
3086
+ *
3087
+ * @description
3088
+ *
3089
+ * Indica se o helper deve ser exibido no estado desativado, desabilitando interações do usuário.
3090
+ *
3091
+ * @default `false`
3092
+ */
3093
+ disabled: i0.InputSignal<boolean>;
3094
+ /**
3095
+ * @optional
3096
+ *
3097
+ * @description
3098
+ * Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
3099
+ * ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
3100
+ * correto do conteúdo próximo ao elemento.
3101
+ */
3102
+ appendBox: i0.InputSignal<boolean>;
3103
+ private transformHelper;
3104
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoHelperBaseComponent, never>;
3105
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperBaseComponent, "po-helper-base", never, { "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; "appendBox": { "alias": "p-append-in-body"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
3106
+ }
3107
+
3108
+ /**
3109
+ * @description
3110
+ *
3111
+ * O componente `po-popover` é um container pequeno recomendado para incluir vários tipos de conteúdo como:
3112
+ * gráficos, textos, imagens e inputs. Ele abre sobreposto aos outros componentes.
3113
+ *
3114
+ * Para mostrar apenas pequenos textos recomenda-se o uso da diretiva
3115
+ * [**po-tooltip**](https://po-ui.io/documentation/po-tooltip?view=doc).
3116
+ *
3117
+ * Para conteúdos maiores recomenda-se o uso do [**po-modal**](https://po-ui.io/documentation/po-modal?view=doc).
3118
+ *
3119
+ * Ele contém um título e também é possível escolher as posições do popover em relação ao componente pai,
3120
+ * as posições permitidas são: `right`, `right-top`, `right-bottom`, `top`, `top-left`, `top-right`,
3121
+ * `left`, `left-top`, `left-bottom`, `bottom`, `bottom-left` e `bottom-right`.
3122
+ *
3123
+ * Também é possível escolher entre os dois eventos que podem abrir o *popover*.
3124
+ * Os eventos permitidos são: `click` e `hover`.
3057
3125
  *
3058
- * Componente que exibe um ícone de carregamento de conteúdo. A cor padrão para ele é a primária conforme o tema utilizado.
3059
- * É possível alterá-la para um tom cinza conforme a necessidade.
3060
3126
  */
3061
- declare class PoLoadingIconComponent implements AfterViewInit, OnDestroy {
3062
- loadingIconComponent?: Type<LoadingIconComponent>;
3063
- private _neutralColor;
3064
- private _size;
3065
- private createdRef;
3066
- id: string;
3067
- loadingContainer: ViewContainerRef;
3127
+ declare class PoPopoverBaseComponent {
3068
3128
  /**
3069
3129
  * @optional
3070
3130
  *
3071
3131
  * @description
3072
3132
  *
3073
- * Definição para cor neutra (cinza) para o ícone de carregamento.
3133
+ * Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
3134
+ * ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
3135
+ * correto do conteúdo próximo ao elemento.
3074
3136
  *
3075
3137
  * @default `false`
3076
3138
  */
3077
- set neutralColor(value: boolean);
3078
- get neutralColor(): boolean;
3139
+ appendBox: boolean;
3140
+ cornerAligned: boolean;
3079
3141
  /**
3080
3142
  * @optional
3081
3143
  *
3082
3144
  * @description
3083
3145
  *
3084
- * Definição do tamanho do ícone.
3085
- *
3086
- * Valores válidos:
3087
- * - `xs`: tamanho `extra small`
3088
- * - `sm`: tamanho `small`
3089
- * - `md`: tamanho `medium`
3090
- * - `lg`: tamanho `large`
3146
+ * Define o espaçamento (em pixels) entre o componente alvo (`p-target`) e o `po-popover`.
3147
+ * Útil para componentes com targets pequenos (como ícones) onde o espaçamento padrão é
3148
+ * proporcionalmente muito grande e cria desalinhamento visual.
3091
3149
  *
3092
- * @default `md`
3150
+ * @default `8`
3093
3151
  */
3094
- set size(value: string);
3095
- get size(): string;
3096
- inOverlay: boolean;
3097
- constructor(loadingIconComponent?: Type<LoadingIconComponent>);
3098
- ngOnDestroy(): void;
3099
- ngAfterViewInit(): void;
3100
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingIconComponent, [{ optional: true; }]>;
3101
- static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingIconComponent, "po-loading-icon", never, { "neutralColor": { "alias": "p-neutral-color"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "inOverlay": { "alias": "p-in-overlay"; "required": false; }; }, {}, never, never, false, never>;
3102
- }
3103
-
3104
- /**
3105
- *
3106
- * @description
3107
- *
3108
- * Este componente mostra ao usuário uma imagem de _loading_ e bloqueia a página inteira ou o container escolhido,
3109
- * enquanto aguarda a resposta de alguma requisição.
3110
- *
3111
- * #### Tokens customizáveis
3112
- *
3113
- * É possível alterar o estilo do componente usando os seguintes tokens (CSS): <br>
3114
- * Obs: Só é possível realizar alterações ao adicionar a classe `.po-loading`
3115
- *
3116
- * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
3117
- *
3118
- * | Propriedade | Descrição | Valor Padrão |
3119
- * |----------------------------------------|-------------------------------------------------------|---------------------------------------------------|
3120
- * | **Default Values** | | |
3121
- * | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` |
3122
- * | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` |
3123
- * | `--text-color` | Cor do texto | `var(--color-neutral-dark-70)` |
3124
- * | `--border-radius` | Contém o valor do raio dos cantos do elemento&nbsp; | `var(--border-radius-md)` |
3125
- * | `--border-width` | Contém o valor da largura dos cantos do elemento&nbsp;| `var(--border-width-sm)` |
3126
- * | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |
3127
- * | `--background` | Cor de background | `var(--color-neutral-light-00)` |
3128
- * | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |
3129
- * | **po-loading-icon** | | |
3130
- * | `--color` | Cor principal do spinner | `var(--color-action-default)` |
3131
- *
3132
- */
3133
- declare class PoLoadingOverlayBaseComponent {
3134
- private readonly languageService;
3135
- private _screenLock?;
3136
- private _text?;
3137
- private _size?;
3152
+ offset: number;
3138
3153
  /**
3139
- * @optional
3140
- *
3141
3154
  * @description
3142
3155
  *
3143
- * Define se o *overlay* será aplicado a um *container* ou à página inteira.
3156
+ * ElementRef do componente de origem responsável por abrir o popover.
3157
+ * Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
3158
+ * de abertura, exemplo:
3144
3159
  *
3145
- * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
3160
+ * ```
3161
+ * <po-button
3162
+ * p-label="Open Popover">
3163
+ * </po-button>
3146
3164
  *
3165
+ * <po-popover
3166
+ * [p-target]="poButton"
3167
+ * [p-title]="PO Popover">
3168
+ * </po-popover>
3147
3169
  * ```
3148
- * <div style="position: relative">
3149
3170
  *
3150
- * <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
3151
- * </po-chart>
3171
+ * Também deve-se criar um ViewChild para cada popover, passando como referência o elemento do
3172
+ * HTML que irá disparar o evento. Exemplo:
3152
3173
  *
3153
- * <po-loading-overlay>
3154
- * </po-loading-overlay>
3155
- * </div>
3174
+ * ```
3175
+ * @ViewChild(PoButtonComponent, {read: ElementRef}) poButton: PoButtonComponent;
3156
3176
  * ```
3157
3177
  *
3158
- * @default `false`
3178
+ * Pode-se tambem informar diretamente o HTMLElement, para não ter que utilizar o ViewChild.
3179
+ * Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
3180
+ * de abertura, exemplo:
3181
+ *
3182
+ * ```
3183
+ * <button #target>
3184
+ * Abrir popover
3185
+ * </button>
3186
+ *
3187
+ * <po-popover
3188
+ * [p-target]="target"
3189
+ * p-trigger="click" >
3190
+ * </po-popover>
3191
+ * ```
3192
+ *
3193
+ *
3194
+ *
3159
3195
  */
3160
- set screenLock(screenLock: boolean);
3161
- get screenLock(): boolean;
3196
+ target: ElementRef | HTMLElement;
3197
+ /** Título do popover. */
3198
+ title?: string;
3199
+ width?: number;
3200
+ /** Evento disparado ao fechar o popover. */
3201
+ closePopover: EventEmitter<any>;
3202
+ /** Evento disparado ao abrir o popover. */
3203
+ openPopover: EventEmitter<any>;
3204
+ isHidden: boolean;
3205
+ protected clickoutListener: () => void;
3206
+ protected mouseEnterListener: () => void;
3207
+ protected mouseLeaveListener: () => void;
3208
+ protected resizeListener: () => void;
3209
+ private _hideArrow;
3210
+ private _position?;
3211
+ private _trigger?;
3162
3212
  /**
3163
3213
  * @optional
3164
3214
  *
3165
3215
  * @description
3166
3216
  *
3167
- * Texto a ser exibido no componente.
3168
- *
3169
- * > O valor padrão será traduzido de acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador.
3217
+ * Desabilita a seta do componente *popover*.
3170
3218
  *
3171
- * @default `Carregando`
3219
+ * @default `false`
3172
3220
  */
3173
- set text(value: string);
3174
- get text(): string;
3221
+ set hideArrow(value: boolean);
3222
+ get hideArrow(): boolean;
3175
3223
  /**
3176
3224
  * @optional
3177
3225
  *
3178
3226
  * @description
3179
3227
  *
3180
- * Define o tamanho do componente com base no tamanho do ícone de *loading*.
3228
+ * Define a posição que o po-popover abrirá em relação ao componente alvo. Sugere-se que seja
3229
+ * usada a orientação "right" (direita), porém o mesmo é flexível e será rotacionado
3230
+ * automaticamente para se adequar a tela, caso necessário.
3181
3231
  *
3182
- * Tamanhos disponíveis para o *loading*:
3183
- * - `xs`: 1rem
3184
- * - `sm`: 1.5rem
3185
- * - `md`: 3rem
3186
- * - `lg`: 5rem (valor padrão)
3232
+ * Posições válidas:
3233
+ * - `right`: Posiciona o po-popover no lado direito do componente alvo.
3234
+ * - `right-bottom`: Posiciona o po-popover no lado direito inferior do componente alvo.
3235
+ * - `right-top`: Posiciona o po-popover no lado direito superior do componente alvo.
3236
+ * - `bottom`: Posiciona o po-popover abaixo do componente alvo.
3237
+ * - `bottom-left`: Posiciona o po-popover abaixo e à esquerda do componente alvo.
3238
+ * - `bottom-right`: Posiciona o po-popover abaixo e à direita do componente alvo.
3239
+ * - `left`: Posiciona o po-popover no lado esquerdo do componente alvo.
3240
+ * - `left-top`: Posiciona o po-popover no lado esquerdo superior do componente alvo.
3241
+ * - `left-bottom`: Posiciona o po-popover no lado esquerdo inferior do componente alvo.
3242
+ * - `top`: Posiciona o po-popover acima do componente alvo.
3243
+ * - `top-right`: Posiciona o po-popover acima e à direita do componente alvo.
3244
+ * - `top-left`: Posiciona o po-popover acima e à esquerda do componente alvo.
3187
3245
  *
3188
- * @default `lg`
3246
+ *
3247
+ * @default right
3189
3248
  */
3190
- set size(value: string | null);
3191
- get size(): string;
3192
- constructor(languageService: PoLanguageService);
3193
- private getTextDefault;
3194
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingOverlayBaseComponent, never>;
3195
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoLoadingOverlayBaseComponent, never, never, { "screenLock": { "alias": "p-screen-lock"; "required": false; }; "text": { "alias": "p-text"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
3196
- }
3197
-
3198
- /**
3199
- *
3200
- * @docsExtends PoLoadingOverlayBaseComponent
3201
- *
3202
- * @example
3203
- *
3204
- * <example name="po-loading-overlay-basic" title="PO Loading Overlay Basic">
3205
- * <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.html"> </file>
3206
- * <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.ts"> </file>
3207
- * <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.css"> </file>
3208
- * </example>
3209
- *
3210
- * <example name="po-loading-overlay-labs" title="PO Loading Overlay Labs">
3211
- * <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.html"> </file>
3212
- * <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.ts"> </file>
3213
- * <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.css"> </file>
3214
- * </example>
3215
- *
3216
- * <example name="po-loading-overlay-connection-test" title="PO Loading Overlay - Connection Test">
3217
- * <file name="sample-po-loading-overlay-connection-test/sample-po-loading-overlay-connection-test.component.html"> </file>
3218
- * <file name="sample-po-loading-overlay-connection-test/sample-po-loading-overlay-connection-test.component.ts"> </file>
3219
- * </example>
3220
- */
3221
- declare class PoLoadingOverlayComponent extends PoLoadingOverlayBaseComponent {
3222
- changeDetector: ChangeDetectorRef;
3223
- constructor();
3224
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingOverlayComponent, never>;
3225
- static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingOverlayComponent, "po-loading-overlay", never, {}, {}, never, never, false, never>;
3226
- }
3227
-
3228
- /**
3229
- * @description
3230
- *
3231
- * Módulo do serviço `po-language`.
3232
- */
3233
- declare class PoLanguageModule {
3234
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLanguageModule, never>;
3235
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoLanguageModule, never, never, never>;
3236
- static ɵinj: i0.ɵɵInjectorDeclaration<PoLanguageModule>;
3237
- }
3238
-
3239
- declare class PoOverlayBaseComponent {
3249
+ set position(value: string);
3250
+ get position(): string;
3240
3251
  /**
3241
- * @optional
3242
- *
3243
3252
  * @description
3244
3253
  *
3245
- * Define se o *overlay* será aplicado a um *container* ou a página inteira.
3254
+ * Define o evento que abrirá o po-popover.
3246
3255
  *
3247
- * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
3256
+ * Valores válidos:
3257
+ * - `click`: Abre ao clicar no componente alvo.
3258
+ * - `hover`: Abre ao passar o mouse sobre o componente alvo.
3259
+ * - `function`: Abre através de funções públicas do componente.
3248
3260
  *
3249
- * ```
3250
- * <div style="position: relative">
3261
+ * @default click
3262
+ * @optional
3263
+ */
3264
+ set trigger(value: string);
3265
+ get trigger(): string;
3266
+ /**
3267
+ * @optional
3251
3268
  *
3252
- * <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
3253
- * </po-chart>
3269
+ * @description
3270
+ * Permite a inclusão de classes CSS customizadas ao componente.
3254
3271
  *
3255
- * <po-overlay>
3256
- * </po-overlay>
3257
- * </div>
3258
- * ```
3272
+ * Exemplo: `p-custom-classes="minha-classe-1 minha-classe-2"`.
3259
3273
  *
3260
- * @default `false`
3261
3274
  */
3262
- screenLock: boolean;
3263
- static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayBaseComponent, never>;
3264
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoOverlayBaseComponent, never, never, { "screenLock": { "alias": "p-screen-lock"; "required": false; }; }, {}, never, never, true, never>;
3265
- static ngAcceptInputType_screenLock: any;
3266
- }
3267
-
3268
- declare class PoOverlayComponent extends PoOverlayBaseComponent {
3269
- static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayComponent, never>;
3270
- static ɵcmp: i0.ɵɵComponentDeclaration<PoOverlayComponent, "po-overlay", never, {}, {}, never, ["*"], false, never>;
3271
- }
3272
-
3273
- declare class PoOverlayModule {
3274
- static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayModule, never>;
3275
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoOverlayModule, [typeof PoOverlayComponent], [typeof i2.CommonModule], [typeof PoOverlayComponent]>;
3276
- static ɵinj: i0.ɵɵInjectorDeclaration<PoOverlayModule>;
3275
+ customClasses: i0.InputSignal<string>;
3276
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverBaseComponent, never>;
3277
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverBaseComponent, "po-popover-base", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "cornerAligned": { "alias": "p-corner-aligned"; "required": false; }; "offset": { "alias": "p-offset"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "width": { "alias": "p-width"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "trigger": { "alias": "p-trigger"; "required": false; }; "customClasses": { "alias": "p-custom-classes"; "required": false; "isSignal": true; }; }, { "closePopover": "p-close"; "openPopover": "p-open"; }, never, never, false, never>;
3278
+ static ngAcceptInputType_appendBox: any;
3277
3279
  }
3278
3280
 
3279
3281
  /**
3280
3282
  *
3281
- * @description
3282
- *
3283
- * Módulo do componente po-loading-overlay.
3284
- */
3285
- declare class PoLoadingModule {
3286
- static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingModule, never>;
3287
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoLoadingModule, [typeof PoLoadingComponent, typeof PoLoadingIconComponent, typeof PoLoadingOverlayComponent], [typeof i2.CommonModule, typeof PoLanguageModule, typeof PoOverlayModule], [typeof PoLoadingComponent, typeof PoLoadingIconComponent, typeof PoLoadingOverlayComponent]>;
3288
- static ɵinj: i0.ɵɵInjectorDeclaration<PoLoadingModule>;
3289
- }
3290
-
3291
- /**
3292
- * @description
3283
+ * @docsExtends PoPopoverBaseComponent
3293
3284
  *
3294
- * Módulo do componente po-button.
3295
- */
3296
- declare class PoButtonModule {
3297
- static ɵfac: i0.ɵɵFactoryDeclaration<PoButtonModule, never>;
3298
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoButtonModule, [typeof PoButtonComponent], [typeof i2.CommonModule, typeof PoLoadingModule, typeof PoIconModule], [typeof PoButtonComponent]>;
3299
- static ɵinj: i0.ɵɵInjectorDeclaration<PoButtonModule>;
3300
- }
3301
-
3302
- /**
3303
- * @usedBy PoButtonComponent, PoWidgetComponent
3285
+ * @example
3304
3286
  *
3305
- * @description
3287
+ * <example name="po-popover-basic" title="PO Popover Basic">
3288
+ * <file name="sample-po-popover-basic/sample-po-popover-basic.component.html"> </file>
3289
+ * <file name="sample-po-popover-basic/sample-po-popover-basic.component.ts"> </file>
3290
+ * </example>
3306
3291
  *
3307
- * Estilos disponíveis do button.
3308
- */
3309
- declare enum PoButtonKind {
3310
- /** Estilo primário, usado para ações principais que requerem maior destaque. */
3311
- primary = "primary",
3312
- /** Estilo secundário, usado como padrão, para ações comuns. */
3313
- secondary = "secondary",
3314
- /** Estilo terciário, ideal para ações menos importantes, sem fundo preenchido. */
3315
- tertiary = "tertiary"
3316
- }
3317
-
3318
- /**
3319
- * @description
3292
+ * <example name="po-popover-labs" title="PO Popover Labs">
3293
+ * <file name="sample-po-popover-labs/sample-po-popover-labs.component.html"> </file>
3294
+ * <file name="sample-po-popover-labs/sample-po-popover-labs.component.ts"> </file>
3295
+ * </example>
3320
3296
  *
3321
- * Tamanhos da propriedade `p-size`. A medida `small` está disponível apenas para acessibilidade AA.
3297
+ * <example name="po-popover-credit-card" title="PO Popover - Credit Card">
3298
+ * <file name="sample-po-popover-credit-card/sample-po-popover-credit-card.component.html"> </file>
3299
+ * <file name="sample-po-popover-credit-card/sample-po-popover-credit-card.component.ts"> </file>
3300
+ * </example>
3322
3301
  */
3323
- declare enum PoButtonSize {
3324
- /** Define a altura do button como 32px. */
3325
- Small = "small",
3326
- /** Define a altura do button como 44px. */
3327
- Medium = "medium",
3328
- /** Define a altura do button como 56px. */
3329
- Large = "large"
3302
+ declare class PoPopoverComponent extends PoPopoverBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
3303
+ private readonly renderer;
3304
+ private readonly poControlPosition;
3305
+ private readonly cd;
3306
+ popoverElement: ElementRef;
3307
+ arrowDirection: string;
3308
+ timeoutResize: any;
3309
+ targetElement: any;
3310
+ afterViewInitWasCalled: boolean;
3311
+ widthPopover: number;
3312
+ private keydownTargetListener?;
3313
+ private keydownPopoverListener?;
3314
+ private resizeObserver;
3315
+ eventListenerFunction: () => void;
3316
+ private readonly tabbableSelector;
3317
+ constructor(renderer: Renderer2, poControlPosition: PoControlPositionService, cd: ChangeDetectorRef);
3318
+ protected onThemeChange(): void;
3319
+ ngOnChanges(changes: SimpleChanges): void;
3320
+ ngAfterViewInit(): void;
3321
+ initEvents(): void;
3322
+ ngOnDestroy(): void;
3323
+ close(): void;
3324
+ debounceResize(): void;
3325
+ open(): void;
3326
+ private showPopover;
3327
+ private stabilizePopoverWidth;
3328
+ ensurePopoverPosition(): void;
3329
+ setOpacity(value: number): void;
3330
+ setPopoverPosition(): void;
3331
+ setRendererListenInit(): void;
3332
+ togglePopup(event: any): void;
3333
+ private addScrollEventListener;
3334
+ private initEventListenerFunction;
3335
+ private removeListeners;
3336
+ private setElementsControlPosition;
3337
+ private focusOnTarget;
3338
+ private focusOnFirstFocusable;
3339
+ private attachPopoverKeydown;
3340
+ private isVisible;
3341
+ private getTabbablesIn;
3342
+ private getDocumentTabbables;
3343
+ private focusNextAfterTarget;
3344
+ private focusPrevBeforeTarget;
3345
+ private observeContentResize;
3346
+ private disconnectResizeObserver;
3347
+ static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverComponent, never>;
3348
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverComponent, "po-popover", never, {}, {}, never, ["*"], false, never>;
3330
3349
  }
3331
3350
 
3332
3351
  /**
@@ -3367,6 +3386,7 @@ declare class PoHelperComponent extends PoHelperBaseComponent implements AfterVi
3367
3386
  target: ElementRef;
3368
3387
  popover: PoPopoverComponent;
3369
3388
  poButton: PoButtonComponent;
3389
+ refreshAnimating: boolean;
3370
3390
  private static instances;
3371
3391
  private static idCounter;
3372
3392
  protected popoverPosition: string;
@@ -3388,6 +3408,8 @@ declare class PoHelperComponent extends PoHelperBaseComponent implements AfterVi
3388
3408
  protected ariaLabel(): string;
3389
3409
  protected handleOpen(): void;
3390
3410
  protected handleClose(): void;
3411
+ protected executeCustomAction(event: Event): void;
3412
+ protected onRefreshAnimationEnd(): void;
3391
3413
  static ɵfac: i0.ɵɵFactoryDeclaration<PoHelperComponent, never>;
3392
3414
  static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperComponent, "po-helper", never, {}, {}, never, never, false, never>;
3393
3415
  }
@@ -3760,6 +3782,7 @@ declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
3760
3782
  static ngAcceptInputType_autoFocus: any;
3761
3783
  static ngAcceptInputType_checkBoxRequired: any;
3762
3784
  static ngAcceptInputType_disabladTabindex: any;
3785
+ static ngAcceptInputType_disabled: any;
3763
3786
  }
3764
3787
 
3765
3788
  /**
@@ -4022,6 +4045,8 @@ declare class PoFieldContainerComponent implements OnInit, OnChanges {
4022
4045
  handleLabelTooltip(): void;
4023
4046
  static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerComponent, never>;
4024
4047
  static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerComponent, "po-field-container", never, { "disabled": { "alias": "p-disabled"; "required": false; }; "id": { "alias": "p-id"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; "textWrap": { "alias": "p-text-wrap"; "required": false; "isSignal": true; }; "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
4048
+ static ngAcceptInputType_optional: any;
4049
+ static ngAcceptInputType_required: any;
4025
4050
  }
4026
4051
 
4027
4052
  /**
@@ -6788,10 +6813,18 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
6788
6813
  static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
6789
6814
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
6790
6815
  static ngAcceptInputType_autoFocus: any;
6816
+ static ngAcceptInputType_infiniteScroll: any;
6791
6817
  static ngAcceptInputType_clean: any;
6792
6818
  static ngAcceptInputType_emitObjectValue: any;
6793
6819
  static ngAcceptInputType_disabledTabFilter: any;
6820
+ static ngAcceptInputType_removeInitialFilter: any;
6794
6821
  static ngAcceptInputType_controlValueWithLabel: any;
6822
+ static ngAcceptInputType_disabledInitFilter: any;
6823
+ static ngAcceptInputType_required: any;
6824
+ static ngAcceptInputType_changeOnEnter: any;
6825
+ static ngAcceptInputType_disabled: any;
6826
+ static ngAcceptInputType_loading: any;
6827
+ static ngAcceptInputType_sort: any;
6795
6828
  static ngAcceptInputType_cache: any;
6796
6829
  static ngAcceptInputType_appendBox: any;
6797
6830
  }
@@ -9715,7 +9748,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9715
9748
  * @default `false`
9716
9749
  */
9717
9750
  disabled?: boolean;
9718
- set setDisabled(disabled: string);
9751
+ set setDisabled(disabled: boolean);
9719
9752
  /**
9720
9753
  * @optional
9721
9754
  *
@@ -9729,7 +9762,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9729
9762
  get isDisabled(): boolean;
9730
9763
  /** Indica que o campo será somente leitura. */
9731
9764
  readonly?: boolean;
9732
- set setReadonly(readonly: string);
9765
+ set setReadonly(readonly: boolean);
9733
9766
  /**
9734
9767
  * @optional
9735
9768
  *
@@ -9741,7 +9774,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9741
9774
  * @default `false`
9742
9775
  */
9743
9776
  required?: boolean;
9744
- set setRequired(required: string);
9777
+ set setRequired(required: boolean);
9745
9778
  /**
9746
9779
  * @optional
9747
9780
  *
@@ -9767,7 +9800,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9767
9800
  showRequired: boolean;
9768
9801
  /** Se verdadeiro, o campo receberá um botão para ser limpo. */
9769
9802
  clean?: boolean;
9770
- set setClean(clean: string);
9803
+ set setClean(clean: boolean);
9771
9804
  /**
9772
9805
  * @description
9773
9806
  *
@@ -9814,7 +9847,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9814
9847
  * @default `false`
9815
9848
  */
9816
9849
  maskFormatModel?: boolean;
9817
- set setMaskFormatModel(maskFormatModel: string);
9850
+ set setMaskFormatModel(maskFormatModel: boolean);
9818
9851
  /**
9819
9852
  * @optional
9820
9853
  *
@@ -9916,6 +9949,14 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9916
9949
  static ngAcceptInputType_autoFocus: any;
9917
9950
  static ngAcceptInputType_emitAllChanges: any;
9918
9951
  static ngAcceptInputType_upperCase: any;
9952
+ static ngAcceptInputType_maskNoLengthValidation: any;
9953
+ static ngAcceptInputType_noAutocomplete: any;
9954
+ static ngAcceptInputType_setDisabled: any;
9955
+ static ngAcceptInputType_loading: any;
9956
+ static ngAcceptInputType_setReadonly: any;
9957
+ static ngAcceptInputType_setRequired: any;
9958
+ static ngAcceptInputType_setClean: any;
9959
+ static ngAcceptInputType_setMaskFormatModel: any;
9919
9960
  }
9920
9961
 
9921
9962
  declare abstract class PoInputGeneric extends PoInputBaseComponent implements AfterViewInit, OnDestroy {
@@ -12443,6 +12484,9 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
12443
12484
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
12444
12485
  static ngAcceptInputType_appendBox: any;
12445
12486
  static ngAcceptInputType_autoFocus: any;
12487
+ static ngAcceptInputType_disabled: any;
12488
+ static ngAcceptInputType_indeterminate: any;
12489
+ static ngAcceptInputType_required: any;
12446
12490
  }
12447
12491
 
12448
12492
  /**
@@ -16518,10 +16562,10 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16518
16562
  get placeholder(): string;
16519
16563
  /** Desabilita o campo. */
16520
16564
  disabled?: boolean;
16521
- set setDisabled(disabled: string);
16565
+ set setDisabled(disabled: boolean);
16522
16566
  /** Torna o elemento somente leitura. */
16523
16567
  readonly?: boolean;
16524
- set setReadonly(readonly: string);
16568
+ set setReadonly(readonly: boolean);
16525
16569
  /**
16526
16570
  * @optional
16527
16571
  *
@@ -16532,7 +16576,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16532
16576
  * @default `false`
16533
16577
  */
16534
16578
  required?: boolean;
16535
- set setRequired(required: string);
16579
+ set setRequired(required: boolean);
16536
16580
  /**
16537
16581
  * Define se a indicação de campo obrigatório será exibida.
16538
16582
  *
@@ -16558,7 +16602,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16558
16602
  get size(): string;
16559
16603
  /** Habilita ação para limpar o campo. */
16560
16604
  clean?: boolean;
16561
- set setClean(clean: string);
16605
+ set setClean(clean: boolean);
16562
16606
  /**
16563
16607
  * @optional
16564
16608
  *
@@ -16676,6 +16720,12 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16676
16720
  static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerBaseComponent, never>;
16677
16721
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "mode": { "alias": "p-mode"; "required": false; }; "yearRangeLimit": { "alias": "p-year-range-limit"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
16678
16722
  static ngAcceptInputType_autoFocus: any;
16723
+ static ngAcceptInputType_noAutocomplete: any;
16724
+ static ngAcceptInputType_setDisabled: any;
16725
+ static ngAcceptInputType_setReadonly: any;
16726
+ static ngAcceptInputType_setRequired: any;
16727
+ static ngAcceptInputType_setClean: any;
16728
+ static ngAcceptInputType_loading: any;
16679
16729
  static ngAcceptInputType_appendBox: any;
16680
16730
  }
16681
16731
 
@@ -17070,9 +17120,9 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
17070
17120
  */
17071
17121
  set placeholder(placeholder: string);
17072
17122
  get placeholder(): string;
17073
- set setDisabled(disabled: string);
17074
- set setReadonly(readonly: string);
17075
- set setRequired(required: string);
17123
+ set setDisabled(disabled: boolean);
17124
+ set setReadonly(readonly: boolean);
17125
+ set setRequired(required: boolean);
17076
17126
  /** Define se a indicação de campo obrigatório será exibida. */
17077
17127
  showRequired: boolean;
17078
17128
  /**
@@ -17088,7 +17138,7 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
17088
17138
  */
17089
17139
  set size(value: string);
17090
17140
  get size(): string;
17091
- set setClean(clean: string);
17141
+ set setClean(clean: boolean);
17092
17142
  /**
17093
17143
  * @optional
17094
17144
  *
@@ -17236,6 +17286,13 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
17236
17286
  static ɵfac: i0.ɵɵFactoryDeclaration<PoTimepickerBaseComponent, never>;
17237
17287
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoTimepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "minTime": { "alias": "p-min-time"; "required": false; }; "maxTime": { "alias": "p-max-time"; "required": false; }; "minuteInterval": { "alias": "p-minute-interval"; "required": false; }; "secondInterval": { "alias": "p-second-interval"; "required": false; }; "showSeconds": { "alias": "p-show-seconds"; "required": false; }; "modelFormat": { "alias": "p-model-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
17238
17288
  static ngAcceptInputType_autoFocus: any;
17289
+ static ngAcceptInputType_noAutocomplete: any;
17290
+ static ngAcceptInputType_setDisabled: any;
17291
+ static ngAcceptInputType_setReadonly: any;
17292
+ static ngAcceptInputType_setRequired: any;
17293
+ static ngAcceptInputType_setClean: any;
17294
+ static ngAcceptInputType_showSeconds: any;
17295
+ static ngAcceptInputType_loading: any;
17239
17296
  static ngAcceptInputType_appendBox: any;
17240
17297
  }
17241
17298
 
@@ -18039,6 +18096,12 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
18039
18096
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "rangePresets": { "alias": "p-range-presets"; "required": false; }; "rangePresetOptions": { "alias": "p-range-preset-options"; "required": false; }; "rangePresetsOrder": { "alias": "p-range-presets-order"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
18040
18097
  static ngAcceptInputType_appendBox: any;
18041
18098
  static ngAcceptInputType_autoFocus: any;
18099
+ static ngAcceptInputType_clean: any;
18100
+ static ngAcceptInputType_disabled: any;
18101
+ static ngAcceptInputType_loading: any;
18102
+ static ngAcceptInputType_noAutocomplete: any;
18103
+ static ngAcceptInputType_readonly: any;
18104
+ static ngAcceptInputType_required: any;
18042
18105
  }
18043
18106
 
18044
18107
  /**
@@ -24008,6 +24071,10 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
24008
24071
  static ngAcceptInputType_autoHeight: any;
24009
24072
  static ngAcceptInputType_textWrap: any;
24010
24073
  static ngAcceptInputType_virtualScroll: any;
24074
+ static ngAcceptInputType_noAutocomplete: any;
24075
+ static ngAcceptInputType_required: any;
24076
+ static ngAcceptInputType_disabled: any;
24077
+ static ngAcceptInputType_loading: any;
24011
24078
  }
24012
24079
 
24013
24080
  /**
@@ -24936,6 +25003,11 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
24936
25003
  static ngAcceptInputType_appendBox: any;
24937
25004
  static ngAcceptInputType_controlValueWithLabel: any;
24938
25005
  static ngAcceptInputType_autoHeight: any;
25006
+ static ngAcceptInputType_required: any;
25007
+ static ngAcceptInputType_disabled: any;
25008
+ static ngAcceptInputType_loading: any;
25009
+ static ngAcceptInputType_hideSearch: any;
25010
+ static ngAcceptInputType_sort: any;
24939
25011
  }
24940
25012
 
24941
25013
  /**
@@ -25249,6 +25321,8 @@ declare class PoPasswordComponent extends PoInputGeneric implements OnChanges {
25249
25321
  showPassword(): void;
25250
25322
  static ɵfac: i0.ɵɵFactoryDeclaration<PoPasswordComponent, never>;
25251
25323
  static ɵcmp: i0.ɵɵComponentDeclaration<PoPasswordComponent, "po-password", never, { "hidePasswordPeek": { "alias": "p-hide-password-peek"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; }, {}, never, never, false, never>;
25324
+ static ngAcceptInputType_hidePasswordPeek: any;
25325
+ static ngAcceptInputType_noAutocomplete: any;
25252
25326
  }
25253
25327
 
25254
25328
  /**
@@ -25588,6 +25662,8 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
25588
25662
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
25589
25663
  static ngAcceptInputType_appendBox: any;
25590
25664
  static ngAcceptInputType_autoFocus: any;
25665
+ static ngAcceptInputType_disabled: any;
25666
+ static ngAcceptInputType_required: any;
25591
25667
  }
25592
25668
 
25593
25669
  /**
@@ -26092,6 +26168,8 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
26092
26168
  static ngAcceptInputType_disabledTextAlign: any;
26093
26169
  static ngAcceptInputType_disabled: any;
26094
26170
  static ngAcceptInputType_loading: any;
26171
+ static ngAcceptInputType_readonly: any;
26172
+ static ngAcceptInputType_required: any;
26095
26173
  }
26096
26174
 
26097
26175
  declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnChanges {
@@ -27616,7 +27694,15 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
27616
27694
  static ngAcceptInputType_autoFocus: any;
27617
27695
  static ngAcceptInputType_disabledRemoveFile: any;
27618
27696
  static ngAcceptInputType_requiredUrl: any;
27697
+ static ngAcceptInputType_directory: any;
27698
+ static ngAcceptInputType_dragDrop: any;
27699
+ static ngAcceptInputType_hideRestrictionsInfo: any;
27700
+ static ngAcceptInputType_hideSelectButton: any;
27701
+ static ngAcceptInputType_hideSendButton: any;
27702
+ static ngAcceptInputType_disabled: any;
27619
27703
  static ngAcceptInputType_loading: any;
27704
+ static ngAcceptInputType_isMultiple: any;
27705
+ static ngAcceptInputType_required: any;
27620
27706
  }
27621
27707
 
27622
27708
  /**
@@ -28492,6 +28578,7 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
28492
28578
  static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "blur": "p-blur"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
28493
28579
  static ngAcceptInputType_readonly: any;
28494
28580
  static ngAcceptInputType_controlValueWithLabel: any;
28581
+ static ngAcceptInputType_loading: any;
28495
28582
  }
28496
28583
 
28497
28584
  /**
@@ -28876,7 +28963,10 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
28876
28963
  static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
28877
28964
  static ngAcceptInputType_appendBox: any;
28878
28965
  static ngAcceptInputType_autoFocus: any;
28966
+ static ngAcceptInputType_disabled: any;
28879
28967
  static ngAcceptInputType_loading: any;
28968
+ static ngAcceptInputType_readonly: any;
28969
+ static ngAcceptInputType_required: any;
28880
28970
  }
28881
28971
 
28882
28972
  /**
@@ -34753,45 +34843,29 @@ interface PoPageAction extends PoDropdownAction {
34753
34843
  }
34754
34844
 
34755
34845
  /**
34756
- * @usedBy
34757
- *
34758
- * PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
34846
+ * @usedBy PoPageDefaultComponent
34759
34847
  *
34760
34848
  * @description
34761
34849
  *
34762
- * Interface que define o `po-breadcrumb`.
34850
+ * Define os tipos de cabeçalho disponíveis no `po-page-default`.
34763
34851
  */
34764
- interface PoBreadcrumb {
34852
+ declare enum PoPageHeaderType {
34765
34853
  /**
34766
- * @optional
34767
- *
34768
- * @description
34769
- *
34770
- * Permite definir uma URL para favoritar ou desfavoritar.
34771
- *
34772
- * > Para maiores informações verificar a propriedade `p-favorite-service` do componente `po-breadcrumb`.
34773
- *
34854
+ * Layout padrão com suporte a `p-breadcrumb`.
34774
34855
  */
34775
- favorite?: string;
34856
+ primary = "primary",
34776
34857
  /**
34777
- * @description
34778
- *
34779
- * Lista de itens do _breadcrumb_.
34858
+ * Exibe um botão de retorno ao lado do título.
34780
34859
  *
34781
- * **Exemplo:**
34782
- * ```
34783
- * { label: 'Po Portal', link: 'portal' }
34784
- * ```
34860
+ * > Incompatível com `p-breadcrumb`.
34785
34861
  */
34786
- items: Array<PoBreadcrumbItem>;
34862
+ secondary = "secondary",
34787
34863
  /**
34788
- * @optional
34789
- *
34790
- * @description
34864
+ * Layout simplificado sem botão de retorno.
34791
34865
  *
34792
- * Objeto que possibilita o envio de parâmetros adicionais à requisição.
34866
+ * > Incompatível com `p-breadcrumb`.
34793
34867
  */
34794
- params?: object;
34868
+ tertiary = "tertiary"
34795
34869
  }
34796
34870
 
34797
34871
  /**
@@ -34822,29 +34896,45 @@ declare enum PoPageActionsLayout {
34822
34896
  }
34823
34897
 
34824
34898
  /**
34825
- * @usedBy PoPageDefaultComponent
34899
+ * @usedBy
34900
+ *
34901
+ * PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
34826
34902
  *
34827
34903
  * @description
34828
34904
  *
34829
- * Define os tipos de cabeçalho disponíveis no `po-page-default`.
34905
+ * Interface que define o `po-breadcrumb`.
34830
34906
  */
34831
- declare enum PoPageHeaderType {
34907
+ interface PoBreadcrumb {
34832
34908
  /**
34833
- * Layout padrão com suporte a `p-breadcrumb`.
34909
+ * @optional
34910
+ *
34911
+ * @description
34912
+ *
34913
+ * Permite definir uma URL para favoritar ou desfavoritar.
34914
+ *
34915
+ * > Para maiores informações verificar a propriedade `p-favorite-service` do componente `po-breadcrumb`.
34916
+ *
34834
34917
  */
34835
- primary = "primary",
34918
+ favorite?: string;
34836
34919
  /**
34837
- * Exibe um botão de retorno ao lado do título.
34920
+ * @description
34838
34921
  *
34839
- * > Incompatível com `p-breadcrumb`.
34922
+ * Lista de itens do _breadcrumb_.
34923
+ *
34924
+ * **Exemplo:**
34925
+ * ```
34926
+ * { label: 'Po Portal', link: 'portal' }
34927
+ * ```
34840
34928
  */
34841
- secondary = "secondary",
34929
+ items: Array<PoBreadcrumbItem>;
34842
34930
  /**
34843
- * Layout simplificado sem botão de retorno.
34931
+ * @optional
34844
34932
  *
34845
- * > Incompatível com `p-breadcrumb`.
34933
+ * @description
34934
+ *
34935
+ * Objeto que possibilita o envio de parâmetros adicionais à requisição.
34846
34936
  */
34847
- tertiary = "tertiary"
34937
+ params?: object;
34848
34938
  }
34849
34939
 
34850
34940
  /**
@@ -35019,6 +35109,27 @@ declare abstract class PoPageDefaultBaseComponent {
35019
35109
  */
35020
35110
  set pageHeaderType(value: string | PoPageHeaderType);
35021
35111
  get pageHeaderType(): string;
35112
+ /**
35113
+ * @optional
35114
+ *
35115
+ * @description
35116
+ *
35117
+ * Define a função de callback executada ao clicar no botão de atualização (refresh) ao lado do subtítulo da página.
35118
+ *
35119
+ * Quando não houver subtítulo (`p-subtitle`), o refresh será exibido logo abaixo do título.
35120
+ *
35121
+ * > Esta propriedade possui precedência sobre a configuração de `p-helper`.
35122
+ *
35123
+ * Exemplo de uso:
35124
+ * ```html
35125
+ * <po-page-default
35126
+ * p-title="Dashboard"
35127
+ * [p-refresh]="onRefresh"
35128
+ * ></po-page-default>
35129
+ * ```
35130
+ */
35131
+ refresh: i0.InputSignal<Function>;
35132
+ protected readonly refreshCustomAction: i0.Signal<PoHelperCustomAction>;
35022
35133
  /**
35023
35134
  * @optional
35024
35135
  *
@@ -35064,7 +35175,7 @@ declare abstract class PoPageDefaultBaseComponent {
35064
35175
  abstract setDropdownActions(): any;
35065
35176
  abstract getVisibleActions(): any;
35066
35177
  static ɵfac: i0.ɵɵFactoryDeclaration<PoPageDefaultBaseComponent, never>;
35067
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDefaultBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "literals": { "alias": "p-literals"; "required": false; }; "pageActionsLayout": { "alias": "p-page-actions-layout"; "required": false; }; "pageHeaderType": { "alias": "p-page-header-type"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; }, never, never, true, never>;
35178
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDefaultBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "literals": { "alias": "p-literals"; "required": false; }; "pageActionsLayout": { "alias": "p-page-actions-layout"; "required": false; }; "pageHeaderType": { "alias": "p-page-header-type"; "required": false; }; "refresh": { "alias": "p-refresh"; "required": false; "isSignal": true; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; }, never, never, true, never>;
35068
35179
  }
35069
35180
 
35070
35181
  /**
@@ -35088,6 +35199,11 @@ declare abstract class PoPageDefaultBaseComponent {
35088
35199
  * <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.css"> </file>
35089
35200
  * <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.service.ts"> </file>
35090
35201
  * </example>
35202
+ *
35203
+ * <example name="po-page-default-refresh" title="PO Page Default - Refresh">
35204
+ * <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.html"> </file>
35205
+ * <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.ts"> </file>
35206
+ * </example>
35091
35207
  */
35092
35208
  declare class PoPageDefaultComponent extends PoPageDefaultBaseComponent implements AfterContentInit, OnChanges, OnDestroy {
35093
35209
  private readonly renderer;
@@ -35519,6 +35635,8 @@ declare class PoPageHeaderBaseComponent {
35519
35635
  title: string;
35520
35636
  /** Define o conteúdo do po-helper. */
35521
35637
  helper: i0.InputSignal<string | PoHelperOptions>;
35638
+ /** Define a ação customizada para o po-helper (uso interno entre componentes). */
35639
+ customAction: i0.InputSignal<PoHelperCustomAction>;
35522
35640
  /** Define o tamanho dos componentes no header. */
35523
35641
  size: string;
35524
35642
  /** Define o tipo de header: `primary`, `secondary` ou `tertiary`. */
@@ -35534,7 +35652,7 @@ declare class PoPageHeaderBaseComponent {
35534
35652
  get subtitle(): string;
35535
35653
  get subtitleFragments(): Array<PoTextFragment>;
35536
35654
  static ɵfac: i0.ɵɵFactoryDeclaration<PoPageHeaderBaseComponent, never>;
35537
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
35655
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
35538
35656
  }
35539
35657
 
35540
35658
  /**
@@ -36806,7 +36924,7 @@ declare class PoStepperStepComponent implements OnChanges {
36806
36924
  ngOnChanges(changes: SimpleChanges): void;
36807
36925
  getStatusClass(status: string): string;
36808
36926
  onClick(): void;
36809
- onEnter(): void;
36927
+ onEnter(event?: KeyboardEvent): void;
36810
36928
  setDefaultStepSize(): void;
36811
36929
  static ɵfac: i0.ɵɵFactoryDeclaration<PoStepperStepComponent, never>;
36812
36930
  static ɵcmp: i0.ɵɵComponentDeclaration<PoStepperStepComponent, "po-stepper-step", never, { "alignCenter": { "alias": "p-align-center"; "required": false; }; "circleContent": { "alias": "p-circle-content"; "required": false; }; "nextStatus": { "alias": "p-next-status"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "status": { "alias": "p-status"; "required": false; }; "stepIcons": { "alias": "p-step-icons"; "required": false; }; "stepSize": { "alias": "p-step-size"; "required": false; }; "iconDefault": { "alias": "p-icon-default"; "required": false; }; "iconDone": { "alias": "p-step-icon-done"; "required": false; }; "iconActive": { "alias": "p-step-icon-active"; "required": false; }; "isVerticalOrientation": { "alias": "p-vertical-orientation"; "required": false; }; "disabledClick": { "alias": "p-disable-click"; "required": false; }; }, { "activated": "p-activated"; "click": "p-click"; "enter": "p-enter"; }, never, never, false, never>;