@po-ui/ng-components 21.25.0 → 21.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +1630 -1566
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +4 -4
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +5 -5
- package/lib/components/po-field/po-timepicker/po-timepicker-base.component.d.ts +4 -4
- package/lib/components/po-helper/interfaces/po-helper-custom-action.interface.d.ts +16 -0
- package/lib/components/po-helper/po-helper-base.component.d.ts +3 -0
- package/lib/components/po-helper/po-helper.component.d.ts +5 -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-stepper/po-stepper-step/po-stepper-step.component.d.ts +1 -1
- package/package.json +4 -4
- package/po-ui-ng-components-21.26.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/types/po-ui-ng-components.d.ts +836 -718
- 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
|
*
|
|
@@ -3053,280 +2602,750 @@ interface LoadingIconComponent {
|
|
|
3053
2602
|
/**
|
|
3054
2603
|
* @docsPrivate
|
|
3055
2604
|
*
|
|
3056
|
-
* @description
|
|
2605
|
+
* @description
|
|
2606
|
+
*
|
|
2607
|
+
* Componente que exibe um ícone de carregamento de conteúdo. A cor padrão para ele é a primária conforme o tema utilizado.
|
|
2608
|
+
* É possível alterá-la para um tom cinza conforme a necessidade.
|
|
2609
|
+
*/
|
|
2610
|
+
declare class PoLoadingIconComponent implements AfterViewInit, OnDestroy {
|
|
2611
|
+
loadingIconComponent?: Type<LoadingIconComponent>;
|
|
2612
|
+
private _neutralColor;
|
|
2613
|
+
private _size;
|
|
2614
|
+
private createdRef;
|
|
2615
|
+
id: string;
|
|
2616
|
+
loadingContainer: ViewContainerRef;
|
|
2617
|
+
/**
|
|
2618
|
+
* @optional
|
|
2619
|
+
*
|
|
2620
|
+
* @description
|
|
2621
|
+
*
|
|
2622
|
+
* Definição para cor neutra (cinza) para o ícone de carregamento.
|
|
2623
|
+
*
|
|
2624
|
+
* @default `false`
|
|
2625
|
+
*/
|
|
2626
|
+
set neutralColor(value: boolean);
|
|
2627
|
+
get neutralColor(): boolean;
|
|
2628
|
+
/**
|
|
2629
|
+
* @optional
|
|
2630
|
+
*
|
|
2631
|
+
* @description
|
|
2632
|
+
*
|
|
2633
|
+
* Definição do tamanho do ícone.
|
|
2634
|
+
*
|
|
2635
|
+
* Valores válidos:
|
|
2636
|
+
* - `xs`: tamanho `extra small`
|
|
2637
|
+
* - `sm`: tamanho `small`
|
|
2638
|
+
* - `md`: tamanho `medium`
|
|
2639
|
+
* - `lg`: tamanho `large`
|
|
2640
|
+
*
|
|
2641
|
+
* @default `md`
|
|
2642
|
+
*/
|
|
2643
|
+
set size(value: string);
|
|
2644
|
+
get size(): string;
|
|
2645
|
+
inOverlay: boolean;
|
|
2646
|
+
constructor(loadingIconComponent?: Type<LoadingIconComponent>);
|
|
2647
|
+
ngOnDestroy(): void;
|
|
2648
|
+
ngAfterViewInit(): void;
|
|
2649
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingIconComponent, [{ optional: true; }]>;
|
|
2650
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingIconComponent, "po-loading-icon", never, { "neutralColor": { "alias": "p-neutral-color"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "inOverlay": { "alias": "p-in-overlay"; "required": false; }; }, {}, never, never, false, never>;
|
|
2651
|
+
}
|
|
2652
|
+
|
|
2653
|
+
/**
|
|
2654
|
+
*
|
|
2655
|
+
* @description
|
|
2656
|
+
*
|
|
2657
|
+
* Este componente mostra ao usuário uma imagem de _loading_ e bloqueia a página inteira ou o container escolhido,
|
|
2658
|
+
* enquanto aguarda a resposta de alguma requisição.
|
|
2659
|
+
*
|
|
2660
|
+
* #### Tokens customizáveis
|
|
2661
|
+
*
|
|
2662
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS): <br>
|
|
2663
|
+
* Obs: Só é possível realizar alterações ao adicionar a classe `.po-loading`
|
|
2664
|
+
*
|
|
2665
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
2666
|
+
*
|
|
2667
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
2668
|
+
* |----------------------------------------|-------------------------------------------------------|---------------------------------------------------|
|
|
2669
|
+
* | **Default Values** | | |
|
|
2670
|
+
* | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` |
|
|
2671
|
+
* | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` |
|
|
2672
|
+
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-70)` |
|
|
2673
|
+
* | `--border-radius` | Contém o valor do raio dos cantos do elemento | `var(--border-radius-md)` |
|
|
2674
|
+
* | `--border-width` | Contém o valor da largura dos cantos do elemento | `var(--border-width-sm)` |
|
|
2675
|
+
* | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |
|
|
2676
|
+
* | `--background` | Cor de background | `var(--color-neutral-light-00)` |
|
|
2677
|
+
* | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |
|
|
2678
|
+
* | **po-loading-icon** | | |
|
|
2679
|
+
* | `--color` | Cor principal do spinner | `var(--color-action-default)` |
|
|
2680
|
+
*
|
|
2681
|
+
*/
|
|
2682
|
+
declare class PoLoadingOverlayBaseComponent {
|
|
2683
|
+
private readonly languageService;
|
|
2684
|
+
private _screenLock?;
|
|
2685
|
+
private _text?;
|
|
2686
|
+
private _size?;
|
|
2687
|
+
/**
|
|
2688
|
+
* @optional
|
|
2689
|
+
*
|
|
2690
|
+
* @description
|
|
2691
|
+
*
|
|
2692
|
+
* Define se o *overlay* será aplicado a um *container* ou à página inteira.
|
|
2693
|
+
*
|
|
2694
|
+
* Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
|
|
2695
|
+
*
|
|
2696
|
+
* ```
|
|
2697
|
+
* <div style="position: relative">
|
|
2698
|
+
*
|
|
2699
|
+
* <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
|
|
2700
|
+
* </po-chart>
|
|
2701
|
+
*
|
|
2702
|
+
* <po-loading-overlay>
|
|
2703
|
+
* </po-loading-overlay>
|
|
2704
|
+
* </div>
|
|
2705
|
+
* ```
|
|
2706
|
+
*
|
|
2707
|
+
* @default `false`
|
|
2708
|
+
*/
|
|
2709
|
+
set screenLock(screenLock: boolean);
|
|
2710
|
+
get screenLock(): boolean;
|
|
2711
|
+
/**
|
|
2712
|
+
* @optional
|
|
2713
|
+
*
|
|
2714
|
+
* @description
|
|
2715
|
+
*
|
|
2716
|
+
* Texto a ser exibido no componente.
|
|
2717
|
+
*
|
|
2718
|
+
* > O valor padrão será traduzido de acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador.
|
|
2719
|
+
*
|
|
2720
|
+
* @default `Carregando`
|
|
2721
|
+
*/
|
|
2722
|
+
set text(value: string);
|
|
2723
|
+
get text(): string;
|
|
2724
|
+
/**
|
|
2725
|
+
* @optional
|
|
2726
|
+
*
|
|
2727
|
+
* @description
|
|
2728
|
+
*
|
|
2729
|
+
* Define o tamanho do componente com base no tamanho do ícone de *loading*.
|
|
2730
|
+
*
|
|
2731
|
+
* Tamanhos disponíveis para o *loading*:
|
|
2732
|
+
* - `xs`: 1rem
|
|
2733
|
+
* - `sm`: 1.5rem
|
|
2734
|
+
* - `md`: 3rem
|
|
2735
|
+
* - `lg`: 5rem (valor padrão)
|
|
2736
|
+
*
|
|
2737
|
+
* @default `lg`
|
|
2738
|
+
*/
|
|
2739
|
+
set size(value: string | null);
|
|
2740
|
+
get size(): string;
|
|
2741
|
+
constructor(languageService: PoLanguageService);
|
|
2742
|
+
private getTextDefault;
|
|
2743
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingOverlayBaseComponent, never>;
|
|
2744
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLoadingOverlayBaseComponent, never, never, { "screenLock": { "alias": "p-screen-lock"; "required": false; }; "text": { "alias": "p-text"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
/**
|
|
2748
|
+
*
|
|
2749
|
+
* @docsExtends PoLoadingOverlayBaseComponent
|
|
2750
|
+
*
|
|
2751
|
+
* @example
|
|
2752
|
+
*
|
|
2753
|
+
* <example name="po-loading-overlay-basic" title="PO Loading Overlay Basic">
|
|
2754
|
+
* <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.html"> </file>
|
|
2755
|
+
* <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.ts"> </file>
|
|
2756
|
+
* <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.css"> </file>
|
|
2757
|
+
* </example>
|
|
2758
|
+
*
|
|
2759
|
+
* <example name="po-loading-overlay-labs" title="PO Loading Overlay Labs">
|
|
2760
|
+
* <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.html"> </file>
|
|
2761
|
+
* <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.ts"> </file>
|
|
2762
|
+
* <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.css"> </file>
|
|
2763
|
+
* </example>
|
|
2764
|
+
*
|
|
2765
|
+
* <example name="po-loading-overlay-connection-test" title="PO Loading Overlay - Connection Test">
|
|
2766
|
+
* <file name="sample-po-loading-overlay-connection-test/sample-po-loading-overlay-connection-test.component.html"> </file>
|
|
2767
|
+
* <file name="sample-po-loading-overlay-connection-test/sample-po-loading-overlay-connection-test.component.ts"> </file>
|
|
2768
|
+
* </example>
|
|
2769
|
+
*/
|
|
2770
|
+
declare class PoLoadingOverlayComponent extends PoLoadingOverlayBaseComponent {
|
|
2771
|
+
changeDetector: ChangeDetectorRef;
|
|
2772
|
+
constructor();
|
|
2773
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingOverlayComponent, never>;
|
|
2774
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingOverlayComponent, "po-loading-overlay", never, {}, {}, never, never, false, never>;
|
|
2775
|
+
}
|
|
2776
|
+
|
|
2777
|
+
/**
|
|
2778
|
+
* @description
|
|
2779
|
+
*
|
|
2780
|
+
* Módulo do serviço `po-language`.
|
|
2781
|
+
*/
|
|
2782
|
+
declare class PoLanguageModule {
|
|
2783
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLanguageModule, never>;
|
|
2784
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoLanguageModule, never, never, never>;
|
|
2785
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoLanguageModule>;
|
|
2786
|
+
}
|
|
2787
|
+
|
|
2788
|
+
declare class PoOverlayBaseComponent {
|
|
2789
|
+
/**
|
|
2790
|
+
* @optional
|
|
2791
|
+
*
|
|
2792
|
+
* @description
|
|
2793
|
+
*
|
|
2794
|
+
* Define se o *overlay* será aplicado a um *container* ou a página inteira.
|
|
2795
|
+
*
|
|
2796
|
+
* Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:
|
|
2797
|
+
*
|
|
2798
|
+
* ```
|
|
2799
|
+
* <div style="position: relative">
|
|
2800
|
+
*
|
|
2801
|
+
* <po-chart [p-series]="[{ value: 10, category: 'Example' }]">
|
|
2802
|
+
* </po-chart>
|
|
2803
|
+
*
|
|
2804
|
+
* <po-overlay>
|
|
2805
|
+
* </po-overlay>
|
|
2806
|
+
* </div>
|
|
2807
|
+
* ```
|
|
2808
|
+
*
|
|
2809
|
+
* @default `false`
|
|
2810
|
+
*/
|
|
2811
|
+
screenLock: boolean;
|
|
2812
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayBaseComponent, never>;
|
|
2813
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoOverlayBaseComponent, never, never, { "screenLock": { "alias": "p-screen-lock"; "required": false; }; }, {}, never, never, true, never>;
|
|
2814
|
+
static ngAcceptInputType_screenLock: any;
|
|
2815
|
+
}
|
|
2816
|
+
|
|
2817
|
+
declare class PoOverlayComponent extends PoOverlayBaseComponent {
|
|
2818
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayComponent, never>;
|
|
2819
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoOverlayComponent, "po-overlay", never, {}, {}, never, ["*"], false, never>;
|
|
2820
|
+
}
|
|
2821
|
+
|
|
2822
|
+
declare class PoOverlayModule {
|
|
2823
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoOverlayModule, never>;
|
|
2824
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoOverlayModule, [typeof PoOverlayComponent], [typeof i2.CommonModule], [typeof PoOverlayComponent]>;
|
|
2825
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoOverlayModule>;
|
|
2826
|
+
}
|
|
2827
|
+
|
|
2828
|
+
/**
|
|
2829
|
+
*
|
|
2830
|
+
* @description
|
|
2831
|
+
*
|
|
2832
|
+
* Módulo do componente po-loading-overlay.
|
|
2833
|
+
*/
|
|
2834
|
+
declare class PoLoadingModule {
|
|
2835
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingModule, never>;
|
|
2836
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoLoadingModule, [typeof PoLoadingComponent, typeof PoLoadingIconComponent, typeof PoLoadingOverlayComponent], [typeof i2.CommonModule, typeof PoLanguageModule, typeof PoOverlayModule], [typeof PoLoadingComponent, typeof PoLoadingIconComponent, typeof PoLoadingOverlayComponent]>;
|
|
2837
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoLoadingModule>;
|
|
2838
|
+
}
|
|
2839
|
+
|
|
2840
|
+
/**
|
|
2841
|
+
* @description
|
|
2842
|
+
*
|
|
2843
|
+
* Módulo do componente po-button.
|
|
2844
|
+
*/
|
|
2845
|
+
declare class PoButtonModule {
|
|
2846
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoButtonModule, never>;
|
|
2847
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoButtonModule, [typeof PoButtonComponent], [typeof i2.CommonModule, typeof PoLoadingModule, typeof PoIconModule], [typeof PoButtonComponent]>;
|
|
2848
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoButtonModule>;
|
|
2849
|
+
}
|
|
2850
|
+
|
|
2851
|
+
/**
|
|
2852
|
+
* @usedBy PoButtonComponent, PoWidgetComponent
|
|
2853
|
+
*
|
|
2854
|
+
* @description
|
|
2855
|
+
*
|
|
2856
|
+
* Estilos disponíveis do button.
|
|
2857
|
+
*/
|
|
2858
|
+
declare enum PoButtonKind {
|
|
2859
|
+
/** Estilo primário, usado para ações principais que requerem maior destaque. */
|
|
2860
|
+
primary = "primary",
|
|
2861
|
+
/** Estilo secundário, usado como padrão, para ações comuns. */
|
|
2862
|
+
secondary = "secondary",
|
|
2863
|
+
/** Estilo terciário, ideal para ações menos importantes, sem fundo preenchido. */
|
|
2864
|
+
tertiary = "tertiary"
|
|
2865
|
+
}
|
|
2866
|
+
|
|
2867
|
+
/**
|
|
2868
|
+
* @description
|
|
2869
|
+
*
|
|
2870
|
+
* Tamanhos da propriedade `p-size`. A medida `small` está disponível apenas para acessibilidade AA.
|
|
2871
|
+
*/
|
|
2872
|
+
declare enum PoButtonSize {
|
|
2873
|
+
/** Define a altura do button como 32px. */
|
|
2874
|
+
Small = "small",
|
|
2875
|
+
/** Define a altura do button como 44px. */
|
|
2876
|
+
Medium = "medium",
|
|
2877
|
+
/** Define a altura do button como 56px. */
|
|
2878
|
+
Large = "large"
|
|
2879
|
+
}
|
|
2880
|
+
|
|
2881
|
+
/**
|
|
2882
|
+
* @usedBy PoHelperComponent, PoPageDefaultComponent
|
|
2883
|
+
*
|
|
2884
|
+
* @description
|
|
2885
|
+
*
|
|
2886
|
+
* Interface para configuração das opções de ajuda (*helper*).
|
|
2887
|
+
*/
|
|
2888
|
+
interface PoHelperOptions {
|
|
2889
|
+
/**
|
|
2890
|
+
*
|
|
2891
|
+
* @optional
|
|
2892
|
+
*
|
|
2893
|
+
* @description
|
|
2894
|
+
*
|
|
2895
|
+
* Título do helper exibido no popover.
|
|
2896
|
+
*/
|
|
2897
|
+
title?: string;
|
|
2898
|
+
/**
|
|
2899
|
+
*
|
|
2900
|
+
* @optional
|
|
2901
|
+
*
|
|
2902
|
+
* @description
|
|
2903
|
+
*
|
|
2904
|
+
* Texto explicativo exibido no popover.
|
|
2905
|
+
*
|
|
2906
|
+
* Suporta formatação básica com as tags `<b>` (negrito), `<strong>` (negrito), `<i>` (itálico), `<em>` (itálico) e
|
|
2907
|
+
* `<u>` (sublinhado).
|
|
2908
|
+
*
|
|
2909
|
+
* Exemplo:
|
|
2910
|
+
* ```typescript
|
|
2911
|
+
* content: 'Texto <b>importante</b> com <em>destaque</em> e <u>sublinhado</u>'
|
|
2912
|
+
* ```
|
|
2913
|
+
*/
|
|
2914
|
+
content?: string;
|
|
2915
|
+
/**
|
|
2916
|
+
*
|
|
2917
|
+
* @optional
|
|
2918
|
+
*
|
|
2919
|
+
* @description
|
|
2920
|
+
*
|
|
2921
|
+
* Tipo do ícone exibido: `info` ou `help`.
|
|
2922
|
+
*
|
|
2923
|
+
* Quando o valor é `info`, o popover exibe apenas informações e não permite ações customizadas.
|
|
2924
|
+
*
|
|
2925
|
+
* Quando o valor é `help`, o popover pode exibir ações customizadas no rodapé.
|
|
2926
|
+
*
|
|
2927
|
+
* @default `help`
|
|
2928
|
+
*/
|
|
2929
|
+
type?: 'info' | 'help';
|
|
2930
|
+
/**
|
|
2931
|
+
*
|
|
2932
|
+
* @optional
|
|
2933
|
+
*
|
|
2934
|
+
* @description
|
|
2935
|
+
*
|
|
2936
|
+
* Ação customizada exibida no rodapé do popover.
|
|
2937
|
+
* Compatível apenas com a propriedade type com o valor `help` e desconsiderada quando o type for `info`.
|
|
2938
|
+
*
|
|
2939
|
+
* Deve ser um objeto com as propriedades:
|
|
2940
|
+
* - `label`: Texto do botão.
|
|
2941
|
+
* - `action`: Função executada ao clicar no botão.
|
|
2942
|
+
*
|
|
2943
|
+
* Exemplo:
|
|
2944
|
+
* ```typescript
|
|
2945
|
+
* { label: 'Saiba mais', action: this.footerAction.bind(this)) }
|
|
2946
|
+
* ```
|
|
2947
|
+
*/
|
|
2948
|
+
footerAction?: {
|
|
2949
|
+
label: string;
|
|
2950
|
+
action: Function;
|
|
2951
|
+
};
|
|
2952
|
+
/**
|
|
2953
|
+
* @optional
|
|
2954
|
+
*
|
|
2955
|
+
* @description
|
|
2956
|
+
* Evento disparado ao clicar no ícone do helper.
|
|
2957
|
+
*
|
|
2958
|
+
* O conteúdo do popover não é exibido quando esta propriedade é definida, para controle total do evento pelo desenvolvedor.
|
|
2959
|
+
*
|
|
2960
|
+
* Pode ser uma função ou um `EventEmitter`.
|
|
2961
|
+
*
|
|
2962
|
+
* Exemplo:
|
|
2963
|
+
* ```
|
|
2964
|
+
* eventOnClick: (event) => {
|
|
2965
|
+
* alert('Clicou no helper');
|
|
2966
|
+
* console.log(event);
|
|
2967
|
+
* }
|
|
2968
|
+
* ```
|
|
2969
|
+
*/
|
|
2970
|
+
eventOnClick?: Function;
|
|
2971
|
+
size?: string;
|
|
2972
|
+
}
|
|
2973
|
+
|
|
2974
|
+
/**
|
|
2975
|
+
* @docsPrivate
|
|
2976
|
+
*
|
|
2977
|
+
* @description
|
|
2978
|
+
*
|
|
2979
|
+
* Interface interna para configuração de ações customizadas no po-helper.
|
|
2980
|
+
* Utilizada exclusivamente para repasse de configuração entre os componentes de página (po-page-default, po-page-header) e o po-helper.
|
|
2981
|
+
*/
|
|
2982
|
+
interface PoHelperCustomAction {
|
|
2983
|
+
/** Ícone a ser exibido no botão. */
|
|
2984
|
+
icon: string;
|
|
2985
|
+
/** Label de acessibilidade para o botão. */
|
|
2986
|
+
ariaLabel?: string;
|
|
2987
|
+
/** Função callback a ser executada ao clicar no botão. */
|
|
2988
|
+
action: Function;
|
|
2989
|
+
}
|
|
2990
|
+
|
|
2991
|
+
/**
|
|
2992
|
+
* @description
|
|
2993
|
+
*
|
|
2994
|
+
* O componente `po-helper` exibe um ícone de ajuda ou informação ao lado de campos, botões ou outros elementos, permitindo ao usuário acessar conteúdos explicativos em um popover.
|
|
2995
|
+
*
|
|
2996
|
+
* Principais funcionalidades:
|
|
2997
|
+
* - Exibe ícone de ajuda (`help`) ou informação (`info`) conforme configuração.
|
|
2998
|
+
* - Permite definir título, conteúdo e ações no popover via propriedade `p-helper`.
|
|
2999
|
+
* - Suporte a acessibilidade: navegação por teclado, atributos ARIA e leitura do conteúdo por leitores de tela.
|
|
3000
|
+
* - Controle do tamanho do componente via propriedade `p-size` (`small` ou `medium`).
|
|
3001
|
+
* - Permite customizar ações no rodapé do popover.
|
|
3002
|
+
*
|
|
3003
|
+
* Exemplo de uso:
|
|
3004
|
+
* ```html
|
|
3005
|
+
* <po-helper
|
|
3006
|
+
* [p-helper]="{ title: 'Ajuda', content: 'Texto explicativo', type: 'help' }"
|
|
3007
|
+
* [p-size]="'medium'"
|
|
3008
|
+
* ></po-helper>
|
|
3009
|
+
* ```
|
|
3010
|
+
*
|
|
3011
|
+
* Também é possível passar apenas uma string para o conteúdo:
|
|
3012
|
+
* ```html
|
|
3013
|
+
* <po-helper p-helper="Texto explicativo"></po-helper>
|
|
3014
|
+
* ```
|
|
3015
|
+
*
|
|
3016
|
+
* A propriedade `p-helper` aceita um objeto do tipo `PoHelperOptions`:
|
|
3017
|
+
* ```typescript
|
|
3018
|
+
* interface PoHelperOptions {
|
|
3019
|
+
* title?: string;
|
|
3020
|
+
* content: string;
|
|
3021
|
+
* type?: 'help' | 'info';
|
|
3022
|
+
* eventOnClick?: Function;
|
|
3023
|
+
* footerAction?: { label: string; action: Function };
|
|
3024
|
+
* }
|
|
3025
|
+
* ```
|
|
3026
|
+
*
|
|
3027
|
+
* > **Importante:** A propriedade `footerAction` não pode ser utilizada quando o tipo do helper for `info`, pois o ícone de informação é destinado apenas para exibir informações estáticas sem ações adicionais.
|
|
3028
|
+
*
|
|
3029
|
+
* #### Tokens customizáveis
|
|
3030
|
+
*
|
|
3031
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
3032
|
+
*
|
|
3033
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
3034
|
+
*
|
|
3035
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
3036
|
+
* |--------------------------------------------|---------------------------------------------------------------|---------------------------------------------------|
|
|
3037
|
+
* | `--color` | Cor principal do ícone | `var(--color-action-default)` |
|
|
3038
|
+
* | `--border-color-hover` | Cor da borda no estado hover | `var(--color-brand-01-darkest)` |
|
|
3039
|
+
* | `--background-pressed` | Cor de background no estado de pressionado | `var(--color-brand-01-light)` |
|
|
3040
|
+
* | `--color-disabled` | Cor principal no estado disabled | `var(--color-action-disabled)` |
|
|
3041
|
+
*
|
|
3042
|
+
*/
|
|
3043
|
+
declare class PoHelperBaseComponent {
|
|
3044
|
+
/**
|
|
3045
|
+
* @optional
|
|
3046
|
+
*
|
|
3047
|
+
* @description
|
|
3048
|
+
*
|
|
3049
|
+
* Define o conteúdo e as opções do popover de ajuda/informação.
|
|
3050
|
+
*
|
|
3051
|
+
* Aceita uma string simples (exibida como conteúdo) ou um objeto do tipo `PoHelperOptions` para configuração avançada:
|
|
3052
|
+
* - `title`: Título do popover.
|
|
3053
|
+
* - `content`: Conteúdo explicativo exibido no popover.
|
|
3054
|
+
* - `type`: Tipo do ícone (`help` ou `info`).
|
|
3055
|
+
* - `eventOnClick`: Função chamada ao clicar no ícone.
|
|
3056
|
+
* - `footerAction`: Objeto com `label` e `action` para ação customizada no rodapé do popover.
|
|
3057
|
+
*
|
|
3058
|
+
* Exemplo de uso:
|
|
3059
|
+
* ```html
|
|
3060
|
+
* <po-helper p-helper="Texto explicativo"></po-helper>
|
|
3061
|
+
* <po-helper [p-helper]="{ title: 'Ajuda', content: 'Texto', type: 'help' }"></po-helper>
|
|
3062
|
+
* ```
|
|
3063
|
+
*
|
|
3064
|
+
*/
|
|
3065
|
+
helper: i0.InputSignal<string | PoHelperOptions>;
|
|
3066
|
+
/** @docsPrivate */
|
|
3067
|
+
customAction: i0.InputSignal<PoHelperCustomAction>;
|
|
3068
|
+
/**
|
|
3069
|
+
* @optional
|
|
3070
|
+
*
|
|
3071
|
+
* @description
|
|
3072
|
+
*
|
|
3073
|
+
* Define o tamanho do componente:
|
|
3074
|
+
* - `small`: altura do ícone com seu valor de 16px (disponível apenas para acessibilidade AA).
|
|
3075
|
+
* - `medium`: altura do ícone com seu valor de 24px.
|
|
3076
|
+
*
|
|
3077
|
+
* > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
|
|
3078
|
+
* Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
|
|
3079
|
+
*
|
|
3080
|
+
* @default `medium`
|
|
3081
|
+
*/
|
|
3082
|
+
size: i0.InputSignal<string>;
|
|
3083
|
+
get hostSize(): string;
|
|
3084
|
+
/**
|
|
3085
|
+
* @optional
|
|
3086
|
+
*
|
|
3087
|
+
* @description
|
|
3088
|
+
*
|
|
3089
|
+
* Indica se o helper deve ser exibido no estado desativado, desabilitando interações do usuário.
|
|
3090
|
+
*
|
|
3091
|
+
* @default `false`
|
|
3092
|
+
*/
|
|
3093
|
+
disabled: i0.InputSignal<boolean>;
|
|
3094
|
+
/**
|
|
3095
|
+
* @optional
|
|
3096
|
+
*
|
|
3097
|
+
* @description
|
|
3098
|
+
* Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
|
|
3099
|
+
* ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
|
|
3100
|
+
* correto do conteúdo próximo ao elemento.
|
|
3101
|
+
*/
|
|
3102
|
+
appendBox: i0.InputSignal<boolean>;
|
|
3103
|
+
private transformHelper;
|
|
3104
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoHelperBaseComponent, never>;
|
|
3105
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperBaseComponent, "po-helper-base", never, { "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; "appendBox": { "alias": "p-append-in-body"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
3106
|
+
}
|
|
3107
|
+
|
|
3108
|
+
/**
|
|
3109
|
+
* @description
|
|
3110
|
+
*
|
|
3111
|
+
* O componente `po-popover` é um container pequeno recomendado para incluir vários tipos de conteúdo como:
|
|
3112
|
+
* gráficos, textos, imagens e inputs. Ele abre sobreposto aos outros componentes.
|
|
3113
|
+
*
|
|
3114
|
+
* Para mostrar apenas pequenos textos recomenda-se o uso da diretiva
|
|
3115
|
+
* [**po-tooltip**](https://po-ui.io/documentation/po-tooltip?view=doc).
|
|
3116
|
+
*
|
|
3117
|
+
* Para conteúdos maiores recomenda-se o uso do [**po-modal**](https://po-ui.io/documentation/po-modal?view=doc).
|
|
3118
|
+
*
|
|
3119
|
+
* Ele contém um título e também é possível escolher as posições do popover em relação ao componente pai,
|
|
3120
|
+
* as posições permitidas são: `right`, `right-top`, `right-bottom`, `top`, `top-left`, `top-right`,
|
|
3121
|
+
* `left`, `left-top`, `left-bottom`, `bottom`, `bottom-left` e `bottom-right`.
|
|
3122
|
+
*
|
|
3123
|
+
* Também é possível escolher entre os dois eventos que podem abrir o *popover*.
|
|
3124
|
+
* Os eventos permitidos são: `click` e `hover`.
|
|
3057
3125
|
*
|
|
3058
|
-
* Componente que exibe um ícone de carregamento de conteúdo. A cor padrão para ele é a primária conforme o tema utilizado.
|
|
3059
|
-
* É possível alterá-la para um tom cinza conforme a necessidade.
|
|
3060
3126
|
*/
|
|
3061
|
-
declare class
|
|
3062
|
-
loadingIconComponent?: Type<LoadingIconComponent>;
|
|
3063
|
-
private _neutralColor;
|
|
3064
|
-
private _size;
|
|
3065
|
-
private createdRef;
|
|
3066
|
-
id: string;
|
|
3067
|
-
loadingContainer: ViewContainerRef;
|
|
3127
|
+
declare class PoPopoverBaseComponent {
|
|
3068
3128
|
/**
|
|
3069
3129
|
* @optional
|
|
3070
3130
|
*
|
|
3071
3131
|
* @description
|
|
3072
3132
|
*
|
|
3073
|
-
*
|
|
3133
|
+
* Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
|
|
3134
|
+
* ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
|
|
3135
|
+
* correto do conteúdo próximo ao elemento.
|
|
3074
3136
|
*
|
|
3075
3137
|
* @default `false`
|
|
3076
3138
|
*/
|
|
3077
|
-
|
|
3078
|
-
|
|
3139
|
+
appendBox: boolean;
|
|
3140
|
+
cornerAligned: boolean;
|
|
3079
3141
|
/**
|
|
3080
3142
|
* @optional
|
|
3081
3143
|
*
|
|
3082
3144
|
* @description
|
|
3083
3145
|
*
|
|
3084
|
-
*
|
|
3085
|
-
*
|
|
3086
|
-
*
|
|
3087
|
-
* - `xs`: tamanho `extra small`
|
|
3088
|
-
* - `sm`: tamanho `small`
|
|
3089
|
-
* - `md`: tamanho `medium`
|
|
3090
|
-
* - `lg`: tamanho `large`
|
|
3146
|
+
* Define o espaçamento (em pixels) entre o componente alvo (`p-target`) e o `po-popover`.
|
|
3147
|
+
* Útil para componentes com targets pequenos (como ícones) onde o espaçamento padrão é
|
|
3148
|
+
* proporcionalmente muito grande e cria desalinhamento visual.
|
|
3091
3149
|
*
|
|
3092
|
-
* @default `
|
|
3150
|
+
* @default `8`
|
|
3093
3151
|
*/
|
|
3094
|
-
|
|
3095
|
-
get size(): string;
|
|
3096
|
-
inOverlay: boolean;
|
|
3097
|
-
constructor(loadingIconComponent?: Type<LoadingIconComponent>);
|
|
3098
|
-
ngOnDestroy(): void;
|
|
3099
|
-
ngAfterViewInit(): void;
|
|
3100
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoLoadingIconComponent, [{ optional: true; }]>;
|
|
3101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoLoadingIconComponent, "po-loading-icon", never, { "neutralColor": { "alias": "p-neutral-color"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "inOverlay": { "alias": "p-in-overlay"; "required": false; }; }, {}, never, never, false, never>;
|
|
3102
|
-
}
|
|
3103
|
-
|
|
3104
|
-
/**
|
|
3105
|
-
*
|
|
3106
|
-
* @description
|
|
3107
|
-
*
|
|
3108
|
-
* Este componente mostra ao usuário uma imagem de _loading_ e bloqueia a página inteira ou o container escolhido,
|
|
3109
|
-
* enquanto aguarda a resposta de alguma requisição.
|
|
3110
|
-
*
|
|
3111
|
-
* #### Tokens customizáveis
|
|
3112
|
-
*
|
|
3113
|
-
* É possível alterar o estilo do componente usando os seguintes tokens (CSS): <br>
|
|
3114
|
-
* Obs: Só é possível realizar alterações ao adicionar a classe `.po-loading`
|
|
3115
|
-
*
|
|
3116
|
-
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
3117
|
-
*
|
|
3118
|
-
* | Propriedade | Descrição | Valor Padrão |
|
|
3119
|
-
* |----------------------------------------|-------------------------------------------------------|---------------------------------------------------|
|
|
3120
|
-
* | **Default Values** | | |
|
|
3121
|
-
* | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` |
|
|
3122
|
-
* | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` |
|
|
3123
|
-
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-70)` |
|
|
3124
|
-
* | `--border-radius` | Contém o valor do raio dos cantos do elemento | `var(--border-radius-md)` |
|
|
3125
|
-
* | `--border-width` | Contém o valor da largura dos cantos do elemento | `var(--border-width-sm)` |
|
|
3126
|
-
* | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |
|
|
3127
|
-
* | `--background` | Cor de background | `var(--color-neutral-light-00)` |
|
|
3128
|
-
* | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |
|
|
3129
|
-
* | **po-loading-icon** | | |
|
|
3130
|
-
* | `--color` | Cor principal do spinner | `var(--color-action-default)` |
|
|
3131
|
-
*
|
|
3132
|
-
*/
|
|
3133
|
-
declare class PoLoadingOverlayBaseComponent {
|
|
3134
|
-
private readonly languageService;
|
|
3135
|
-
private _screenLock?;
|
|
3136
|
-
private _text?;
|
|
3137
|
-
private _size?;
|
|
3152
|
+
offset: number;
|
|
3138
3153
|
/**
|
|
3139
|
-
* @optional
|
|
3140
|
-
*
|
|
3141
3154
|
* @description
|
|
3142
3155
|
*
|
|
3143
|
-
*
|
|
3156
|
+
* ElementRef do componente de origem responsável por abrir o popover.
|
|
3157
|
+
* Para utilizar o po-popover deve-se colocar uma variável no componente que vai disparar o evento
|
|
3158
|
+
* de abertura, exemplo:
|
|
3144
3159
|
*
|
|
3145
|
-
*
|
|
3160
|
+
* ```
|
|
3161
|
+
* <po-button
|
|
3162
|
+
* p-label="Open Popover">
|
|
3163
|
+
* </po-button>
|
|
3146
3164
|
*
|
|
3165
|
+
* <po-popover
|
|
3166
|
+
* [p-target]="poButton"
|
|
3167
|
+
* [p-title]="PO Popover">
|
|
3168
|
+
* </po-popover>
|
|
3147
3169
|
* ```
|
|
3148
|
-
* <div style="position: relative">
|
|
3149
3170
|
*
|
|
3150
|
-
*
|
|
3151
|
-
*
|
|
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
|
/**
|
|
@@ -6788,10 +6813,18 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
6788
6813
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
|
|
6789
6814
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
|
|
6790
6815
|
static ngAcceptInputType_autoFocus: any;
|
|
6816
|
+
static ngAcceptInputType_infiniteScroll: any;
|
|
6791
6817
|
static ngAcceptInputType_clean: any;
|
|
6792
6818
|
static ngAcceptInputType_emitObjectValue: any;
|
|
6793
6819
|
static ngAcceptInputType_disabledTabFilter: any;
|
|
6820
|
+
static ngAcceptInputType_removeInitialFilter: any;
|
|
6794
6821
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
6822
|
+
static ngAcceptInputType_disabledInitFilter: any;
|
|
6823
|
+
static ngAcceptInputType_required: any;
|
|
6824
|
+
static ngAcceptInputType_changeOnEnter: any;
|
|
6825
|
+
static ngAcceptInputType_disabled: any;
|
|
6826
|
+
static ngAcceptInputType_loading: any;
|
|
6827
|
+
static ngAcceptInputType_sort: any;
|
|
6795
6828
|
static ngAcceptInputType_cache: any;
|
|
6796
6829
|
static ngAcceptInputType_appendBox: any;
|
|
6797
6830
|
}
|
|
@@ -9715,7 +9748,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9715
9748
|
* @default `false`
|
|
9716
9749
|
*/
|
|
9717
9750
|
disabled?: boolean;
|
|
9718
|
-
set setDisabled(disabled:
|
|
9751
|
+
set setDisabled(disabled: boolean);
|
|
9719
9752
|
/**
|
|
9720
9753
|
* @optional
|
|
9721
9754
|
*
|
|
@@ -9729,7 +9762,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9729
9762
|
get isDisabled(): boolean;
|
|
9730
9763
|
/** Indica que o campo será somente leitura. */
|
|
9731
9764
|
readonly?: boolean;
|
|
9732
|
-
set setReadonly(readonly:
|
|
9765
|
+
set setReadonly(readonly: boolean);
|
|
9733
9766
|
/**
|
|
9734
9767
|
* @optional
|
|
9735
9768
|
*
|
|
@@ -9741,7 +9774,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9741
9774
|
* @default `false`
|
|
9742
9775
|
*/
|
|
9743
9776
|
required?: boolean;
|
|
9744
|
-
set setRequired(required:
|
|
9777
|
+
set setRequired(required: boolean);
|
|
9745
9778
|
/**
|
|
9746
9779
|
* @optional
|
|
9747
9780
|
*
|
|
@@ -9767,7 +9800,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9767
9800
|
showRequired: boolean;
|
|
9768
9801
|
/** Se verdadeiro, o campo receberá um botão para ser limpo. */
|
|
9769
9802
|
clean?: boolean;
|
|
9770
|
-
set setClean(clean:
|
|
9803
|
+
set setClean(clean: boolean);
|
|
9771
9804
|
/**
|
|
9772
9805
|
* @description
|
|
9773
9806
|
*
|
|
@@ -9814,7 +9847,7 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9814
9847
|
* @default `false`
|
|
9815
9848
|
*/
|
|
9816
9849
|
maskFormatModel?: boolean;
|
|
9817
|
-
set setMaskFormatModel(maskFormatModel:
|
|
9850
|
+
set setMaskFormatModel(maskFormatModel: boolean);
|
|
9818
9851
|
/**
|
|
9819
9852
|
* @optional
|
|
9820
9853
|
*
|
|
@@ -9916,6 +9949,14 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
|
|
|
9916
9949
|
static ngAcceptInputType_autoFocus: any;
|
|
9917
9950
|
static ngAcceptInputType_emitAllChanges: any;
|
|
9918
9951
|
static ngAcceptInputType_upperCase: any;
|
|
9952
|
+
static ngAcceptInputType_maskNoLengthValidation: any;
|
|
9953
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
9954
|
+
static ngAcceptInputType_setDisabled: any;
|
|
9955
|
+
static ngAcceptInputType_loading: any;
|
|
9956
|
+
static ngAcceptInputType_setReadonly: any;
|
|
9957
|
+
static ngAcceptInputType_setRequired: any;
|
|
9958
|
+
static ngAcceptInputType_setClean: any;
|
|
9959
|
+
static ngAcceptInputType_setMaskFormatModel: any;
|
|
9919
9960
|
}
|
|
9920
9961
|
|
|
9921
9962
|
declare abstract class PoInputGeneric extends PoInputBaseComponent implements AfterViewInit, OnDestroy {
|
|
@@ -12443,6 +12484,9 @@ declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Vali
|
|
|
12443
12484
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
12444
12485
|
static ngAcceptInputType_appendBox: any;
|
|
12445
12486
|
static ngAcceptInputType_autoFocus: any;
|
|
12487
|
+
static ngAcceptInputType_disabled: any;
|
|
12488
|
+
static ngAcceptInputType_indeterminate: any;
|
|
12489
|
+
static ngAcceptInputType_required: any;
|
|
12446
12490
|
}
|
|
12447
12491
|
|
|
12448
12492
|
/**
|
|
@@ -16518,10 +16562,10 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16518
16562
|
get placeholder(): string;
|
|
16519
16563
|
/** Desabilita o campo. */
|
|
16520
16564
|
disabled?: boolean;
|
|
16521
|
-
set setDisabled(disabled:
|
|
16565
|
+
set setDisabled(disabled: boolean);
|
|
16522
16566
|
/** Torna o elemento somente leitura. */
|
|
16523
16567
|
readonly?: boolean;
|
|
16524
|
-
set setReadonly(readonly:
|
|
16568
|
+
set setReadonly(readonly: boolean);
|
|
16525
16569
|
/**
|
|
16526
16570
|
* @optional
|
|
16527
16571
|
*
|
|
@@ -16532,7 +16576,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16532
16576
|
* @default `false`
|
|
16533
16577
|
*/
|
|
16534
16578
|
required?: boolean;
|
|
16535
|
-
set setRequired(required:
|
|
16579
|
+
set setRequired(required: boolean);
|
|
16536
16580
|
/**
|
|
16537
16581
|
* Define se a indicação de campo obrigatório será exibida.
|
|
16538
16582
|
*
|
|
@@ -16558,7 +16602,7 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16558
16602
|
get size(): string;
|
|
16559
16603
|
/** Habilita ação para limpar o campo. */
|
|
16560
16604
|
clean?: boolean;
|
|
16561
|
-
set setClean(clean:
|
|
16605
|
+
set setClean(clean: boolean);
|
|
16562
16606
|
/**
|
|
16563
16607
|
* @optional
|
|
16564
16608
|
*
|
|
@@ -16676,6 +16720,12 @@ declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor
|
|
|
16676
16720
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerBaseComponent, never>;
|
|
16677
16721
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "mode": { "alias": "p-mode"; "required": false; }; "yearRangeLimit": { "alias": "p-year-range-limit"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
16678
16722
|
static ngAcceptInputType_autoFocus: any;
|
|
16723
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
16724
|
+
static ngAcceptInputType_setDisabled: any;
|
|
16725
|
+
static ngAcceptInputType_setReadonly: any;
|
|
16726
|
+
static ngAcceptInputType_setRequired: any;
|
|
16727
|
+
static ngAcceptInputType_setClean: any;
|
|
16728
|
+
static ngAcceptInputType_loading: any;
|
|
16679
16729
|
static ngAcceptInputType_appendBox: any;
|
|
16680
16730
|
}
|
|
16681
16731
|
|
|
@@ -17070,9 +17120,9 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
|
|
|
17070
17120
|
*/
|
|
17071
17121
|
set placeholder(placeholder: string);
|
|
17072
17122
|
get placeholder(): string;
|
|
17073
|
-
set setDisabled(disabled:
|
|
17074
|
-
set setReadonly(readonly:
|
|
17075
|
-
set setRequired(required:
|
|
17123
|
+
set setDisabled(disabled: boolean);
|
|
17124
|
+
set setReadonly(readonly: boolean);
|
|
17125
|
+
set setRequired(required: boolean);
|
|
17076
17126
|
/** Define se a indicação de campo obrigatório será exibida. */
|
|
17077
17127
|
showRequired: boolean;
|
|
17078
17128
|
/**
|
|
@@ -17088,7 +17138,7 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
|
|
|
17088
17138
|
*/
|
|
17089
17139
|
set size(value: string);
|
|
17090
17140
|
get size(): string;
|
|
17091
|
-
set setClean(clean:
|
|
17141
|
+
set setClean(clean: boolean);
|
|
17092
17142
|
/**
|
|
17093
17143
|
* @optional
|
|
17094
17144
|
*
|
|
@@ -17236,6 +17286,13 @@ declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor
|
|
|
17236
17286
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTimepickerBaseComponent, never>;
|
|
17237
17287
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTimepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "minTime": { "alias": "p-min-time"; "required": false; }; "maxTime": { "alias": "p-max-time"; "required": false; }; "minuteInterval": { "alias": "p-minute-interval"; "required": false; }; "secondInterval": { "alias": "p-second-interval"; "required": false; }; "showSeconds": { "alias": "p-show-seconds"; "required": false; }; "modelFormat": { "alias": "p-model-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
17238
17288
|
static ngAcceptInputType_autoFocus: any;
|
|
17289
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
17290
|
+
static ngAcceptInputType_setDisabled: any;
|
|
17291
|
+
static ngAcceptInputType_setReadonly: any;
|
|
17292
|
+
static ngAcceptInputType_setRequired: any;
|
|
17293
|
+
static ngAcceptInputType_setClean: any;
|
|
17294
|
+
static ngAcceptInputType_showSeconds: any;
|
|
17295
|
+
static ngAcceptInputType_loading: any;
|
|
17239
17296
|
static ngAcceptInputType_appendBox: any;
|
|
17240
17297
|
}
|
|
17241
17298
|
|
|
@@ -18039,6 +18096,12 @@ declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAcc
|
|
|
18039
18096
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "rangePresets": { "alias": "p-range-presets"; "required": false; }; "rangePresetOptions": { "alias": "p-range-preset-options"; "required": false; }; "rangePresetsOrder": { "alias": "p-range-presets-order"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
18040
18097
|
static ngAcceptInputType_appendBox: any;
|
|
18041
18098
|
static ngAcceptInputType_autoFocus: any;
|
|
18099
|
+
static ngAcceptInputType_clean: any;
|
|
18100
|
+
static ngAcceptInputType_disabled: any;
|
|
18101
|
+
static ngAcceptInputType_loading: any;
|
|
18102
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
18103
|
+
static ngAcceptInputType_readonly: any;
|
|
18104
|
+
static ngAcceptInputType_required: any;
|
|
18042
18105
|
}
|
|
18043
18106
|
|
|
18044
18107
|
/**
|
|
@@ -24008,6 +24071,10 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
24008
24071
|
static ngAcceptInputType_autoHeight: any;
|
|
24009
24072
|
static ngAcceptInputType_textWrap: any;
|
|
24010
24073
|
static ngAcceptInputType_virtualScroll: any;
|
|
24074
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
24075
|
+
static ngAcceptInputType_required: any;
|
|
24076
|
+
static ngAcceptInputType_disabled: any;
|
|
24077
|
+
static ngAcceptInputType_loading: any;
|
|
24011
24078
|
}
|
|
24012
24079
|
|
|
24013
24080
|
/**
|
|
@@ -24936,6 +25003,11 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
|
|
|
24936
25003
|
static ngAcceptInputType_appendBox: any;
|
|
24937
25004
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
24938
25005
|
static ngAcceptInputType_autoHeight: any;
|
|
25006
|
+
static ngAcceptInputType_required: any;
|
|
25007
|
+
static ngAcceptInputType_disabled: any;
|
|
25008
|
+
static ngAcceptInputType_loading: any;
|
|
25009
|
+
static ngAcceptInputType_hideSearch: any;
|
|
25010
|
+
static ngAcceptInputType_sort: any;
|
|
24939
25011
|
}
|
|
24940
25012
|
|
|
24941
25013
|
/**
|
|
@@ -25249,6 +25321,8 @@ declare class PoPasswordComponent extends PoInputGeneric implements OnChanges {
|
|
|
25249
25321
|
showPassword(): void;
|
|
25250
25322
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPasswordComponent, never>;
|
|
25251
25323
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoPasswordComponent, "po-password", never, { "hidePasswordPeek": { "alias": "p-hide-password-peek"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; }, {}, never, never, false, never>;
|
|
25324
|
+
static ngAcceptInputType_hidePasswordPeek: any;
|
|
25325
|
+
static ngAcceptInputType_noAutocomplete: any;
|
|
25252
25326
|
}
|
|
25253
25327
|
|
|
25254
25328
|
/**
|
|
@@ -25588,6 +25662,8 @@ declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor
|
|
|
25588
25662
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
25589
25663
|
static ngAcceptInputType_appendBox: any;
|
|
25590
25664
|
static ngAcceptInputType_autoFocus: any;
|
|
25665
|
+
static ngAcceptInputType_disabled: any;
|
|
25666
|
+
static ngAcceptInputType_required: any;
|
|
25591
25667
|
}
|
|
25592
25668
|
|
|
25593
25669
|
/**
|
|
@@ -26092,6 +26168,8 @@ declare abstract class PoRichTextBaseComponent implements ControlValueAccessor,
|
|
|
26092
26168
|
static ngAcceptInputType_disabledTextAlign: any;
|
|
26093
26169
|
static ngAcceptInputType_disabled: any;
|
|
26094
26170
|
static ngAcceptInputType_loading: any;
|
|
26171
|
+
static ngAcceptInputType_readonly: any;
|
|
26172
|
+
static ngAcceptInputType_required: any;
|
|
26095
26173
|
}
|
|
26096
26174
|
|
|
26097
26175
|
declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnChanges {
|
|
@@ -27616,7 +27694,15 @@ declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Va
|
|
|
27616
27694
|
static ngAcceptInputType_autoFocus: any;
|
|
27617
27695
|
static ngAcceptInputType_disabledRemoveFile: any;
|
|
27618
27696
|
static ngAcceptInputType_requiredUrl: any;
|
|
27697
|
+
static ngAcceptInputType_directory: any;
|
|
27698
|
+
static ngAcceptInputType_dragDrop: any;
|
|
27699
|
+
static ngAcceptInputType_hideRestrictionsInfo: any;
|
|
27700
|
+
static ngAcceptInputType_hideSelectButton: any;
|
|
27701
|
+
static ngAcceptInputType_hideSendButton: any;
|
|
27702
|
+
static ngAcceptInputType_disabled: any;
|
|
27619
27703
|
static ngAcceptInputType_loading: any;
|
|
27704
|
+
static ngAcceptInputType_isMultiple: any;
|
|
27705
|
+
static ngAcceptInputType_required: any;
|
|
27620
27706
|
}
|
|
27621
27707
|
|
|
27622
27708
|
/**
|
|
@@ -28492,6 +28578,7 @@ declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnC
|
|
|
28492
28578
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, { "blur": "p-blur"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
28493
28579
|
static ngAcceptInputType_readonly: any;
|
|
28494
28580
|
static ngAcceptInputType_controlValueWithLabel: any;
|
|
28581
|
+
static ngAcceptInputType_loading: any;
|
|
28495
28582
|
}
|
|
28496
28583
|
|
|
28497
28584
|
/**
|
|
@@ -28876,7 +28963,10 @@ declare abstract class PoTextareaBaseComponent implements ControlValueAccessor,
|
|
|
28876
28963
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "compactLabel": { "alias": "p-compact-label"; "required": false; "isSignal": true; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
|
|
28877
28964
|
static ngAcceptInputType_appendBox: any;
|
|
28878
28965
|
static ngAcceptInputType_autoFocus: any;
|
|
28966
|
+
static ngAcceptInputType_disabled: any;
|
|
28879
28967
|
static ngAcceptInputType_loading: any;
|
|
28968
|
+
static ngAcceptInputType_readonly: any;
|
|
28969
|
+
static ngAcceptInputType_required: any;
|
|
28880
28970
|
}
|
|
28881
28971
|
|
|
28882
28972
|
/**
|
|
@@ -34753,45 +34843,29 @@ interface PoPageAction extends PoDropdownAction {
|
|
|
34753
34843
|
}
|
|
34754
34844
|
|
|
34755
34845
|
/**
|
|
34756
|
-
* @usedBy
|
|
34757
|
-
*
|
|
34758
|
-
* PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
|
|
34846
|
+
* @usedBy PoPageDefaultComponent
|
|
34759
34847
|
*
|
|
34760
34848
|
* @description
|
|
34761
34849
|
*
|
|
34762
|
-
*
|
|
34850
|
+
* Define os tipos de cabeçalho disponíveis no `po-page-default`.
|
|
34763
34851
|
*/
|
|
34764
|
-
|
|
34852
|
+
declare enum PoPageHeaderType {
|
|
34765
34853
|
/**
|
|
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
|
-
*
|
|
34854
|
+
* Layout padrão com suporte a `p-breadcrumb`.
|
|
34774
34855
|
*/
|
|
34775
|
-
|
|
34856
|
+
primary = "primary",
|
|
34776
34857
|
/**
|
|
34777
|
-
*
|
|
34778
|
-
*
|
|
34779
|
-
* Lista de itens do _breadcrumb_.
|
|
34858
|
+
* Exibe um botão de retorno ao lado do título.
|
|
34780
34859
|
*
|
|
34781
|
-
*
|
|
34782
|
-
* ```
|
|
34783
|
-
* { label: 'Po Portal', link: 'portal' }
|
|
34784
|
-
* ```
|
|
34860
|
+
* > Incompatível com `p-breadcrumb`.
|
|
34785
34861
|
*/
|
|
34786
|
-
|
|
34862
|
+
secondary = "secondary",
|
|
34787
34863
|
/**
|
|
34788
|
-
*
|
|
34789
|
-
*
|
|
34790
|
-
* @description
|
|
34864
|
+
* Layout simplificado sem botão de retorno.
|
|
34791
34865
|
*
|
|
34792
|
-
*
|
|
34866
|
+
* > Incompatível com `p-breadcrumb`.
|
|
34793
34867
|
*/
|
|
34794
|
-
|
|
34868
|
+
tertiary = "tertiary"
|
|
34795
34869
|
}
|
|
34796
34870
|
|
|
34797
34871
|
/**
|
|
@@ -34822,29 +34896,45 @@ declare enum PoPageActionsLayout {
|
|
|
34822
34896
|
}
|
|
34823
34897
|
|
|
34824
34898
|
/**
|
|
34825
|
-
* @usedBy
|
|
34899
|
+
* @usedBy
|
|
34900
|
+
*
|
|
34901
|
+
* PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageDynamicSearchBaseComponent
|
|
34826
34902
|
*
|
|
34827
34903
|
* @description
|
|
34828
34904
|
*
|
|
34829
|
-
*
|
|
34905
|
+
* Interface que define o `po-breadcrumb`.
|
|
34830
34906
|
*/
|
|
34831
|
-
|
|
34907
|
+
interface PoBreadcrumb {
|
|
34832
34908
|
/**
|
|
34833
|
-
*
|
|
34909
|
+
* @optional
|
|
34910
|
+
*
|
|
34911
|
+
* @description
|
|
34912
|
+
*
|
|
34913
|
+
* Permite definir uma URL para favoritar ou desfavoritar.
|
|
34914
|
+
*
|
|
34915
|
+
* > Para maiores informações verificar a propriedade `p-favorite-service` do componente `po-breadcrumb`.
|
|
34916
|
+
*
|
|
34834
34917
|
*/
|
|
34835
|
-
|
|
34918
|
+
favorite?: string;
|
|
34836
34919
|
/**
|
|
34837
|
-
*
|
|
34920
|
+
* @description
|
|
34838
34921
|
*
|
|
34839
|
-
*
|
|
34922
|
+
* Lista de itens do _breadcrumb_.
|
|
34923
|
+
*
|
|
34924
|
+
* **Exemplo:**
|
|
34925
|
+
* ```
|
|
34926
|
+
* { label: 'Po Portal', link: 'portal' }
|
|
34927
|
+
* ```
|
|
34840
34928
|
*/
|
|
34841
|
-
|
|
34929
|
+
items: Array<PoBreadcrumbItem>;
|
|
34842
34930
|
/**
|
|
34843
|
-
*
|
|
34931
|
+
* @optional
|
|
34844
34932
|
*
|
|
34845
|
-
*
|
|
34933
|
+
* @description
|
|
34934
|
+
*
|
|
34935
|
+
* Objeto que possibilita o envio de parâmetros adicionais à requisição.
|
|
34846
34936
|
*/
|
|
34847
|
-
|
|
34937
|
+
params?: object;
|
|
34848
34938
|
}
|
|
34849
34939
|
|
|
34850
34940
|
/**
|
|
@@ -35019,6 +35109,27 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
35019
35109
|
*/
|
|
35020
35110
|
set pageHeaderType(value: string | PoPageHeaderType);
|
|
35021
35111
|
get pageHeaderType(): string;
|
|
35112
|
+
/**
|
|
35113
|
+
* @optional
|
|
35114
|
+
*
|
|
35115
|
+
* @description
|
|
35116
|
+
*
|
|
35117
|
+
* Define a função de callback executada ao clicar no botão de atualização (refresh) ao lado do subtítulo da página.
|
|
35118
|
+
*
|
|
35119
|
+
* Quando não houver subtítulo (`p-subtitle`), o refresh será exibido logo abaixo do título.
|
|
35120
|
+
*
|
|
35121
|
+
* > Esta propriedade possui precedência sobre a configuração de `p-helper`.
|
|
35122
|
+
*
|
|
35123
|
+
* Exemplo de uso:
|
|
35124
|
+
* ```html
|
|
35125
|
+
* <po-page-default
|
|
35126
|
+
* p-title="Dashboard"
|
|
35127
|
+
* [p-refresh]="onRefresh"
|
|
35128
|
+
* ></po-page-default>
|
|
35129
|
+
* ```
|
|
35130
|
+
*/
|
|
35131
|
+
refresh: i0.InputSignal<Function>;
|
|
35132
|
+
protected readonly refreshCustomAction: i0.Signal<PoHelperCustomAction>;
|
|
35022
35133
|
/**
|
|
35023
35134
|
* @optional
|
|
35024
35135
|
*
|
|
@@ -35064,7 +35175,7 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
35064
35175
|
abstract setDropdownActions(): any;
|
|
35065
35176
|
abstract getVisibleActions(): any;
|
|
35066
35177
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageDefaultBaseComponent, never>;
|
|
35067
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDefaultBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "literals": { "alias": "p-literals"; "required": false; }; "pageActionsLayout": { "alias": "p-page-actions-layout"; "required": false; }; "pageHeaderType": { "alias": "p-page-header-type"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; }, never, never, true, never>;
|
|
35178
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageDefaultBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "literals": { "alias": "p-literals"; "required": false; }; "pageActionsLayout": { "alias": "p-page-actions-layout"; "required": false; }; "pageHeaderType": { "alias": "p-page-header-type"; "required": false; }; "refresh": { "alias": "p-refresh"; "required": false; "isSignal": true; }; "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, { "back": "p-back"; }, never, never, true, never>;
|
|
35068
35179
|
}
|
|
35069
35180
|
|
|
35070
35181
|
/**
|
|
@@ -35088,6 +35199,11 @@ declare abstract class PoPageDefaultBaseComponent {
|
|
|
35088
35199
|
* <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.css"> </file>
|
|
35089
35200
|
* <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.service.ts"> </file>
|
|
35090
35201
|
* </example>
|
|
35202
|
+
*
|
|
35203
|
+
* <example name="po-page-default-refresh" title="PO Page Default - Refresh">
|
|
35204
|
+
* <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.html"> </file>
|
|
35205
|
+
* <file name="sample-po-page-default-refresh/sample-po-page-default-refresh.component.ts"> </file>
|
|
35206
|
+
* </example>
|
|
35091
35207
|
*/
|
|
35092
35208
|
declare class PoPageDefaultComponent extends PoPageDefaultBaseComponent implements AfterContentInit, OnChanges, OnDestroy {
|
|
35093
35209
|
private readonly renderer;
|
|
@@ -35519,6 +35635,8 @@ declare class PoPageHeaderBaseComponent {
|
|
|
35519
35635
|
title: string;
|
|
35520
35636
|
/** Define o conteúdo do po-helper. */
|
|
35521
35637
|
helper: i0.InputSignal<string | PoHelperOptions>;
|
|
35638
|
+
/** Define a ação customizada para o po-helper (uso interno entre componentes). */
|
|
35639
|
+
customAction: i0.InputSignal<PoHelperCustomAction>;
|
|
35522
35640
|
/** Define o tamanho dos componentes no header. */
|
|
35523
35641
|
size: string;
|
|
35524
35642
|
/** Define o tipo de header: `primary`, `secondary` ou `tertiary`. */
|
|
@@ -35534,7 +35652,7 @@ declare class PoPageHeaderBaseComponent {
|
|
|
35534
35652
|
get subtitle(): string;
|
|
35535
35653
|
get subtitleFragments(): Array<PoTextFragment>;
|
|
35536
35654
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageHeaderBaseComponent, never>;
|
|
35537
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
35655
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "customAction": { "alias": "p-custom-action"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
35538
35656
|
}
|
|
35539
35657
|
|
|
35540
35658
|
/**
|
|
@@ -36806,7 +36924,7 @@ declare class PoStepperStepComponent implements OnChanges {
|
|
|
36806
36924
|
ngOnChanges(changes: SimpleChanges): void;
|
|
36807
36925
|
getStatusClass(status: string): string;
|
|
36808
36926
|
onClick(): void;
|
|
36809
|
-
onEnter(): void;
|
|
36927
|
+
onEnter(event?: KeyboardEvent): void;
|
|
36810
36928
|
setDefaultStepSize(): void;
|
|
36811
36929
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoStepperStepComponent, never>;
|
|
36812
36930
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoStepperStepComponent, "po-stepper-step", never, { "alignCenter": { "alias": "p-align-center"; "required": false; }; "circleContent": { "alias": "p-circle-content"; "required": false; }; "nextStatus": { "alias": "p-next-status"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "status": { "alias": "p-status"; "required": false; }; "stepIcons": { "alias": "p-step-icons"; "required": false; }; "stepSize": { "alias": "p-step-size"; "required": false; }; "iconDefault": { "alias": "p-icon-default"; "required": false; }; "iconDone": { "alias": "p-step-icon-done"; "required": false; }; "iconActive": { "alias": "p-step-icon-active"; "required": false; }; "isVerticalOrientation": { "alias": "p-vertical-orientation"; "required": false; }; "disabledClick": { "alias": "p-disable-click"; "required": false; }; }, { "activated": "p-activated"; "click": "p-click"; "enter": "p-enter"; }, never, never, false, never>;
|