@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.
- 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 +1637 -1568
- 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-header/interfaces/po-header-action-tool.interface.d.ts +32 -0
- package/lib/components/po-header/interfaces/po-header-user.interface.d.ts +28 -0
- 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 -2
- 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-popup/po-popup-base.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.27.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 +836 -657
- 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 | `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 | `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
|
|
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
|
-
*
|
|
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
|
-
* <
|
|
3161
|
+
* <po-button
|
|
3162
|
+
* p-label="Open Popover">
|
|
3163
|
+
* </po-button>
|
|
3149
3164
|
*
|
|
3150
|
-
*
|
|
3151
|
-
*
|
|
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
|
-
*
|
|
3154
|
-
*
|
|
3155
|
-
* </div>
|
|
3174
|
+
* ```
|
|
3175
|
+
* @ViewChild(PoButtonComponent, {read: ElementRef}) poButton: PoButtonComponent;
|
|
3156
3176
|
* ```
|
|
3157
3177
|
*
|
|
3158
|
-
*
|
|
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
|
-
|
|
3161
|
-
|
|
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
|
-
*
|
|
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 `
|
|
3219
|
+
* @default `false`
|
|
3172
3220
|
*/
|
|
3173
|
-
set
|
|
3174
|
-
get
|
|
3221
|
+
set hideArrow(value: boolean);
|
|
3222
|
+
get hideArrow(): boolean;
|
|
3175
3223
|
/**
|
|
3176
3224
|
* @optional
|
|
3177
3225
|
*
|
|
3178
3226
|
* @description
|
|
3179
3227
|
*
|
|
3180
|
-
* Define o
|
|
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
|
-
*
|
|
3183
|
-
* - `
|
|
3184
|
-
* - `
|
|
3185
|
-
* - `
|
|
3186
|
-
* - `
|
|
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
|
-
*
|
|
3246
|
+
*
|
|
3247
|
+
* @default right
|
|
3189
3248
|
*/
|
|
3190
|
-
set
|
|
3191
|
-
get
|
|
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
|
|
3254
|
+
* Define o evento que abrirá o po-popover.
|
|
3246
3255
|
*
|
|
3247
|
-
*
|
|
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
|
-
*
|
|
3261
|
+
* @default click
|
|
3262
|
+
* @optional
|
|
3263
|
+
*/
|
|
3264
|
+
set trigger(value: string);
|
|
3265
|
+
get trigger(): string;
|
|
3266
|
+
/**
|
|
3267
|
+
* @optional
|
|
3251
3268
|
*
|
|
3252
|
-
*
|
|
3253
|
-
*
|
|
3269
|
+
* @description
|
|
3270
|
+
* Permite a inclusão de classes CSS customizadas ao componente.
|
|
3254
3271
|
*
|
|
3255
|
-
*
|
|
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
|
-
|
|
3263
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
3264
|
-
static
|
|
3265
|
-
static
|
|
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
|
-
* @
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
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
|
-
*
|
|
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
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
16566
|
+
set setDisabled(disabled: boolean);
|
|
16522
16567
|
/** Torna o elemento somente leitura. */
|
|
16523
16568
|
readonly?: boolean;
|
|
16524
|
-
set setReadonly(readonly:
|
|
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:
|
|
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:
|
|
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:
|
|
17074
|
-
set setReadonly(readonly:
|
|
17075
|
-
set setRequired(required:
|
|
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:
|
|
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
|
-
*
|
|
34851
|
+
* Define os tipos de cabeçalho disponíveis no `po-page-default`.
|
|
34763
34852
|
*/
|
|
34764
|
-
|
|
34853
|
+
declare enum PoPageHeaderType {
|
|
34765
34854
|
/**
|
|
34766
|
-
*
|
|
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
|
-
|
|
34857
|
+
primary = "primary",
|
|
34776
34858
|
/**
|
|
34777
|
-
*
|
|
34778
|
-
*
|
|
34779
|
-
* Lista de itens do _breadcrumb_.
|
|
34859
|
+
* Exibe um botão de retorno ao lado do título.
|
|
34780
34860
|
*
|
|
34781
|
-
*
|
|
34782
|
-
* ```
|
|
34783
|
-
* { label: 'Po Portal', link: 'portal' }
|
|
34784
|
-
* ```
|
|
34861
|
+
* > Incompatível com `p-breadcrumb`.
|
|
34785
34862
|
*/
|
|
34786
|
-
|
|
34863
|
+
secondary = "secondary",
|
|
34787
34864
|
/**
|
|
34788
|
-
*
|
|
34789
|
-
*
|
|
34790
|
-
* @description
|
|
34865
|
+
* Layout simplificado sem botão de retorno.
|
|
34791
34866
|
*
|
|
34792
|
-
*
|
|
34867
|
+
* > Incompatível com `p-breadcrumb`.
|
|
34793
34868
|
*/
|
|
34794
|
-
|
|
34869
|
+
tertiary = "tertiary"
|
|
34795
34870
|
}
|
|
34796
34871
|
|
|
34797
34872
|
/**
|
|
@@ -34822,29 +34897,45 @@ declare enum PoPageActionsLayout {
|
|
|
34822
34897
|
}
|
|
34823
34898
|
|
|
34824
34899
|
/**
|
|
34825
|
-
* @usedBy
|
|
34900
|
+
* @usedBy
|
|
34901
|
+
*
|
|
34902
|
+
* PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
|
|
34826
34903
|
*
|
|
34827
34904
|
* @description
|
|
34828
34905
|
*
|
|
34829
|
-
*
|
|
34906
|
+
* Interface que define o `po-breadcrumb`.
|
|
34830
34907
|
*/
|
|
34831
|
-
|
|
34908
|
+
interface PoBreadcrumb {
|
|
34832
34909
|
/**
|
|
34833
|
-
*
|
|
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
|
-
|
|
34919
|
+
favorite?: string;
|
|
34836
34920
|
/**
|
|
34837
|
-
*
|
|
34921
|
+
* @description
|
|
34838
34922
|
*
|
|
34839
|
-
*
|
|
34923
|
+
* Lista de itens do _breadcrumb_.
|
|
34924
|
+
*
|
|
34925
|
+
* **Exemplo:**
|
|
34926
|
+
* ```
|
|
34927
|
+
* { label: 'Po Portal', link: 'portal' }
|
|
34928
|
+
* ```
|
|
34840
34929
|
*/
|
|
34841
|
-
|
|
34930
|
+
items: Array<PoBreadcrumbItem>;
|
|
34842
34931
|
/**
|
|
34843
|
-
*
|
|
34932
|
+
* @optional
|
|
34844
34933
|
*
|
|
34845
|
-
*
|
|
34934
|
+
* @description
|
|
34935
|
+
*
|
|
34936
|
+
* Objeto que possibilita o envio de parâmetros adicionais à requisição.
|
|
34846
34937
|
*/
|
|
34847
|
-
|
|
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
|
/**
|