@po-ui/ng-components 21.25.0 → 21.27.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 (35) 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 +1637 -1568
  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-header/interfaces/po-header-action-tool.interface.d.ts +32 -0
  9. package/lib/components/po-header/interfaces/po-header-user.interface.d.ts +28 -0
  10. package/lib/components/po-helper/interfaces/po-helper-custom-action.interface.d.ts +16 -0
  11. package/lib/components/po-helper/po-helper-base.component.d.ts +3 -0
  12. package/lib/components/po-helper/po-helper.component.d.ts +5 -2
  13. package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +33 -5
  14. package/lib/components/po-page/po-page-default/po-page-default.component.d.ts +5 -0
  15. package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +3 -0
  16. package/lib/components/po-popup/po-popup-base.component.d.ts +1 -0
  17. package/lib/components/po-stepper/po-stepper-step/po-stepper-step.component.d.ts +1 -1
  18. package/package.json +4 -4
  19. package/po-ui-ng-components-21.27.0.tgz +0 -0
  20. package/schematics/ng-add/index.js +1 -1
  21. package/schematics/ng-update/v14/index.js +1 -1
  22. package/schematics/ng-update/v15/index.js +1 -1
  23. package/schematics/ng-update/v16/index.js +1 -1
  24. package/schematics/ng-update/v17/index.js +1 -1
  25. package/schematics/ng-update/v18/index.js +2 -2
  26. package/schematics/ng-update/v19/index.js +2 -2
  27. package/schematics/ng-update/v2/index.js +1 -1
  28. package/schematics/ng-update/v20/index.js +2 -2
  29. package/schematics/ng-update/v21/index.js +1 -1
  30. package/schematics/ng-update/v3/index.js +1 -1
  31. package/schematics/ng-update/v4/index.js +1 -1
  32. package/schematics/ng-update/v5/index.js +1 -1
  33. package/schematics/ng-update/v6/index.js +1 -1
  34. package/types/po-ui-ng-components.d.ts +836 -657
  35. 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
  *
