@po-ui/ng-components 21.24.0 → 21.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
- 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
- package/fesm2022/po-ui-ng-components.mjs +1684 -1586
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +4 -4
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +5 -5
- package/lib/components/po-field/po-timepicker/po-timepicker-base.component.d.ts +4 -4
- package/lib/components/po-helper/interfaces/po-helper-custom-action.interface.d.ts +16 -0
- package/lib/components/po-helper/po-helper-base.component.d.ts +3 -0
- package/lib/components/po-helper/po-helper.component.d.ts +5 -3
- package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +33 -5
- package/lib/components/po-page/po-page-default/po-page-default.component.d.ts +5 -0
- package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +3 -0
- package/lib/components/po-popover/po-popover-base.component.d.ts +12 -0
- package/lib/components/po-popover/po-popover.component.d.ts +1 -0
- package/lib/components/po-stepper/po-stepper-step/po-stepper-step.component.d.ts +1 -1
- package/package.json +4 -4
- package/po-ui-ng-components-21.26.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/types/po-ui-ng-components.d.ts +623 -493
- package/po-ui-ng-components-21.24.0.tgz +0 -0
|
@@ -2250,444 +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 | `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
|
-
* @description
|
|
2496
|
-
*
|
|
2497
|
-
* ElementRef do componente de origem responsável por abrir o popover.
|
|
2498
|
-
* Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
|
|
2499
|
-
* de abertura, exemplo:
|
|
2500
|
-
*
|
|
2501
|
-
* ```
|
|
2502
|
-
* <po-button
|
|
2503
|
-
* p-label="Open Popover">
|
|
2504
|
-
* </po-button>
|
|
2505
|
-
*
|
|
2506
|
-
* <po-popover
|
|
2507
|
-
* [p-target]="poButton"
|
|
2508
|
-
* [p-title]="PO Popover">
|
|
2509
|
-
* </po-popover>
|
|
2510
|
-
* ```
|
|
2511
|
-
*
|
|
2512
|
-
* Também deve-se criar um ViewChild para cada popover, passando como referência o elemento do
|
|
2513
|
-
* HTML que irá disparar o evento. Exemplo:
|
|
2514
|
-
*
|
|
2515
|
-
* ```
|
|
2516
|
-
* @ViewChild(PoButtonComponent, {read: ElementRef}) poButton: PoButtonComponent;
|
|
2517
|
-
* ```
|
|
2518
|
-
*
|
|
2519
|
-
* Pode-se tambem informar diretamente o HTMLElement, para não ter que utilizar o ViewChild.
|
|
2520
|
-
* Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
|
|
2521
|
-
* de abertura, exemplo:
|
|
2522
|
-
*
|
|
2523
|
-
* ```
|
|
2524
|
-
* <button #target>
|
|
2525
|
-
* Abrir popover
|
|
2526
|
-
* </button>
|
|
2527
|
-
*
|
|
2528
|
-
* <po-popover
|
|
2529
|
-
* [p-target]="target"
|
|
2530
|
-
* p-trigger="click" >
|
|
2531
|
-
* </po-popover>
|
|
2532
|
-
* ```
|
|
2533
|
-
*
|
|
2534
|
-
*
|
|
2535
|
-
*
|
|
2536
|
-
*/
|
|
2537
|
-
target: ElementRef | HTMLElement;
|
|
2538
|
-
/** Título do popover. */
|
|
2539
|
-
title?: string;
|
|
2540
|
-
width?: number;
|
|
2541
|
-
/** Evento disparado ao fechar o popover. */
|
|
2542
|
-
closePopover: EventEmitter<any>;
|
|
2543
|
-
/** Evento disparado ao abrir o popover. */
|
|
2544
|
-
openPopover: EventEmitter<any>;
|
|
2545
|
-
isHidden: boolean;
|
|
2546
|
-
protected clickoutListener: () => void;
|
|
2547
|
-
protected mouseEnterListener: () => void;
|
|
2548
|
-
protected mouseLeaveListener: () => void;
|
|
2549
|
-
protected resizeListener: () => void;
|
|
2550
|
-
private _hideArrow;
|
|
2551
|
-
private _position?;
|
|
2552
|
-
private _trigger?;
|
|
2553
|
-
/**
|
|
2554
|
-
* @optional
|
|
2555
|
-
*
|
|
2556
|
-
* @description
|
|
2557
|
-
*
|
|
2558
|
-
* Desabilita a seta do componente *popover*.
|
|
2559
|
-
*
|
|
2560
|
-
* @default `false`
|
|
2561
|
-
*/
|
|
2562
|
-
set hideArrow(value: boolean);
|
|
2563
|
-
get hideArrow(): boolean;
|
|
2564
|
-
/**
|
|
2565
|
-
* @optional
|
|
2566
|
-
*
|
|
2567
|
-
* @description
|
|
2568
|
-
*
|
|
2569
|
-
* Define a posição que o po-popover abrirá em relação ao componente alvo. Sugere-se que seja
|
|
2570
|
-
* usada a orientação "right" (direita), porém o mesmo é flexível e será rotacionado
|
|
2571
|
-
* automaticamente para se adequar a tela, caso necessário.
|
|
2572
|
-
*
|
|
2573
|
-
* Posições válidas:
|
|
2574
|
-
* - `right`: Posiciona o po-popover no lado direito do componente alvo.
|
|
2575
|
-
* - `right-bottom`: Posiciona o po-popover no lado direito inferior do componente alvo.
|
|
2576
|
-
* - `right-top`: Posiciona o po-popover no lado direito superior do componente alvo.
|
|
2577
|
-
* - `bottom`: Posiciona o po-popover abaixo do componente alvo.
|
|
2578
|
-
* - `bottom-left`: Posiciona o po-popover abaixo e à esquerda do componente alvo.
|
|
2579
|
-
* - `bottom-right`: Posiciona o po-popover abaixo e à direita do componente alvo.
|
|
2580
|
-
* - `left`: Posiciona o po-popover no lado esquerdo do componente alvo.
|
|
2581
|
-
* - `left-top`: Posiciona o po-popover no lado esquerdo superior do componente alvo.
|
|
2582
|
-
* - `left-bottom`: Posiciona o po-popover no lado esquerdo inferior do componente alvo.
|
|
2583
|
-
* - `top`: Posiciona o po-popover acima do componente alvo.
|
|
2584
|
-
* - `top-right`: Posiciona o po-popover acima e à direita do componente alvo.
|
|
2585
|
-
* - `top-left`: Posiciona o po-popover acima e à esquerda do componente alvo.
|
|
2586
|
-
*
|
|
2587
|
-
*
|
|
2588
|
-
* @default right
|
|
2589
|
-
*/
|
|
2590
|
-
set position(value: string);
|
|
2591
|
-
get position(): string;
|
|
2592
|
-
/**
|
|
2593
|
-
* @description
|
|
2594
|
-
*
|
|
2595
|
-
* Define o evento que abrirá o po-popover.
|
|
2596
|
-
*
|
|
2597
|
-
* Valores válidos:
|
|
2598
|
-
* - `click`: Abre ao clicar no componente alvo.
|
|
2599
|
-
* - `hover`: Abre ao passar o mouse sobre o componente alvo.
|
|
2600
|
-
* - `function`: Abre através de funções públicas do componente.
|
|
2601
|
-
*
|
|
2602
|
-
* @default click
|
|
2603
|
-
* @optional
|
|
2604
|
-
*/
|
|
2605
|
-
set trigger(value: string);
|
|
2606
|
-
get trigger(): string;
|
|
2607
|
-
/**
|
|
2608
|
-
* @optional
|
|
2609
|
-
*
|
|
2610
|
-
* @description
|
|
2611
|
-
* Permite a inclusão de classes CSS customizadas ao componente.
|
|
2612
|
-
*
|
|
2613
|
-
* Exemplo: `p-custom-classes="minha-classe-1 minha-classe-2"`.
|
|
2614
|
-
*
|
|
2615
|
-
*/
|
|
2616
|
-
customClasses: i0.InputSignal<string>;
|
|
2617
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverBaseComponent, never>;
|
|
2618
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverBaseComponent, "po-popover-base", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "cornerAligned": { "alias": "p-corner-aligned"; "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>;
|
|
2619
|
-
static ngAcceptInputType_appendBox: any;
|
|
2620
|
-
}
|
|
2621
|
-
|
|
2622
|
-
/**
|
|
2623
|
-
*
|
|
2624
|
-
* @docsExtends PoPopoverBaseComponent
|
|
2625
|
-
*
|
|
2626
|
-
* @example
|
|
2627
|
-
*
|
|
2628
|
-
* <example name="po-popover-basic" title="PO Popover Basic">
|
|
2629
|
-
* <file name="sample-po-popover-basic/sample-po-popover-basic.component.html"> </file>
|
|
2630
|
-
* <file name="sample-po-popover-basic/sample-po-popover-basic.component.ts"> </file>
|
|
2631
|
-
* </example>
|
|
2632
|
-
*
|
|
2633
|
-
* <example name="po-popover-labs" title="PO Popover Labs">
|
|
2634
|
-
* <file name="sample-po-popover-labs/sample-po-popover-labs.component.html"> </file>
|
|
2635
|
-
* <file name="sample-po-popover-labs/sample-po-popover-labs.component.ts"> </file>
|
|
2636
|
-
* </example>
|
|
2637
|
-
*
|
|
2638
|
-
* <example name="po-popover-credit-card" title="PO Popover - Credit Card">
|
|
2639
|
-
* <file name="sample-po-popover-credit-card/sample-po-popover-credit-card.component.html"> </file>
|
|
2640
|
-
* <file name="sample-po-popover-credit-card/sample-po-popover-credit-card.component.ts"> </file>
|
|
2641
|
-
* </example>
|
|
2642
|
-
*/
|
|
2643
|
-
declare class PoPopoverComponent extends PoPopoverBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
|
|
2644
|
-
private readonly renderer;
|
|
2645
|
-
private readonly poControlPosition;
|
|
2646
|
-
private readonly cd;
|
|
2647
|
-
popoverElement: ElementRef;
|
|
2648
|
-
arrowDirection: string;
|
|
2649
|
-
timeoutResize: any;
|
|
2650
|
-
targetElement: any;
|
|
2651
|
-
afterViewInitWasCalled: boolean;
|
|
2652
|
-
widthPopover: number;
|
|
2653
|
-
private keydownTargetListener?;
|
|
2654
|
-
private keydownPopoverListener?;
|
|
2655
|
-
private resizeObserver;
|
|
2656
|
-
eventListenerFunction: () => void;
|
|
2657
|
-
private readonly tabbableSelector;
|
|
2658
|
-
constructor(renderer: Renderer2, poControlPosition: PoControlPositionService, cd: ChangeDetectorRef);
|
|
2659
|
-
protected onThemeChange(): void;
|
|
2660
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
2661
|
-
ngAfterViewInit(): void;
|
|
2662
|
-
initEvents(): void;
|
|
2663
|
-
ngOnDestroy(): void;
|
|
2664
|
-
close(): void;
|
|
2665
|
-
debounceResize(): void;
|
|
2666
|
-
open(): void;
|
|
2667
|
-
private showPopover;
|
|
2668
|
-
ensurePopoverPosition(): void;
|
|
2669
|
-
setOpacity(value: number): void;
|
|
2670
|
-
setPopoverPosition(): void;
|
|
2671
|
-
setRendererListenInit(): void;
|
|
2672
|
-
togglePopup(event: any): void;
|
|
2673
|
-
private addScrollEventListener;
|
|
2674
|
-
private initEventListenerFunction;
|
|
2675
|
-
private removeListeners;
|
|
2676
|
-
private setElementsControlPosition;
|
|
2677
|
-
private focusOnTarget;
|
|
2678
|
-
private focusOnFirstFocusable;
|
|
2679
|
-
private attachPopoverKeydown;
|
|
2680
|
-
private isVisible;
|
|
2681
|
-
private getTabbablesIn;
|
|
2682
|
-
private getDocumentTabbables;
|
|
2683
|
-
private focusNextAfterTarget;
|
|
2684
|
-
private focusPrevBeforeTarget;
|
|
2685
|
-
private observeContentResize;
|
|
2686
|
-
private disconnectResizeObserver;
|
|
2687
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverComponent, never>;
|
|
2688
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverComponent, "po-popover", never, {}, {}, never, ["*"], false, never>;
|
|
2689
|
-
}
|
|
2690
|
-
|
|
2691
2253
|
/**
|
|
2692
2254
|
* @usedBy PoButtonComponent
|
|
2693
2255
|
*
|
|
@@ -3316,6 +2878,476 @@ declare enum PoButtonSize {
|
|
|
3316
2878
|
Large = "large"
|
|
3317
2879
|
}
|
|
3318
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 | `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 {
|
|
3128
|
+
/**
|
|
3129
|
+
* @optional
|
|
3130
|
+
*
|
|
3131
|
+
* @description
|
|
3132
|
+
*
|
|
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.
|
|
3136
|
+
*
|
|
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:
|
|
3159
|
+
*
|
|
3160
|
+
* ```
|
|
3161
|
+
* <po-button
|
|
3162
|
+
* p-label="Open Popover">
|
|
3163
|
+
* </po-button>
|
|
3164
|
+
*
|
|
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:
|
|
3173
|
+
*
|
|
3174
|
+
* ```
|
|
3175
|
+
* @ViewChild(PoButtonComponent, {read: ElementRef}) poButton: PoButtonComponent;
|
|
3176
|
+
* ```
|
|
3177
|
+
*
|
|
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
|
+
*
|
|
3195
|
+
*/
|
|
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?;
|
|
3212
|
+
/**
|
|
3213
|
+
* @optional
|
|
3214
|
+
*
|
|
3215
|
+
* @description
|
|
3216
|
+
*
|
|
3217
|
+
* Desabilita a seta do componente *popover*.
|
|
3218
|
+
*
|
|
3219
|
+
* @default `false`
|
|
3220
|
+
*/
|
|
3221
|
+
set hideArrow(value: boolean);
|
|
3222
|
+
get hideArrow(): boolean;
|
|
3223
|
+
/**
|
|
3224
|
+
* @optional
|
|
3225
|
+
*
|
|
3226
|
+
* @description
|
|
3227
|
+
*
|
|
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.
|
|
3231
|
+
*
|
|
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.
|
|
3245
|
+
*
|
|
3246
|
+
*
|
|
3247
|
+
* @default right
|
|
3248
|
+
*/
|
|
3249
|
+
set position(value: string);
|
|
3250
|
+
get position(): string;
|
|
3251
|
+
/**
|
|
3252
|
+
* @description
|
|
3253
|
+
*
|
|
3254
|
+
* Define o evento que abrirá o po-popover.
|
|
3255
|
+
*
|
|
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.
|
|
3260
|
+
*
|
|
3261
|
+
* @default click
|
|
3262
|
+
* @optional
|
|
3263
|
+
*/
|
|
3264
|
+
set trigger(value: string);
|
|
3265
|
+
get trigger(): string;
|
|
3266
|
+
/**
|
|
3267
|
+
* @optional
|
|
3268
|
+
*
|
|
3269
|
+
* @description
|
|
3270
|
+
* Permite a inclusão de classes CSS customizadas ao componente.
|
|
3271
|
+
*
|
|
3272
|
+
* Exemplo: `p-custom-classes="minha-classe-1 minha-classe-2"`.
|
|
3273
|
+
*
|
|
3274
|
+
*/
|
|
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;
|
|
3279
|
+
}
|
|
3280
|
+
|
|
3281
|
+
/**
|
|
3282
|
+
*
|
|
3283
|
+
* @docsExtends PoPopoverBaseComponent
|
|
3284
|
+
*
|
|
3285
|
+
* @example
|
|
3286
|
+
*
|
|
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>
|
|
3291
|
+
*
|
|
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>
|
|
3296
|
+
*
|
|
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>
|
|
3301
|
+
*/
|
|
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>;
|
|
3349
|
+
}
|
|
3350
|
+
|
|
3319
3351
|
/**
|
|
3320
3352
|
* Parser seguro de tags de formatação (`<b>`, `<strong>`, `<i>`, `<em>`, `<u>`).
|
|
3321
3353
|
* Não utiliza `innerHTML`. Tags fora da whitelist são removidas (proteção XSS).
|
|
@@ -3354,6 +3386,7 @@ declare class PoHelperComponent extends PoHelperBaseComponent implements AfterVi
|
|
|
3354
3386
|
target: ElementRef;
|
|
3355
3387
|
popover: PoPopoverComponent;
|
|
3356
3388
|
poButton: PoButtonComponent;
|
|
3389
|
+
refreshAnimating: boolean;
|
|
3357
3390
|
private static instances;
|
|
3358
3391
|
private static idCounter;
|
|
3359
3392
|
protected popoverPosition: string;
|
|
@@ -3363,7 +3396,6 @@ declare class PoHelperComponent extends PoHelperBaseComponent implements AfterVi
|
|
|
3363
3396
|
protected readonly contentFragments: i0.Signal<PoTextFragment[]>;
|
|
3364
3397
|
constructor(cdr: ChangeDetectorRef);
|
|
3365
3398
|
ngAfterViewInit(): void;
|
|
3366
|
-
setPopoverPositionByScreen(): void;
|
|
3367
3399
|
ngOnChanges(changes: SimpleChanges): void;
|
|
3368
3400
|
ngOnDestroy(): void;
|
|
3369
3401
|
openHelperPopover(): void;
|
|
@@ -3376,6 +3408,8 @@ declare class PoHelperComponent extends PoHelperBaseComponent implements AfterVi
|
|
|
3376
3408
|
protected ariaLabel(): string;
|
|
3377
3409
|
protected handleOpen(): void;
|
|
3378
3410
|
protected handleClose(): void;
|
|
3411
|
+
protected executeCustomAction(event: Event): void;
|
|
3412
|
+
protected onRefreshAnimationEnd(): void;
|
|
3379
3413
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoHelperComponent, never>;
|
|
3380
3414
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperComponent, "po-helper", never, {}, {}, never, never, false, never>;
|
|
3381
3415
|
}
|
|
@@ -3748,6 +3782,7 @@ declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
|
|
|
3748
3782
|
static ngAcceptInputType_autoFocus: any;
|
|
3749
3783
|
static ngAcceptInputType_checkBoxRequired: any;
|
|
3750
3784
|
static ngAcceptInputType_disabladTabindex: any;
|
|
3785
|
+
static ngAcceptInputType_disabled: any;
|
|
3751
3786
|
}
|
|
3752
3787
|
|
|
3753
3788
|
/**
|
|
@@ -4010,6 +4045,8 @@ declare class PoFieldContainerComponent implements OnInit, OnChanges {
|
|
|
4010
4045
|
handleLabelTooltip(): void;
|
|
4011
4046
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerComponent, never>;
|
|
4012
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;
|
|
4013
4050
|
}
|
|
4014
4051
|
|
|
4015
4052
|
/**
|
|
@@ -6776,10 +6813,18 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
6776
6813
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
|
|
6777
6814
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
|
|
6778
6815
|
static ngAcceptInputType_autoFocus: any;
|
|
6816
|
+
static ngAcceptInputType_infiniteScroll: any;
|
|
6779
6817
|
static ngAcceptInputType_clean: any;
|
|
6780
6818
|
static ngAcceptInputType_emitObjectValue: any;
|
|
6781
6819
|
static ngAcceptInputType_disabledTabFilter: any;
|
|
6820
|
+
static ngAcceptInputType_removeInitialFilter: any;
|
|
6782
6821
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
6822
|
+
static ngAcceptInputType_disabledInitFilter: any;
|
|
6823
|
+
static ngAcceptInputType_required: any;
|
|
6824
|
+
static ngAcceptInputType_changeOnEnter: any;
|
|
6825
|
+
static ngAcceptInputType_disabled: any;
|
|
6826
|
+
static ngAcceptInputType_loading: any;
|
|
6827
|
+
static ngAcceptInputType_sort: any;
|
|
6783
6828
|
static ngAcceptInputType_cache: any;
|
|
6784
6829
|
static ngAcceptInputType_appendBox: any;
|
|
6785
6830
|
}
|
|
@@ -9703,7 +9748,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9703
9748
|
* @default `false`
|
|
9704
9749
|
*/
|
|
9705
9750
|
disabled?: boolean;
|
|
9706
|
-
set setDisabled(disabled:
|
|
9751
|
+
set setDisabled(disabled: boolean);
|
|
9707
9752
|
/**
|
|
9708
9753
|
* @optional
|
|
9709
9754
|
*
|
|
@@ -9717,7 +9762,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9717
9762
|
get isDisabled(): boolean;
|
|
9718
9763
|
/** Indica que o campo será somente leitura. */
|
|
9719
9764
|
readonly?: boolean;
|
|
9720
|
-
set setReadonly(readonly:
|
|
9765
|
+
set setReadonly(readonly: boolean);
|
|
9721
9766
|
/**
|
|
9722
9767
|
* @optional
|
|
9723
9768
|
*
|
|
@@ -9729,7 +9774,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9729
9774
|
* @default `false`
|
|
9730
9775
|
*/
|
|
9731
9776
|
required?: boolean;
|
|
9732
|
-
set setRequired(required:
|
|
9777
|
+
set setRequired(required: boolean);
|
|
9733
9778
|
/**
|
|
9734
9779
|
* @optional
|
|
9735
9780
|
*
|
|
@@ -9755,7 +9800,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9755
9800
|
showRequired: boolean;
|
|
9756
9801
|
/** Se verdadeiro, o campo receberá um botão para ser limpo. */
|
|
9757
9802
|
clean?: boolean;
|
|
9758
|
-
set setClean(clean:
|
|
9803
|
+
set setClean(clean: boolean);
|
|
9759
9804
|
/**
|
|
9760
9805
|
* @description
|
|
9761
9806
|
*
|
|
@@ -9802,7 +9847,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9802
9847
|
* @default `false`
|
|
9803
9848
|
*/
|
|
9804
9849
|
maskFormatModel?: boolean;
|
|
9805
|
-
set setMaskFormatModel(maskFormatModel:
|
|
9850
|
+
set setMaskFormatModel(maskFormatModel: boolean);
|
|
9806
9851
|
/**
|
|
9807
9852
|
* @optional
|
|
9808
9853
|
*
|
|
@@ -9904,6 +9949,14 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9904
9949
|
static ngAcceptInputType_autoFocus: any;
|
|
9905
9950
|
static ngAcceptInputType_emitAllChanges: any;
|
|
9906
9951
|
static ngAcceptInputType_upperCase: any;
|
|
9952
|
+
static ngAcceptInputType_maskNoLengthValidation: any;
|
|
9953
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
9954
|
+
static ngAcceptInputType_setDisabled: any;
|
|
9955
|
+
static ngAcceptInputType_loading: any;
|
|
9956
|
+
static ngAcceptInputType_setReadonly: any;
|
|
9957
|
+
static ngAcceptInputType_setRequired: any;
|
|
9958
|
+
static ngAcceptInputType_setClean: any;
|
|
9959
|
+
static ngAcceptInputType_setMaskFormatModel: any;
|
|
9907
9960
|
}
|
|
9908
9961
|
|
|
9909
9962
|
declare abstract class PoInputGeneric extends PoInputBaseComponent implements AfterViewInit, OnDestroy {
|
|
@@ -12431,6 +12484,9 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
|
|
|
12431
12484
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
12432
12485
|
static ngAcceptInputType_appendBox: any;
|
|
12433
12486
|
static ngAcceptInputType_autoFocus: any;
|
|
12487
|
+
static ngAcceptInputType_disabled: any;
|
|
12488
|
+
static ngAcceptInputType_indeterminate: any;
|
|
12489
|
+
static ngAcceptInputType_required: any;
|
|
12434
12490
|
}
|
|
12435
12491
|
|
|
12436
12492
|
/**
|
|
@@ -16506,10 +16562,10 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16506
16562
|
get placeholder(): string;
|
|
16507
16563
|
/** Desabilita o campo. */
|
|
16508
16564
|
disabled?: boolean;
|
|
16509
|
-
set setDisabled(disabled:
|
|
16565
|
+
set setDisabled(disabled: boolean);
|
|
16510
16566
|
/** Torna o elemento somente leitura. */
|
|
16511
16567
|
readonly?: boolean;
|
|
16512
|
-
set setReadonly(readonly:
|
|
16568
|
+
set setReadonly(readonly: boolean);
|
|
16513
16569
|
/**
|
|
16514
16570
|
* @optional
|
|
16515
16571
|
*
|
|
@@ -16520,7 +16576,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16520
16576
|
* @default `false`
|
|
16521
16577
|
*/
|
|
16522
16578
|
required?: boolean;
|
|
16523
|
-
set setRequired(required:
|
|
16579
|
+
set setRequired(required: boolean);
|
|
16524
16580
|
/**
|
|
16525
16581
|
* Define se a indicação de campo obrigatório será exibida.
|
|
16526
16582
|
*
|
|
@@ -16546,7 +16602,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16546
16602
|
get size(): string;
|
|
16547
16603
|
/** Habilita ação para limpar o campo. */
|
|
16548
16604
|
clean?: boolean;
|
|
16549
|
-
set setClean(clean:
|
|
16605
|
+
set setClean(clean: boolean);
|
|
16550
16606
|
/**
|
|
16551
16607
|
* @optional
|
|
16552
16608
|
*
|
|
@@ -16664,6 +16720,12 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16664
16720
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerBaseComponent, never>;
|
|
16665
16721
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "mode": { "alias": "p-mode"; "required": false; }; "yearRangeLimit": { "alias": "p-year-range-limit"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
16666
16722
|
static ngAcceptInputType_autoFocus: any;
|
|
16723
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
16724
|
+
static ngAcceptInputType_setDisabled: any;
|
|
16725
|
+
static ngAcceptInputType_setReadonly: any;
|
|
16726
|
+
static ngAcceptInputType_setRequired: any;
|
|
16727
|
+
static ngAcceptInputType_setClean: any;
|
|
16728
|
+
static ngAcceptInputType_loading: any;
|
|
16667
16729
|
static ngAcceptInputType_appendBox: any;
|
|
16668
16730
|
}
|
|
16669
16731
|
|
|
@@ -17058,9 +17120,9 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
|
|
|
17058
17120
|
*/
|
|
17059
17121
|
set placeholder(placeholder: string);
|
|
17060
17122
|
get placeholder(): string;
|
|
17061
|
-
set setDisabled(disabled:
|
|
17062
|
-
set setReadonly(readonly:
|
|
17063
|
-
set setRequired(required:
|
|
17123
|
+
set setDisabled(disabled: boolean);
|
|
17124
|
+
set setReadonly(readonly: boolean);
|
|
17125
|
+
set setRequired(required: boolean);
|
|
17064
17126
|
/** Define se a indicação de campo obrigatório será exibida. */
|
|
17065
17127
|
showRequired: boolean;
|
|
17066
17128
|
/**
|
|
@@ -17076,7 +17138,7 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
|
|
|
17076
17138
|
*/
|
|
17077
17139
|
set size(value: string);
|
|
17078
17140
|
get size(): string;
|
|
17079
|
-
set setClean(clean:
|
|
17141
|
+
set setClean(clean: boolean);
|
|
17080
17142
|
/**
|
|
17081
17143
|
* @optional
|
|
17082
17144
|
*
|
|
@@ -17224,6 +17286,13 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
|
|
|
17224
17286
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTimepickerBaseComponent, never>;
|
|
17225
17287
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTimepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "minTime": { "alias": "p-min-time"; "required": false; }; "maxTime": { "alias": "p-max-time"; "required": false; }; "minuteInterval": { "alias": "p-minute-interval"; "required": false; }; "secondInterval": { "alias": "p-second-interval"; "required": false; }; "showSeconds": { "alias": "p-show-seconds"; "required": false; }; "modelFormat": { "alias": "p-model-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
17226
17288
|
static ngAcceptInputType_autoFocus: any;
|
|
17289
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
17290
|
+
static ngAcceptInputType_setDisabled: any;
|
|
17291
|
+
static ngAcceptInputType_setReadonly: any;
|
|
17292
|
+
static ngAcceptInputType_setRequired: any;
|
|
17293
|
+
static ngAcceptInputType_setClean: any;
|
|
17294
|
+
static ngAcceptInputType_showSeconds: any;
|
|
17295
|
+
static ngAcceptInputType_loading: any;
|
|
17227
17296
|
static ngAcceptInputType_appendBox: any;
|
|
17228
17297
|
}
|
|
17229
17298
|
|
|
@@ -18027,6 +18096,12 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
|
|
|
18027
18096
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "rangePresets": { "alias": "p-range-presets"; "required": false; }; "rangePresetOptions": { "alias": "p-range-preset-options"; "required": false; }; "rangePresetsOrder": { "alias": "p-range-presets-order"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
18028
18097
|
static ngAcceptInputType_appendBox: any;
|
|
18029
18098
|
static ngAcceptInputType_autoFocus: any;
|
|
18099
|
+
static ngAcceptInputType_clean: any;
|
|
18100
|
+
static ngAcceptInputType_disabled: any;
|
|
18101
|
+
static ngAcceptInputType_loading: any;
|
|
18102
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
18103
|
+
static ngAcceptInputType_readonly: any;
|
|
18104
|
+
static ngAcceptInputType_required: any;
|
|
18030
18105
|
}
|
|
18031
18106
|
|
|
18032
18107
|
/**
|
|
@@ -23996,6 +24071,10 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
23996
24071
|
static ngAcceptInputType_autoHeight: any;
|
|
23997
24072
|
static ngAcceptInputType_textWrap: any;
|
|
23998
24073
|
static ngAcceptInputType_virtualScroll: any;
|
|
24074
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
24075
|
+
static ngAcceptInputType_required: any;
|
|
24076
|
+
static ngAcceptInputType_disabled: any;
|
|
24077
|
+
static ngAcceptInputType_loading: any;
|
|
23999
24078
|
}
|
|
24000
24079
|
|
|
24001
24080
|
/**
|
|
@@ -24924,6 +25003,11 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
24924
25003
|
static ngAcceptInputType_appendBox: any;
|
|
24925
25004
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
24926
25005
|
static ngAcceptInputType_autoHeight: any;
|
|
25006
|
+
static ngAcceptInputType_required: any;
|
|
25007
|
+
static ngAcceptInputType_disabled: any;
|
|
25008
|
+
static ngAcceptInputType_loading: any;
|
|
25009
|
+
static ngAcceptInputType_hideSearch: any;
|
|
25010
|
+
static ngAcceptInputType_sort: any;
|
|
24927
25011
|
}
|
|
24928
25012
|
|
|
24929
25013
|
/**
|
|
@@ -25237,6 +25321,8 @@ declare class PoPasswordComponent extends PoInputGeneric implements OnChanges {
|
|
|
25237
25321
|
showPassword(): void;
|
|
25238
25322
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPasswordComponent, never>;
|
|
25239
25323
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoPasswordComponent, "po-password", never, { "hidePasswordPeek": { "alias": "p-hide-password-peek"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; }, {}, never, never, false, never>;
|
|
25324
|
+
static ngAcceptInputType_hidePasswordPeek: any;
|
|
25325
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
25240
25326
|
}
|
|
25241
25327
|
|
|
25242
25328
|
/**
|
|
@@ -25576,6 +25662,8 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
25576
25662
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
25577
25663
|
static ngAcceptInputType_appendBox: any;
|
|
25578
25664
|
static ngAcceptInputType_autoFocus: any;
|
|
25665
|
+
static ngAcceptInputType_disabled: any;
|
|
25666
|
+
static ngAcceptInputType_required: any;
|
|
25579
25667
|
}
|
|
25580
25668
|
|
|
25581
25669
|
/**
|
|
@@ -26080,6 +26168,8 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
|
|
|
26080
26168
|
static ngAcceptInputType_disabledTextAlign: any;
|
|
26081
26169
|
static ngAcceptInputType_disabled: any;
|
|
26082
26170
|
static ngAcceptInputType_loading: any;
|
|
26171
|
+
static ngAcceptInputType_readonly: any;
|
|
26172
|
+
static ngAcceptInputType_required: any;
|
|
26083
26173
|
}
|
|
26084
26174
|
|
|
26085
26175
|
declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnChanges {
|
|
@@ -27604,7 +27694,15 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
|
|
|
27604
27694
|
static ngAcceptInputType_autoFocus: any;
|
|
27605
27695
|
static ngAcceptInputType_disabledRemoveFile: any;
|
|
27606
27696
|
static ngAcceptInputType_requiredUrl: any;
|
|
27697
|
+
static ngAcceptInputType_directory: any;
|
|
27698
|
+
static ngAcceptInputType_dragDrop: any;
|
|
27699
|
+
static ngAcceptInputType_hideRestrictionsInfo: any;
|
|
27700
|
+
static ngAcceptInputType_hideSelectButton: any;
|
|
27701
|
+
static ngAcceptInputType_hideSendButton: any;
|
|
27702
|
+
static ngAcceptInputType_disabled: any;
|
|
27607
27703
|
static ngAcceptInputType_loading: any;
|
|
27704
|
+
static ngAcceptInputType_isMultiple: any;
|
|
27705
|
+
static ngAcceptInputType_required: any;
|
|
27608
27706
|
}
|
|
27609
27707
|
|
|
27610
27708
|
/**
|
|
@@ -28480,6 +28578,7 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
28480
28578
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "blur": "p-blur"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
28481
28579
|
static ngAcceptInputType_readonly: any;
|
|
28482
28580
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
28581
|
+
static ngAcceptInputType_loading: any;
|
|
28483
28582
|
}
|
|
28484
28583
|
|
|
28485
28584
|
/**
|
|
@@ -28864,7 +28963,10 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
|
|
|
28864
28963
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
28865
28964
|
static ngAcceptInputType_appendBox: any;
|
|
28866
28965
|
static ngAcceptInputType_autoFocus: any;
|
|
28966
|
+
static ngAcceptInputType_disabled: any;
|
|
28867
28967
|
static ngAcceptInputType_loading: any;
|
|
28968
|
+
static ngAcceptInputType_readonly: any;
|
|
28969
|
+
static ngAcceptInputType_required: any;
|
|
28868
28970
|
}
|
|
28869
28971
|
|
|
28870
28972
|
/**
|
|
@@ -34741,45 +34843,29 @@ interface PoPageAction extends PoDropdownAction {
|
|
|
34741
34843
|
}
|
|
34742
34844
|
|
|
34743
34845
|
/**
|
|
34744
|
-
* @usedBy
|
|
34745
|
-
*
|
|
34746
|
-
* PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
|
|
34846
|
+
* @usedBy PoPageDefaultComponent
|
|
34747
34847
|
*
|
|
34748
34848
|
* @description
|
|
34749
34849
|
*
|
|
34750
|
-
*
|
|
34850
|
+
* Define os tipos de cabeçalho disponíveis no `po-page-default`.
|
|
34751
34851
|
*/
|
|
34752
|
-
|
|
34852
|
+
declare enum PoPageHeaderType {
|
|
34753
34853
|
/**
|
|
34754
|
-
*
|
|
34755
|
-
*
|
|
34756
|
-
* @description
|
|
34757
|
-
*
|
|
34758
|
-
* Permite definir uma URL para favoritar ou desfavoritar.
|
|
34759
|
-
*
|
|
34760
|
-
* > Para maiores informações verificar a propriedade `p-favorite-service` do componente `po-breadcrumb`.
|
|
34761
|
-
*
|
|
34854
|
+
* Layout padrão com suporte a `p-breadcrumb`.
|
|
34762
34855
|
*/
|
|
34763
|
-
|
|
34856
|
+
primary = "primary",
|
|
34764
34857
|
/**
|
|
34765
|
-
*
|
|
34766
|
-
*
|
|
34767
|
-
* Lista de itens do _breadcrumb_.
|
|
34858
|
+
* Exibe um botão de retorno ao lado do título.
|
|
34768
34859
|
*
|
|
34769
|
-
*
|
|
34770
|
-
* ```
|
|
34771
|
-
* { label: 'Po Portal', link: 'portal' }
|
|
34772
|
-
* ```
|
|
34860
|
+
* > Incompatível com `p-breadcrumb`.
|
|
34773
34861
|
*/
|
|
34774
|
-
|
|
34862
|
+
secondary = "secondary",
|
|
34775
34863
|
/**
|
|
34776
|
-
*
|
|
34777
|
-
*
|
|
34778
|
-
* @description
|
|
34864
|
+
* Layout simplificado sem botão de retorno.
|
|
34779
34865
|
*
|
|
34780
|
-
*
|
|
34866
|
+
* > Incompatível com `p-breadcrumb`.
|
|
34781
34867
|
*/
|
|
34782
|
-
|
|
34868
|
+
tertiary = "tertiary"
|
|
34783
34869
|
}
|
|
34784
34870
|
|
|
34785
34871
|
/**
|
|
@@ -34810,29 +34896,45 @@ declare enum PoPageActionsLayout {
|
|
|
34810
34896
|
}
|
|
34811
34897
|
|
|
34812
34898
|
/**
|
|
34813
|
-
* @usedBy
|
|
34899
|
+
* @usedBy
|
|
34900
|
+
*
|
|
34901
|
+
* PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
|
|
34814
34902
|
*
|
|
34815
34903
|
* @description
|
|
34816
34904
|
*
|
|
34817
|
-
*
|
|
34905
|
+
* Interface que define o `po-breadcrumb`.
|
|
34818
34906
|
*/
|
|
34819
|
-
|
|
34907
|
+
interface PoBreadcrumb {
|
|
34820
34908
|
/**
|
|
34821
|
-
*
|
|
34909
|
+
* @optional
|
|
34910
|
+
*
|
|
34911
|
+
* @description
|
|
34912
|
+
*
|
|
34913
|
+
* Permite definir uma URL para favoritar ou desfavoritar.
|
|
34914
|
+
*
|
|
34915
|
+
* > Para maiores informações verificar a propriedade `p-favorite-service` do componente `po-breadcrumb`.
|
|
34916
|
+
*
|
|
34822
34917
|
*/
|
|
34823
|
-
|
|
34918
|
+
favorite?: string;
|
|
34824
34919
|
/**
|
|
34825
|
-
*
|
|
34920
|
+
* @description
|
|
34826
34921
|
*
|
|
34827
|
-
*
|
|
34922
|
+
* Lista de itens do _breadcrumb_.
|
|
34923
|
+
*
|
|
34924
|
+
* **Exemplo:**
|
|
34925
|
+
* ```
|
|
34926
|
+
* { label: 'Po Portal', link: 'portal' }
|
|
34927
|
+
* ```
|
|
34828
34928
|
*/
|
|
34829
|
-
|
|
34929
|
+
items: Array<PoBreadcrumbItem>;
|
|
34830
34930
|
/**
|
|
34831
|
-
*
|
|
34931
|
+
* @optional
|
|
34832
34932
|
*
|
|
34833
|
-
*
|
|
34933
|
+
* @description
|
|
34934
|
+
*
|
|
34935
|
+
* Objeto que possibilita o envio de parâmetros adicionais à requisição.
|
|
34834
34936
|
*/
|
|
34835
|
-
|
|
34937
|
+
params?: object;
|
|
34836
34938
|
}
|
|
34837
34939
|
|
|
34838
34940
|
/**
|
|
@@ -35007,6 +35109,27 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
35007
35109
|
*/
|
|
35008
35110
|
set pageHeaderType(value: string | PoPageHeaderType);
|
|
35009
35111
|
get pageHeaderType(): string;
|
|
35112
|
+
/**
|
|
35113
|
+
* @optional
|
|
35114
|
+
*
|
|
35115
|
+
* @description
|
|
35116
|
+
*
|
|
35117
|
+
* Define a função de callback executada ao clicar no botão de atualização (refresh) ao lado do subtítulo da página.
|
|
35118
|
+
*
|
|
35119
|
+
* Quando não houver subtítulo (`p-subtitle`), o refresh será exibido logo abaixo do título.
|
|
35120
|
+
*
|
|
35121
|
+
* > Esta propriedade possui precedência sobre a configuração de `p-helper`.
|
|
35122
|
+
*
|
|
35123
|
+
* Exemplo de uso:
|
|
35124
|
+
* ```html
|
|
35125
|
+
* <po-page-default
|
|
35126
|
+
* p-title="Dashboard"
|
|
35127
|
+
* [p-refresh]="onRefresh"
|
|
35128
|
+
* ></po-page-default>
|
|
35129
|
+
* ```
|
|
35130
|
+
*/
|
|
35131
|
+
refresh: i0.InputSignal<Function>;
|
|
35132
|
+
protected readonly refreshCustomAction: i0.Signal<PoHelperCustomAction>;
|
|
35010
35133
|
/**
|
|
35011
35134
|
* @optional
|
|
35012
35135
|
*
|
|
@@ -35052,7 +35175,7 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
35052
35175
|
abstract setDropdownActions(): any;
|
|
35053
35176
|
abstract getVisibleActions(): any;
|
|
35054
35177
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageDefaultBaseComponent, never>;
|
|
35055
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDefaultBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "literals": { "alias": "p-literals"; "required": false; }; "pageActionsLayout": { "alias": "p-page-actions-layout"; "required": false; }; "pageHeaderType": { "alias": "p-page-header-type"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; }, never, never, true, never>;
|
|
35178
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDefaultBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "literals": { "alias": "p-literals"; "required": false; }; "pageActionsLayout": { "alias": "p-page-actions-layout"; "required": false; }; "pageHeaderType": { "alias": "p-page-header-type"; "required": false; }; "refresh": { "alias": "p-refresh"; "required": false; "isSignal": true; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; }, never, never, true, never>;
|
|
35056
35179
|
}
|
|
35057
35180
|
|
|
35058
35181
|
/**
|
|
@@ -35076,6 +35199,11 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
35076
35199
|
* <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.css"> </file>
|
|
35077
35200
|
* <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.service.ts"> </file>
|
|
35078
35201
|
* </example>
|
|
35202
|
+
*
|
|
35203
|
+
* <example name="po-page-default-refresh" title="PO Page Default - Refresh">
|
|
35204
|
+
* <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.html"> </file>
|
|
35205
|
+
* <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.ts"> </file>
|
|
35206
|
+
* </example>
|
|
35079
35207
|
*/
|
|
35080
35208
|
declare class PoPageDefaultComponent extends PoPageDefaultBaseComponent implements AfterContentInit, OnChanges, OnDestroy {
|
|
35081
35209
|
private readonly renderer;
|
|
@@ -35507,6 +35635,8 @@ declare class PoPageHeaderBaseComponent {
|
|
|
35507
35635
|
title: string;
|
|
35508
35636
|
/** Define o conteúdo do po-helper. */
|
|
35509
35637
|
helper: i0.InputSignal<string | PoHelperOptions>;
|
|
35638
|
+
/** Define a ação customizada para o po-helper (uso interno entre componentes). */
|
|
35639
|
+
customAction: i0.InputSignal<PoHelperCustomAction>;
|
|
35510
35640
|
/** Define o tamanho dos componentes no header. */
|
|
35511
35641
|
size: string;
|
|
35512
35642
|
/** Define o tipo de header: `primary`, `secondary` ou `tertiary`. */
|
|
@@ -35522,7 +35652,7 @@ declare class PoPageHeaderBaseComponent {
|
|
|
35522
35652
|
get subtitle(): string;
|
|
35523
35653
|
get subtitleFragments(): Array<PoTextFragment>;
|
|
35524
35654
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageHeaderBaseComponent, never>;
|
|
35525
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
35655
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
35526
35656
|
}
|
|
35527
35657
|
|
|
35528
35658
|
/**
|
|
@@ -36794,7 +36924,7 @@ declare class PoStepperStepComponent implements OnChanges {
|
|
|
36794
36924
|
ngOnChanges(changes: SimpleChanges): void;
|
|
36795
36925
|
getStatusClass(status: string): string;
|
|
36796
36926
|
onClick(): void;
|
|
36797
|
-
onEnter(): void;
|
|
36927
|
+
onEnter(event?: KeyboardEvent): void;
|
|
36798
36928
|
setDefaultStepSize(): void;
|
|
36799
36929
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoStepperStepComponent, never>;
|
|
36800
36930
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoStepperStepComponent, "po-stepper-step", never, { "alignCenter": { "alias": "p-align-center"; "required": false; }; "circleContent": { "alias": "p-circle-content"; "required": false; }; "nextStatus": { "alias": "p-next-status"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "status": { "alias": "p-status"; "required": false; }; "stepIcons": { "alias": "p-step-icons"; "required": false; }; "stepSize": { "alias": "p-step-size"; "required": false; }; "iconDefault": { "alias": "p-icon-default"; "required": false; }; "iconDone": { "alias": "p-step-icon-done"; "required": false; }; "iconActive": { "alias": "p-step-icon-active"; "required": false; }; "isVerticalOrientation": { "alias": "p-vertical-orientation"; "required": false; }; "disabledClick": { "alias": "p-disable-click"; "required": false; }; }, { "activated": "p-activated"; "click": "p-click"; "enter": "p-enter"; }, never, never, false, never>;
|