@@ -3130,203 +2679,673 @@ declare class PoLoadingIconComponent implements AfterViewInit, OnDestroy {
3130
2679
  * | `--color` | Cor principal do spinner | `var(--color-action-default)` |
3131
2680
  *
3132
2681
  */
3133
- declare class PoLoadingOverlayBaseComponent {
3134
- private readonly languageService;
3135
- private _screenLock?;
3136
- private _text?;
3137
- private _size?;
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`.
3125
+ *
3126
+ */
3127
+ declare class PoPopoverBaseComponent {
3138
3128
  /**
3139
3129
  * @optional
3140
3130
  *
3141
3131
  * @description
3142
3132
  *
3143
- * Define se o *overlay* será aplicado a um *container* ou à página inteira.
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.
3144
3136
  *
3145
- * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
3137
+ * @default `false`
3138
+ */
3139
+ appendBox: boolean;
3140
+ cornerAligned: boolean;
3141
+ /**
3142
+ * @optional
3143
+ *
3144
+ * @description
3145
+ *
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.
3149
+ *
3150
+ * @default `8`
3151
+ */
3152
+ offset: number;
3153
+ /**
3154
+ * @description
3155
+ *
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:
3146
3159
  *
3147
3160
  * ```
3148
- * <div style="position: relative">
3161
+ * <po-button
3162
+ * p-label="Open Popover">
3163
+ * </po-button>
3149
3164
  *
3150
- * <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
3151
- * </po-chart>
3165
+ * <po-popover
3166
+ * [p-target]="poButton"
3167
+ * [p-title]="PO Popover">
3168
+ * </po-popover>
3169
+ * ```
3170
+ *
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
  /**
@@ -4257,8 +4282,9 @@ declare class PoPopupBaseComponent {
4257
4282
  get target(): any;
4258
4283
  closeEvent: EventEmitter<any>;
4259
4284
  clickItem: EventEmitter<any>;
4285
+ openEvent: EventEmitter<any>;
4260
4286
  static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupBaseComponent, never>;
4261
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; }, never, never, true, never>;
4287
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; "openEvent": "p-open"; }, never, never, true, never>;
4262
4288
  }
4263
4289
 
4264
4290
  /**
@@ -6788,10 +6814,18 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
6788
6814
  static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
6789
6815
  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
6816
  static ngAcceptInputType_autoFocus: any;
6817
+ static ngAcceptInputType_infiniteScroll: any;
6791
6818
  static ngAcceptInputType_clean: any;
6792
6819
  static ngAcceptInputType_emitObjectValue: any;
6793
6820
  static ngAcceptInputType_disabledTabFilter: any;
6821
+ static ngAcceptInputType_removeInitialFilter: any;
6794
6822
  static ngAcceptInputType_controlValueWithLabel: any;
6823
+ static ngAcceptInputType_disabledInitFilter: any;
6824
+ static ngAcceptInputType_required: any;
6825
+ static ngAcceptInputType_changeOnEnter: any;
6826
+ static ngAcceptInputType_disabled: any;
6827
+ static ngAcceptInputType_loading: any;
6828
+ static ngAcceptInputType_sort: any;
6795
6829
  static ngAcceptInputType_cache: any;
6796
6830
  static ngAcceptInputType_appendBox: any;
6797
6831
  }
@@ -9715,7 +9749,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9715
9749
  * @default `false`
9716
9750
  */
9717
9751
  disabled?: boolean;
9718
- set setDisabled(disabled: string);
9752
+ set setDisabled(disabled: boolean);
9719
9753
  /**
9720
9754
  * @optional
9721
9755
  *
@@ -9729,7 +9763,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9729
9763
  get isDisabled(): boolean;
9730
9764
  /** Indica que o campo será somente leitura. */
9731
9765
  readonly?: boolean;
9732
- set setReadonly(readonly: string);
9766
+ set setReadonly(readonly: boolean);
9733
9767
  /**
9734
9768
  * @optional
9735
9769
  *
@@ -9741,7 +9775,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9741
9775
  * @default `false`
9742
9776
  */
9743
9777
  required?: boolean;
9744
- set setRequired(required: string);
9778
+ set setRequired(required: boolean);
9745
9779
  /**
9746
9780
  * @optional
9747
9781
  *
@@ -9767,7 +9801,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9767
9801
  showRequired: boolean;
9768
9802
  /** Se verdadeiro, o campo receberá um botão para ser limpo. */
9769
9803
  clean?: boolean;
9770
- set setClean(clean: string);
9804
+ set setClean(clean: boolean);
9771
9805
  /**
9772
9806
  * @description
9773
9807
  *
@@ -9814,7 +9848,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9814
9848
  * @default `false`
9815
9849
  */
9816
9850
  maskFormatModel?: boolean;
9817
- set setMaskFormatModel(maskFormatModel: string);
9851
+ set setMaskFormatModel(maskFormatModel: boolean);
9818
9852
  /**
9819
9853
  * @optional
9820
9854
  *
@@ -9916,6 +9950,14 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
9916
9950
  static ngAcceptInputType_autoFocus: any;
9917
9951
  static ngAcceptInputType_emitAllChanges: any;
9918
9952
  static ngAcceptInputType_upperCase: any;
9953
+ static ngAcceptInputType_maskNoLengthValidation: any;
9954
+ static ngAcceptInputType_noAutocomplete: any;
9955
+ static ngAcceptInputType_setDisabled: any;
9956
+ static ngAcceptInputType_loading: any;
9957
+ static ngAcceptInputType_setReadonly: any;
9958
+ static ngAcceptInputType_setRequired: any;
9959
+ static ngAcceptInputType_setClean: any;
9960
+ static ngAcceptInputType_setMaskFormatModel: any;
9919
9961
  }
9920
9962
 
9921
9963
  declare abstract class PoInputGeneric extends PoInputBaseComponent implements AfterViewInit, OnDestroy {
@@ -12443,6 +12485,9 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
12443
12485
  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
12486
  static ngAcceptInputType_appendBox: any;
12445
12487
  static ngAcceptInputType_autoFocus: any;
12488
+ static ngAcceptInputType_disabled: any;
12489
+ static ngAcceptInputType_indeterminate: any;
12490
+ static ngAcceptInputType_required: any;
12446
12491
  }
12447
12492
 
12448
12493
  /**
@@ -16518,10 +16563,10 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16518
16563
  get placeholder(): string;
16519
16564
  /** Desabilita o campo. */
16520
16565
  disabled?: boolean;
16521
- set setDisabled(disabled: string);
16566
+ set setDisabled(disabled: boolean);
16522
16567
  /** Torna o elemento somente leitura. */
16523
16568
  readonly?: boolean;
16524
- set setReadonly(readonly: string);
16569
+ set setReadonly(readonly: boolean);
16525
16570
  /**
16526
16571
  * @optional
16527
16572
  *
@@ -16532,7 +16577,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16532
16577
  * @default `false`
16533
16578
  */
16534
16579
  required?: boolean;
16535
- set setRequired(required: string);
16580
+ set setRequired(required: boolean);
16536
16581
  /**
16537
16582
  * Define se a indicação de campo obrigatório será exibida.
16538
16583
  *
@@ -16558,7 +16603,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16558
16603
  get size(): string;
16559
16604
  /** Habilita ação para limpar o campo. */
16560
16605
  clean?: boolean;
16561
- set setClean(clean: string);
16606
+ set setClean(clean: boolean);
16562
16607
  /**
16563
16608
  * @optional
16564
16609
  *
@@ -16676,6 +16721,12 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
16676
16721
  static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerBaseComponent, never>;
16677
16722
  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
16723
  static ngAcceptInputType_autoFocus: any;
16724
+ static ngAcceptInputType_noAutocomplete: any;
16725
+ static ngAcceptInputType_setDisabled: any;
16726
+ static ngAcceptInputType_setReadonly: any;
16727
+ static ngAcceptInputType_setRequired: any;
16728
+ static ngAcceptInputType_setClean: any;
16729
+ static ngAcceptInputType_loading: any;
16679
16730
  static ngAcceptInputType_appendBox: any;
16680
16731
  }
16681
16732
 
@@ -17070,9 +17121,9 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
17070
17121
  */
17071
17122
  set placeholder(placeholder: string);
17072
17123
  get placeholder(): string;
17073
- set setDisabled(disabled: string);
17074
- set setReadonly(readonly: string);
17075
- set setRequired(required: string);
17124
+ set setDisabled(disabled: boolean);
17125
+ set setReadonly(readonly: boolean);
17126
+ set setRequired(required: boolean);
17076
17127
  /** Define se a indicação de campo obrigatório será exibida. */
17077
17128
  showRequired: boolean;
17078
17129
  /**
@@ -17088,7 +17139,7 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
17088
17139
  */
17089
17140
  set size(value: string);
17090
17141
  get size(): string;
17091
- set setClean(clean: string);
17142
+ set setClean(clean: boolean);
17092
17143
  /**
17093
17144
  * @optional
17094
17145
  *
@@ -17236,6 +17287,13 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
17236
17287
  static ɵfac: i0.ɵɵFactoryDeclaration<PoTimepickerBaseComponent, never>;
17237
17288
  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
17289
  static ngAcceptInputType_autoFocus: any;
17290
+ static ngAcceptInputType_noAutocomplete: any;
17291
+ static ngAcceptInputType_setDisabled: any;
17292
+ static ngAcceptInputType_setReadonly: any;
17293
+ static ngAcceptInputType_setRequired: any;
17294
+ static ngAcceptInputType_setClean: any;
17295
+ static ngAcceptInputType_showSeconds: any;
17296
+ static ngAcceptInputType_loading: any;
17239
17297
  static ngAcceptInputType_appendBox: any;
17240
17298
  }
17241
17299
 
@@ -18039,6 +18097,12 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
18039
18097
  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
18098
  static ngAcceptInputType_appendBox: any;
18041
18099
  static ngAcceptInputType_autoFocus: any;
18100
+ static ngAcceptInputType_clean: any;
18101
+ static ngAcceptInputType_disabled: any;
18102
+ static ngAcceptInputType_loading: any;
18103
+ static ngAcceptInputType_noAutocomplete: any;
18104
+ static ngAcceptInputType_readonly: any;
18105
+ static ngAcceptInputType_required: any;
18042
18106
  }
18043
18107
 
18044
18108
  /**
@@ -24008,6 +24072,10 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
24008
24072
  static ngAcceptInputType_autoHeight: any;
24009
24073
  static ngAcceptInputType_textWrap: any;
24010
24074
  static ngAcceptInputType_virtualScroll: any;
24075
+ static ngAcceptInputType_noAutocomplete: any;
24076
+ static ngAcceptInputType_required: any;
24077
+ static ngAcceptInputType_disabled: any;
24078
+ static ngAcceptInputType_loading: any;
24011
24079
  }
24012
24080
 
24013
24081
  /**
@@ -24936,6 +25004,11 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
24936
25004
  static ngAcceptInputType_appendBox: any;
24937
25005
  static ngAcceptInputType_controlValueWithLabel: any;
24938
25006
  static ngAcceptInputType_autoHeight: any;
25007
+ static ngAcceptInputType_required: any;
25008
+ static ngAcceptInputType_disabled: any;
25009
+ static ngAcceptInputType_loading: any;
25010
+ static ngAcceptInputType_hideSearch: any;
25011
+ static ngAcceptInputType_sort: any;
24939
25012
  }
24940
25013
 
24941
25014
  /**
@@ -25249,6 +25322,8 @@ declare class PoPasswordComponent extends PoInputGeneric implements OnChanges {
25249
25322
  showPassword(): void;
25250
25323
  static ɵfac: i0.ɵɵFactoryDeclaration<PoPasswordComponent, never>;
25251
25324
  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>;
25325
+ static ngAcceptInputType_hidePasswordPeek: any;
25326
+ static ngAcceptInputType_noAutocomplete: any;
25252
25327
  }
25253
25328
 
25254
25329
  /**
@@ -25588,6 +25663,8 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
25588
25663
  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
25664
  static ngAcceptInputType_appendBox: any;
25590
25665
  static ngAcceptInputType_autoFocus: any;
25666
+ static ngAcceptInputType_disabled: any;
25667
+ static ngAcceptInputType_required: any;
25591
25668
  }
25592
25669
 
25593
25670
  /**
@@ -26092,6 +26169,8 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
26092
26169
  static ngAcceptInputType_disabledTextAlign: any;
26093
26170
  static ngAcceptInputType_disabled: any;
26094
26171
  static ngAcceptInputType_loading: any;
26172
+ static ngAcceptInputType_readonly: any;
26173
+ static ngAcceptInputType_required: any;
26095
26174
  }
26096
26175
 
26097
26176
  declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnChanges {
@@ -27616,7 +27695,15 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
27616
27695
  static ngAcceptInputType_autoFocus: any;
27617
27696
  static ngAcceptInputType_disabledRemoveFile: any;
27618
27697
  static ngAcceptInputType_requiredUrl: any;
27698
+ static ngAcceptInputType_directory: any;
27699
+ static ngAcceptInputType_dragDrop: any;
27700
+ static ngAcceptInputType_hideRestrictionsInfo: any;
27701
+ static ngAcceptInputType_hideSelectButton: any;
27702
+ static ngAcceptInputType_hideSendButton: any;
27703
+ static ngAcceptInputType_disabled: any;
27619
27704
  static ngAcceptInputType_loading: any;
27705
+ static ngAcceptInputType_isMultiple: any;
27706
+ static ngAcceptInputType_required: any;
27620
27707
  }
27621
27708
 
27622
27709
  /**
@@ -28492,6 +28579,7 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
28492
28579
  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
28580
  static ngAcceptInputType_readonly: any;
28494
28581
  static ngAcceptInputType_controlValueWithLabel: any;
28582
+ static ngAcceptInputType_loading: any;
28495
28583
  }
28496
28584
 
28497
28585
  /**
@@ -28876,7 +28964,10 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
28876
28964
  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
28965
  static ngAcceptInputType_appendBox: any;
28878
28966
  static ngAcceptInputType_autoFocus: any;
28967
+ static ngAcceptInputType_disabled: any;
28879
28968
  static ngAcceptInputType_loading: any;
28969
+ static ngAcceptInputType_readonly: any;
28970
+ static ngAcceptInputType_required: any;
28880
28971
  }
28881
28972
 
28882
28973
  /**
@@ -34753,45 +34844,29 @@ interface PoPageAction extends PoDropdownAction {
34753
34844
  }
34754
34845
 
34755
34846
  /**
34756
- * @usedBy
34757
- *
34758
- * PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
34847
+ * @usedBy PoPageDefaultComponent
34759
34848
  *
34760
34849
  * @description
34761
34850
  *
34762
- * Interface que define o `po-breadcrumb`.
34851
+ * Define os tipos de cabeçalho disponíveis no `po-page-default`.
34763
34852
  */
34764
- interface PoBreadcrumb {
34853
+ declare enum PoPageHeaderType {
34765
34854
  /**
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
- *
34855
+ * Layout padrão com suporte a `p-breadcrumb`.
34774
34856
  */
34775
- favorite?: string;
34857
+ primary = "primary",
34776
34858
  /**
34777
- * @description
34778
- *
34779
- * Lista de itens do _breadcrumb_.
34859
+ * Exibe um botão de retorno ao lado do título.
34780
34860
  *
34781
- * **Exemplo:**
34782
- * ```
34783
- * { label: 'Po Portal', link: 'portal' }
34784
- * ```
34861
+ * > Incompatível com `p-breadcrumb`.
34785
34862
  */
34786
- items: Array<PoBreadcrumbItem>;
34863
+ secondary = "secondary",
34787
34864
  /**
34788
- * @optional
34789
- *
34790
- * @description
34865
+ * Layout simplificado sem botão de retorno.
34791
34866
  *
34792
- * Objeto que possibilita o envio de parâmetros adicionais à requisição.
34867
+ * > Incompatível com `p-breadcrumb`.
34793
34868
  */
34794
- params?: object;
34869
+ tertiary = "tertiary"
34795
34870
  }
34796
34871
 
34797
34872
  /**
@@ -34822,29 +34897,45 @@ declare enum PoPageActionsLayout {
34822
34897
  }
34823
34898
 
34824
34899
  /**
34825
- * @usedBy PoPageDefaultComponent
34900
+ * @usedBy
34901
+ *
34902
+ * PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
34826
34903
  *
34827
34904
  * @description
34828
34905
  *
34829
- * Define os tipos de cabeçalho disponíveis no `po-page-default`.
34906
+ * Interface que define o `po-breadcrumb`.
34830
34907
  */
34831
- declare enum PoPageHeaderType {
34908
+ interface PoBreadcrumb {
34832
34909
  /**
34833
- * Layout padrão com suporte a `p-breadcrumb`.
34910
+ * @optional
34911
+ *
34912
+ * @description
34913
+ *
34914
+ * Permite definir uma URL para favoritar ou desfavoritar.
34915
+ *
34916
+ * > Para maiores informações verificar a propriedade `p-favorite-service` do componente `po-breadcrumb`.
34917
+ *
34834
34918
  */
34835
- primary = "primary",
34919
+ favorite?: string;
34836
34920
  /**
34837
- * Exibe um botão de retorno ao lado do título.
34921
+ * @description
34838
34922
  *
34839
- * > Incompatível com `p-breadcrumb`.
34923
+ * Lista de itens do _breadcrumb_.
34924
+ *
34925
+ * **Exemplo:**
34926
+ * ```
34927
+ * { label: 'Po Portal', link: 'portal' }
34928
+ * ```
34840
34929
  */
34841
- secondary = "secondary",
34930
+ items: Array<PoBreadcrumbItem>;
34842
34931
  /**
34843
- * Layout simplificado sem botão de retorno.
34932
+ * @optional
34844
34933
  *
34845
- * > Incompatível com `p-breadcrumb`.
34934
+ * @description
34935
+ *
34936
+ * Objeto que possibilita o envio de parâmetros adicionais à requisição.
34846
34937
  */
34847
- tertiary = "tertiary"
34938
+ params?: object;
34848
34939
  }
34849
34940
 
34850
34941
  /**
@@ -35019,6 +35110,27 @@ declare abstract class PoPageDefaultBaseComponent {
35019
35110
  */
35020
35111
  set pageHeaderType(value: string | PoPageHeaderType);
35021
35112
  get pageHeaderType(): string;
35113
+ /**
35114
+ * @optional
35115
+ *
35116
+ * @description
35117
+ *
35118
+ * Define a função de callback executada ao clicar no botão de atualização (refresh) ao lado do subtítulo da página.
35119
+ *
35120
+ * Quando não houver subtítulo (`p-subtitle`), o refresh será exibido logo abaixo do título.
35121
+ *
35122
+ * > Esta propriedade possui precedência sobre a configuração de `p-helper`.
35123
+ *
35124
+ * Exemplo de uso:
35125
+ * ```html
35126
+ * <po-page-default
35127
+ * p-title="Dashboard"
35128
+ * [p-refresh]="onRefresh"
35129
+ * ></po-page-default>
35130
+ * ```
35131
+ */
35132
+ refresh: i0.InputSignal<Function>;
35133
+ protected readonly refreshCustomAction: i0.Signal<PoHelperCustomAction>;
35022
35134
  /**
35023
35135
  * @optional
35024
35136
  *
@@ -35064,7 +35176,7 @@ declare abstract class PoPageDefaultBaseComponent {
35064
35176
  abstract setDropdownActions(): any;
35065
35177
  abstract getVisibleActions(): any;
35066
35178
  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>;
35179
+ 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
35180
  }
35069
35181
 
35070
35182
  /**
@@ -35088,6 +35200,11 @@ declare abstract class PoPageDefaultBaseComponent {
35088
35200
  * <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.css"> </file>
35089
35201
  * <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.service.ts"> </file>
35090
35202
  * </example>
35203
+ *
35204
+ * <example name="po-page-default-refresh" title="PO Page Default - Refresh">
35205
+ * <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.html"> </file>
35206
+ * <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.ts"> </file>
35207
+ * </example>
35091
35208
  */
35092
35209
  declare class PoPageDefaultComponent extends PoPageDefaultBaseComponent implements AfterContentInit, OnChanges, OnDestroy {
35093
35210
  private readonly renderer;
@@ -35519,6 +35636,8 @@ declare class PoPageHeaderBaseComponent {
35519
35636
  title: string;
35520
35637
  /** Define o conteúdo do po-helper. */
35521
35638
  helper: i0.InputSignal<string | PoHelperOptions>;
35639
+ /** Define a ação customizada para o po-helper (uso interno entre componentes). */
35640
+ customAction: i0.InputSignal<PoHelperCustomAction>;
35522
35641
  /** Define o tamanho dos componentes no header. */
35523
35642
  size: string;
35524
35643
  /** Define o tipo de header: `primary`, `secondary` ou `tertiary`. */
@@ -35534,7 +35653,7 @@ declare class PoPageHeaderBaseComponent {
35534
35653
  get subtitle(): string;
35535
35654
  get subtitleFragments(): Array<PoTextFragment>;
35536
35655
  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>;
35656
+ 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
35657
  }
35539
35658
 
35540
35659
  /**
@@ -36806,7 +36925,7 @@ declare class PoStepperStepComponent implements OnChanges {
36806
36925
  ngOnChanges(changes: SimpleChanges): void;
36807
36926
  getStatusClass(status: string): string;
36808
36927
  onClick(): void;
36809
- onEnter(): void;
36928
+ onEnter(event?: KeyboardEvent): void;
36810
36929
  setDefaultStepSize(): void;
36811
36930
  static ɵfac: i0.ɵɵFactoryDeclaration<PoStepperStepComponent, never>;
36812
36931
  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>;
@@ -38859,6 +38978,38 @@ interface PoHeaderActionTool {
38859
38978
  *
38860
38979
  */
38861
38980
  link?: string;
38981
+ /**
38982
+ *
38983
+ * @optional
38984
+ *
38985
+ * @description
38986
+ *
38987
+ * Função executada quando o popup ou popover da ação é aberto.
38988
+ *
38989
+ * Esse evento é disparado toda vez que o usuário clica no botão da ação e o popup (quando há `items`)
38990
+ * ou o popover (quando há `popover`) é exibido.
38991
+ *
38992
+ * O callback recebe como parâmetro o `label` da ação que disparou o evento.
38993
+ *
38994
+ * Exemplo: `onOpen: (label) => console.log('Aberto:', label)`
38995
+ */
38996
+ onOpen?: (label?: string) => void;
38997
+ /**
38998
+ *
38999
+ * @optional
39000
+ *
39001
+ * @description
39002
+ *
39003
+ * Função executada quando o popup ou popover da ação é fechado.
39004
+ *
39005
+ * Esse evento é disparado toda vez que o popup (quando há `items`) ou o popover (quando há `popover`)
39006
+ * é ocultado, seja por clique fora do elemento ou por ação programática.
39007
+ *
39008
+ * O callback recebe como parâmetro o `label` da ação que disparou o evento.
39009
+ *
39010
+ * Exemplo: `onClose: (label) => console.log('Fechado:', label)`
39011
+ */
39012
+ onClose?: (label?: string) => void;
38862
39013
  $selected?: any;
38863
39014
  }
38864
39015
  /**
@@ -39059,6 +39210,34 @@ interface PoHeaderUser {
39059
39210
  *
39060
39211
  */
39061
39212
  items?: Array<PoHeaderActionToolItem>;
39213
+ /**
39214
+ *
39215
+ * @optional
39216
+ *
39217
+ * @description
39218
+ *
39219
+ * Função executada quando o popup ou popover da seção de Customer é aberto.
39220
+ *
39221
+ * Esse evento é disparado toda vez que o usuário clica no botão da seção de Customer e o popup
39222
+ * (quando há `items`) ou o popover (quando há `popover`) é exibido.
39223
+ *
39224
+ * Exemplo: `onOpen: this.onOpenNotifications.bind(this)`
39225
+ */
39226
+ onOpen?: Function;
39227
+ /**
39228
+ *
39229
+ * @optional
39230
+ *
39231
+ * @description
39232
+ *
39233
+ * Função executada quando o popup ou popover da seção de Customer é fechado.
39234
+ *
39235
+ * Esse evento é disparado toda vez que o popup (quando há `items`) ou o popover (quando há `popover`)
39236
+ * é ocultado, seja por clique fora do elemento ou por ação programática.
39237
+ *
39238
+ * Exemplo: `onClose: this.onCloseNotifications.bind(this)`
39239
+ */
39240
+ onClose?: Function;
39062
39241
  }
39063
39242
 
39064
39243
  /**