@po-ui/ng-components 21.33.0-beta.1 → 22.0.0-next.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/README.md +2 -2
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-B4RdhBpp.mjs → po-ui-ng-components-po-chart-modal-table.component-BfgIJ-rf.mjs} +7 -6
- package/fesm2022/po-ui-ng-components-po-chart-modal-table.component-BfgIJ-rf.mjs.map +1 -0
- package/fesm2022/po-ui-ng-components.mjs +4484 -5259
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/index.d.ts +0 -1
- package/lib/components/po-accordion/po-accordion-item-body/po-accordion-item-body.component.d.ts +4 -0
- package/lib/components/po-accordion/po-accordion.module.d.ts +0 -38
- package/lib/components/po-dropdown/po-dropdown-base.component.d.ts +3 -40
- package/lib/components/po-dropdown/po-dropdown.component.d.ts +0 -7
- package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +1 -0
- package/lib/components/po-field/po-search-ai/po-search-ai-base.component.d.ts +0 -4
- package/lib/components/po-listbox/interfaces/po-listbox-literals.interface.d.ts +0 -6
- package/lib/components/po-listbox/po-listbox-base.component.d.ts +1 -2
- package/lib/components/po-listbox/po-listbox.component.d.ts +5 -28
- package/lib/components/po-navbar/po-navbar.component.d.ts +2 -3
- package/lib/components/po-navbar/po-navbar.module.d.ts +0 -38
- package/lib/components/po-page/po-page-slide/po-page-slide-base.component.d.ts +0 -39
- package/lib/components/po-page/po-page-slide/po-page-slide.component.d.ts +5 -13
- package/lib/components/po-popup/po-popup-action.interface.d.ts +2 -25
- package/lib/components/po-popup/po-popup-base.component.d.ts +3 -55
- package/lib/components/po-popup/po-popup.component.d.ts +1 -7
- package/lib/components/po-slide/po-slide.component.d.ts +2 -3
- package/lib/components/po-slide/po-slide.module.d.ts +0 -37
- package/lib/components/po-stepper/po-stepper.component.d.ts +0 -1
- package/lib/components/po-table/po-table.component.d.ts +1 -1
- package/lib/components/po-tree-view/po-tree-view.module.d.ts +1 -0
- package/lib/components/po-widget/po-widget-base.component.d.ts +0 -1
- package/lib/interceptors/po-http-interceptor/po-http-interceptor-base.service.d.ts +3 -8
- package/lib/interceptors/po-http-request/po-http-request-interceptor.service.d.ts +0 -1
- package/lib/services/po-component-injector/po-component-injector.service.d.ts +12 -5
- package/lib/utils/util.d.ts +0 -13
- package/package.json +13 -15
- package/po-ui-ng-components-22.0.0-next.0.tgz +0 -0
- package/schematics/collection.json +0 -20
- package/schematics/migrations.json +5 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/setup-project.d.ts +1 -0
- package/schematics/ng-add/setup-project.js +95 -0
- package/schematics/ng-add/setup-project.js.map +1 -1
- package/schematics/ng-generate/sidemenu/files/__appFileName__.spec.ts.template +35 -0
- package/schematics/ng-generate/sidemenu/files/{app.ts.template → __appFileName__.ts.template} +3 -3
- package/schematics/ng-generate/sidemenu/files-standalone/{app.spec.ts.template → __appFileName__.spec.ts.template} +4 -4
- package/schematics/ng-generate/sidemenu/files-standalone/{app.ts.template → __appFileName__.ts.template} +3 -3
- package/schematics/ng-generate/sidemenu/index.js +9 -3
- package/schematics/ng-generate/sidemenu/index.js.map +1 -1
- package/schematics/ng-generate/sidemenu/schema.d.ts +9 -0
- package/schematics/ng-generate/sidemenu/schema.json +5 -0
- 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 +3 -3
- package/schematics/ng-update/v18/index.js.map +1 -1
- package/schematics/ng-update/v19/index.js +3 -3
- package/schematics/ng-update/v19/index.js.map +1 -1
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +3 -3
- package/schematics/ng-update/v20/index.js.map +1 -1
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v22/changes.d.ts +29 -0
- package/schematics/ng-update/v22/changes.js +44 -0
- package/schematics/ng-update/v22/changes.js.map +1 -0
- package/schematics/ng-update/v22/gauge-html-migration.d.ts +35 -0
- package/schematics/ng-update/v22/gauge-html-migration.js +308 -0
- package/schematics/ng-update/v22/gauge-html-migration.js.map +1 -0
- package/schematics/ng-update/v22/gauge-manual-test/all-cases.component.html +723 -0
- package/schematics/ng-update/v22/gauge-property-map.d.ts +53 -0
- package/schematics/ng-update/v22/gauge-property-map.js +298 -0
- package/schematics/ng-update/v22/gauge-property-map.js.map +1 -0
- package/schematics/ng-update/v22/gauge-ts-migration.d.ts +41 -0
- package/schematics/ng-update/v22/gauge-ts-migration.js +326 -0
- package/schematics/ng-update/v22/gauge-ts-migration.js.map +1 -0
- package/schematics/ng-update/v22/index.d.ts +39 -0
- package/schematics/ng-update/v22/index.js +253 -0
- package/schematics/ng-update/v22/index.js.map +1 -0
- package/schematics/ng-update/v22/migration-report.d.ts +48 -0
- package/schematics/ng-update/v22/migration-report.js +50 -0
- package/schematics/ng-update/v22/migration-report.js.map +1 -0
- 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/schematics/package.json +3 -0
- package/types/po-ui-ng-components.d.ts +385 -988
- package/fesm2022/po-ui-ng-components-po-chart-modal-table.component-B4RdhBpp.mjs.map +0 -1
- package/lib/components/po-gauge/index.d.ts +0 -4
- package/lib/components/po-gauge/interfaces/po-gauge-coordinates.interface.d.ts +0 -19
- package/lib/components/po-gauge/interfaces/po-gauge-options.interface.d.ts +0 -69
- package/lib/components/po-gauge/interfaces/po-gauge-ranges.interface.d.ts +0 -44
- package/lib/components/po-gauge/interfaces/po-gauge-svg-container.interface.d.ts +0 -15
- package/lib/components/po-gauge/po-gauge-base.component.d.ts +0 -133
- package/lib/components/po-gauge/po-gauge-default-values.constant.d.ts +0 -5
- package/lib/components/po-gauge/po-gauge.component.d.ts +0 -30
- package/lib/components/po-gauge/po-gauge.module.d.ts +0 -6
- package/po-ui-ng-components-21.33.0-beta.1.tgz +0 -0
- package/schematics/ng-generate/po-page-default/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template +0 -14
- package/schematics/ng-generate/po-page-default/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -3
- package/schematics/ng-generate/po-page-default/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -32
- package/schematics/ng-generate/po-page-default/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -19
- package/schematics/ng-generate/po-page-default/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template +0 -19
- package/schematics/ng-generate/po-page-default/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -3
- package/schematics/ng-generate/po-page-default/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -31
- package/schematics/ng-generate/po-page-default/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -23
- package/schematics/ng-generate/po-page-default/index.d.ts +0 -4
- package/schematics/ng-generate/po-page-default/index.js +0 -13
- package/schematics/ng-generate/po-page-default/index.js.map +0 -1
- package/schematics/ng-generate/po-page-default/schema.d.ts +0 -3
- package/schematics/ng-generate/po-page-default/schema.js +0 -3
- package/schematics/ng-generate/po-page-default/schema.js.map +0 -1
- package/schematics/ng-generate/po-page-default/schema.json +0 -67
- package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template +0 -14
- package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template +0 -0
- package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -8
- package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -32
- package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -27
- package/schematics/ng-generate/po-page-detail/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template +0 -19
- package/schematics/ng-generate/po-page-detail/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template +0 -0
- package/schematics/ng-generate/po-page-detail/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -8
- package/schematics/ng-generate/po-page-detail/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -31
- package/schematics/ng-generate/po-page-detail/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -33
- package/schematics/ng-generate/po-page-detail/index.d.ts +0 -4
- package/schematics/ng-generate/po-page-detail/index.js +0 -13
- package/schematics/ng-generate/po-page-detail/index.js.map +0 -1
- package/schematics/ng-generate/po-page-detail/schema.d.ts +0 -3
- package/schematics/ng-generate/po-page-detail/schema.js +0 -3
- package/schematics/ng-generate/po-page-detail/schema.js.map +0 -1
- package/schematics/ng-generate/po-page-detail/schema.json +0 -67
- package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template +0 -14
- package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template +0 -0
- package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -8
- package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -32
- package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -27
- package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template +0 -19
- package/schematics/ng-generate/po-page-edit/files-standalone/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template +0 -14
- package/schematics/ng-generate/po-page-edit/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template +0 -0
- package/schematics/ng-generate/po-page-edit/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -8
- package/schematics/ng-generate/po-page-edit/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -31
- package/schematics/ng-generate/po-page-edit/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -33
- package/schematics/ng-generate/po-page-edit/index.d.ts +0 -4
- package/schematics/ng-generate/po-page-edit/index.js +0 -13
- package/schematics/ng-generate/po-page-edit/index.js.map +0 -1
- package/schematics/ng-generate/po-page-edit/schema.d.ts +0 -3
- package/schematics/ng-generate/po-page-edit/schema.js +0 -3
- package/schematics/ng-generate/po-page-edit/schema.js.map +0 -1
- package/schematics/ng-generate/po-page-edit/schema.json +0 -67
- package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template +0 -14
- package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template +0 -0
- package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -28
- package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -37
- package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -34
- package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template +0 -19
- package/schematics/ng-generate/po-page-list/files-standalone/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template +0 -14
- package/schematics/ng-generate/po-page-list/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template +0 -0
- package/schematics/ng-generate/po-page-list/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.html.template +0 -28
- package/schematics/ng-generate/po-page-list/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template +0 -36
- package/schematics/ng-generate/po-page-list/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.ts.template +0 -42
- package/schematics/ng-generate/po-page-list/index.d.ts +0 -7
- package/schematics/ng-generate/po-page-list/index.js +0 -16
- package/schematics/ng-generate/po-page-list/index.js.map +0 -1
- package/schematics/ng-generate/po-page-list/schema.d.ts +0 -5
- package/schematics/ng-generate/po-page-list/schema.js +0 -3
- package/schematics/ng-generate/po-page-list/schema.js.map +0 -1
- package/schematics/ng-generate/po-page-list/schema.json +0 -78
- package/schematics/ng-generate/sidemenu/files/app.__style__.template +0 -0
- package/schematics/ng-generate/sidemenu/files/app.spec.ts.template +0 -33
- package/schematics/ng-generate/sidemenu/files-standalone/app.__style__.template +0 -0
- /package/schematics/ng-generate/{po-page-default/files/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template → sidemenu/files/__appFileName__.__style__.template} +0 -0
- /package/schematics/ng-generate/sidemenu/files/{app.html.template → __appFileName__.html.template} +0 -0
- /package/schematics/ng-generate/{po-page-default/files-standalone/__path__/__name@dasherize__/__name@dasherize__.component.__style__.template → sidemenu/files-standalone/__appFileName__.__style__.template} +0 -0
- /package/schematics/ng-generate/sidemenu/files-standalone/{app.html.template → __appFileName__.html.template} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, QueryList, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit,
|
|
2
|
+
import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, QueryList, AnimationCallbackEvent, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, Type, ViewContainerRef, DoCheck, AfterViewChecked, IterableDiffers, ApplicationRef, Injector, ComponentRef, PipeTransform, WritableSignal, InjectionToken, ModuleWithProviders, RendererFactory2, AfterContentInit, SimpleChange } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
4
|
import { DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe } from '@angular/common';
|
|
5
5
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
-
import * as
|
|
6
|
+
import * as i9 from '@angular/cdk/listbox';
|
|
7
7
|
import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
|
|
8
8
|
import * as rxjs from 'rxjs';
|
|
9
9
|
import { Observable, Subject, Subscription } from 'rxjs';
|
|
@@ -1227,6 +1227,9 @@ declare class PoAccordionComponent extends PoAccordionBaseComponent implements O
|
|
|
1227
1227
|
|
|
1228
1228
|
declare class PoAccordionItemBodyComponent {
|
|
1229
1229
|
expanded: boolean;
|
|
1230
|
+
animateEnter(event: AnimationCallbackEvent): void;
|
|
1231
|
+
animateLeave(event: AnimationCallbackEvent): void;
|
|
1232
|
+
private animateHeight;
|
|
1230
1233
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoAccordionItemBodyComponent, never>;
|
|
1231
1234
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoAccordionItemBodyComponent, "po-accordion-item-body", never, { "expanded": { "alias": "p-expanded"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1232
1235
|
}
|
|
@@ -1333,44 +1336,6 @@ declare class PoDividerModule {
|
|
|
1333
1336
|
* @description
|
|
1334
1337
|
*
|
|
1335
1338
|
* Módulo do componente `po-accordion`.
|
|
1336
|
-
*
|
|
1337
|
-
* > Para o correto funcionamento do componente `po-accordion`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
1338
|
-
* > módulo principal da sua aplicação.
|
|
1339
|
-
*
|
|
1340
|
-
* Módulo da aplicação:
|
|
1341
|
-
* ```
|
|
1342
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
1343
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
1344
|
-
* ...
|
|
1345
|
-
*
|
|
1346
|
-
* @NgModule({
|
|
1347
|
-
* imports: [
|
|
1348
|
-
* BrowserModule,
|
|
1349
|
-
* BrowserAnimationsModule,
|
|
1350
|
-
* ...
|
|
1351
|
-
* PoModule
|
|
1352
|
-
* ],
|
|
1353
|
-
* declarations: [
|
|
1354
|
-
* AppComponent,
|
|
1355
|
-
* ...
|
|
1356
|
-
* ],
|
|
1357
|
-
* providers: [],
|
|
1358
|
-
* bootstrap: [AppComponent]
|
|
1359
|
-
* })
|
|
1360
|
-
* export class AppModule { }
|
|
1361
|
-
* ```
|
|
1362
|
-
*
|
|
1363
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
1364
|
-
*
|
|
1365
|
-
* ```
|
|
1366
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
1367
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
1368
|
-
* import { AppComponent } from './app.component';
|
|
1369
|
-
*
|
|
1370
|
-
* bootstrapApplication(AppComponent, {
|
|
1371
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
1372
|
-
* }).catch(err => console.error(err));
|
|
1373
|
-
* ```
|
|
1374
1339
|
*/
|
|
1375
1340
|
declare class PoAccordionModule {
|
|
1376
1341
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoAccordionModule, never>;
|
|
@@ -1929,12 +1894,6 @@ interface PoListBoxLiterals {
|
|
|
1929
1894
|
/** Texto do checkbox para selecionar todos os itens. */
|
|
1930
1895
|
selectAll?: string;
|
|
1931
1896
|
footerActionListbox?: string;
|
|
1932
|
-
/** Mensagem exibida quando o carregamento assíncrono de um subnível falha. */
|
|
1933
|
-
subItemsErrorMessage?: string;
|
|
1934
|
-
/** Texto acessível anunciado durante o carregamento assíncrono de um subnível. */
|
|
1935
|
-
subItemsLoading?: string;
|
|
1936
|
-
/** Texto do botão para tentar novamente o carregamento de um subnível. */
|
|
1937
|
-
retry?: string;
|
|
1938
1897
|
}
|
|
1939
1898
|
|
|
1940
1899
|
/**
|
|
@@ -1993,7 +1952,7 @@ declare class PoListBoxBaseComponent {
|
|
|
1993
1952
|
private _size?;
|
|
1994
1953
|
private _initialSize?;
|
|
1995
1954
|
listboxSubitems: boolean;
|
|
1996
|
-
visible: i0.InputSignalWithTransform<boolean,
|
|
1955
|
+
visible: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1997
1956
|
set type(value: string);
|
|
1998
1957
|
get type(): PoItemListType;
|
|
1999
1958
|
set items(items: Array<PoItemListAction | PoItemListOption | PoItemListOptionGroup | any>);
|
|
@@ -2044,13 +2003,12 @@ declare class PoListBoxBaseComponent {
|
|
|
2044
2003
|
clickTab: EventEmitter<any>;
|
|
2045
2004
|
changeStateTabs: EventEmitter<any>;
|
|
2046
2005
|
clickItem: EventEmitter<any>;
|
|
2047
|
-
subItemsLoad: EventEmitter<any>;
|
|
2048
2006
|
footerActionListboxEvent: EventEmitter<any>;
|
|
2049
2007
|
constructor(languageService: PoLanguageService);
|
|
2050
2008
|
protected onThemeChange(): void;
|
|
2051
2009
|
private applySizeBasedOnA11y;
|
|
2052
2010
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxBaseComponent, never>;
|
|
2053
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "changeSearch": "p-change-search"; "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "
|
|
2011
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "changeSearch": "p-change-search"; "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "footerActionListboxEvent": "p-footer-action-listbox-event"; }, never, never, true, never>;
|
|
2054
2012
|
static ngAcceptInputType_isTabs: any;
|
|
2055
2013
|
static ngAcceptInputType_isServerSearching: any;
|
|
2056
2014
|
static ngAcceptInputType_infiniteLoading: any;
|
|
@@ -2168,29 +2126,7 @@ interface PoPopupAction {
|
|
|
2168
2126
|
*
|
|
2169
2127
|
* @description
|
|
2170
2128
|
*
|
|
2171
|
-
* Define
|
|
2172
|
-
*
|
|
2173
|
-
* Aceita dois formatos:
|
|
2174
|
-
*
|
|
2175
|
-
* **Estático** – um *array* de `PoPopupAction` carregado imediatamente:
|
|
2176
|
-
*
|
|
2177
|
-
* ```
|
|
2178
|
-
* { label: 'Relatórios', subItems: [{ label: 'Mensal' }, { label: 'Anual' }] }
|
|
2179
|
-
* ```
|
|
2180
|
-
*
|
|
2181
|
-
* **Assíncrono (lazy loading)** – uma função que recebe o item agrupador e retorna um
|
|
2182
|
-
* `Observable<Array<PoPopupAction>>`. A requisição é disparada **apenas** no momento da expansão
|
|
2183
|
-
* (clique ou atalho de teclado), exibindo placeholders com `po-skeleton` enquanto os dados são carregados:
|
|
2184
|
-
*
|
|
2185
|
-
* ```
|
|
2186
|
-
* {
|
|
2187
|
-
* label: 'Relatórios',
|
|
2188
|
-
* subItems: (item) => this.reportService.getReports(item)
|
|
2189
|
-
* }
|
|
2190
|
-
* ```
|
|
2191
|
-
*
|
|
2192
|
-
* > No formato assíncrono, o resultado é armazenado em cache após o primeiro carregamento bem-sucedido.
|
|
2193
|
-
* Em caso de falha, é exibida uma mensagem com a opção de tentar novamente.
|
|
2129
|
+
* Define uma lista de subitens para criação de menus aninhados.
|
|
2194
2130
|
*
|
|
2195
2131
|
* Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
|
|
2196
2132
|
* Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
|
|
@@ -2201,7 +2137,7 @@ interface PoPopupAction {
|
|
|
2201
2137
|
*
|
|
2202
2138
|
* > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
|
|
2203
2139
|
*/
|
|
2204
|
-
subItems?: Array<PoPopupAction
|
|
2140
|
+
subItems?: Array<PoPopupAction>;
|
|
2205
2141
|
$subItemTemplate?: TemplateRef<any>;
|
|
2206
2142
|
}
|
|
2207
2143
|
|
|
@@ -2223,15 +2159,6 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
|
|
|
2223
2159
|
element: ElementRef<any>;
|
|
2224
2160
|
currentItems: Array<PoDropdownAction>;
|
|
2225
2161
|
currentGroup: PoDropdownAction | null;
|
|
2226
|
-
readonly subItemsLoading: WritableSignal<Record<string, boolean>>;
|
|
2227
|
-
readonly subItemsError: WritableSignal<Record<string, boolean>>;
|
|
2228
|
-
readonly subItemsSkeletonPlaceholders: number[];
|
|
2229
|
-
rootLazyLoad?: () => Observable<Array<PoDropdownAction>>;
|
|
2230
|
-
rootItemsLoad: EventEmitter<void>;
|
|
2231
|
-
private readonly loadedSubItems;
|
|
2232
|
-
private lastLoadedGroup;
|
|
2233
|
-
private rootLoaded;
|
|
2234
|
-
private readonly destroySubItems$;
|
|
2235
2162
|
private readonly navigationStack;
|
|
2236
2163
|
private readonly renderer;
|
|
2237
2164
|
private readonly router;
|
|
@@ -2252,28 +2179,12 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
|
|
|
2252
2179
|
ngOnChanges(changes?: SimpleChanges): void;
|
|
2253
2180
|
ngOnDestroy(): void;
|
|
2254
2181
|
openGroup(group: PoDropdownAction, event?: MouseEvent | KeyboardEvent): void;
|
|
2255
|
-
private loadSubItemsAsync;
|
|
2256
|
-
retrySubItems(event?: MouseEvent | KeyboardEvent): void;
|
|
2257
|
-
loadRootItemsAsync(): void;
|
|
2258
|
-
retryRootItems(event?: MouseEvent | KeyboardEvent): void;
|
|
2259
|
-
isRootLoading(): boolean;
|
|
2260
|
-
isRootError(): boolean;
|
|
2261
|
-
isSubItemsLoading(group: PoDropdownAction | null): boolean;
|
|
2262
|
-
isSubItemsError(group: PoDropdownAction | null): boolean;
|
|
2263
|
-
isFunction(value: unknown): boolean;
|
|
2264
|
-
isGroupItem(item: PoDropdownAction): boolean;
|
|
2265
|
-
private getGroupKey;
|
|
2266
|
-
private setSubItemsState;
|
|
2267
|
-
private clearSubItemsState;
|
|
2268
|
-
private focusGroupHeader;
|
|
2269
2182
|
goBack(event: MouseEvent | KeyboardEvent): void;
|
|
2270
2183
|
onKeydownGoBack(event: KeyboardEvent, currentGroup?: PoDropdownAction): void;
|
|
2271
2184
|
protected onKeydownTemplate(event: KeyboardEvent): void;
|
|
2272
|
-
onSelectItem(itemListAction: any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
|
|
2185
|
+
onSelectItem(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
|
|
2273
2186
|
onSelectAllCheckboxKeyDown(event: KeyboardEvent): void;
|
|
2274
|
-
onKeyDown(itemListAction: any, event?: KeyboardEvent): void;
|
|
2275
|
-
private handleArrowRightKey;
|
|
2276
|
-
private handleEnterOrSpaceKey;
|
|
2187
|
+
onKeyDown(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: KeyboardEvent): void;
|
|
2277
2188
|
checkboxClicked({ option, selected }: {
|
|
2278
2189
|
option: any;
|
|
2279
2190
|
selected: any;
|
|
@@ -2307,7 +2218,7 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
|
|
|
2307
2218
|
formatItemList(item: any): string;
|
|
2308
2219
|
handleFooterActionListbox(): void;
|
|
2309
2220
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxComponent, never>;
|
|
2310
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoListBoxComponent, "po-listbox", never, {
|
|
2221
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoListBoxComponent, "po-listbox", never, {}, {}, never, ["[p-popup-header-template]"], false, never>;
|
|
2311
2222
|
}
|
|
2312
2223
|
|
|
2313
2224
|
/**
|
|
@@ -4460,337 +4371,9 @@ declare class PoCheckboxModule {
|
|
|
4460
4371
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoCheckboxModule>;
|
|
4461
4372
|
}
|
|
4462
4373
|
|
|
4463
|
-
/**
|
|
4464
|
-
* @usedBy PoSkeletonComponent
|
|
4465
|
-
*
|
|
4466
|
-
* @description
|
|
4467
|
-
*
|
|
4468
|
-
* Define os tipos de animação do componente `po-skeleton`.
|
|
4469
|
-
*/
|
|
4470
|
-
declare enum PoSkeletonAnimation {
|
|
4471
|
-
/** Sem animação */
|
|
4472
|
-
none = "none",
|
|
4473
|
-
/** Animação de pulsação */
|
|
4474
|
-
pulse = "pulse",
|
|
4475
|
-
/** Animação de brilho deslizante */
|
|
4476
|
-
shimmer = "shimmer"
|
|
4477
|
-
}
|
|
4478
|
-
|
|
4479
|
-
/**
|
|
4480
|
-
* @usedBy PoSkeletonComponent
|
|
4481
|
-
*
|
|
4482
|
-
* @description
|
|
4483
|
-
*
|
|
4484
|
-
* Define os tamanhos disponíveis para o componente `po-skeleton`.
|
|
4485
|
-
*/
|
|
4486
|
-
declare enum PoSkeletonSize {
|
|
4487
|
-
/** Tamanho extra pequeno */
|
|
4488
|
-
xs = "xs",
|
|
4489
|
-
/** Tamanho pequeno */
|
|
4490
|
-
sm = "sm",
|
|
4491
|
-
/** Tamanho médio */
|
|
4492
|
-
md = "md",
|
|
4493
|
-
/** Tamanho grande */
|
|
4494
|
-
lg = "lg",
|
|
4495
|
-
/** Tamanho extra grande */
|
|
4496
|
-
xl = "xl",
|
|
4497
|
-
/** Tamanho extra extra grande */
|
|
4498
|
-
xxl = "2xl"
|
|
4499
|
-
}
|
|
4500
|
-
|
|
4501
|
-
/**
|
|
4502
|
-
* @usedBy PoSkeletonComponent
|
|
4503
|
-
*
|
|
4504
|
-
* @description
|
|
4505
|
-
*
|
|
4506
|
-
* Define os tipos visuais disponíveis para o componente `po-skeleton`.
|
|
4507
|
-
*/
|
|
4508
|
-
declare enum PoSkeletonType {
|
|
4509
|
-
/** Tipo padrão com cor neutra clara */
|
|
4510
|
-
normal = "normal",
|
|
4511
|
-
/** Tipo primário com cor neutra média */
|
|
4512
|
-
primary = "primary",
|
|
4513
|
-
/** Tipo de conteúdo com fundo branco */
|
|
4514
|
-
content = "content"
|
|
4515
|
-
}
|
|
4516
|
-
|
|
4517
|
-
/**
|
|
4518
|
-
* @usedBy PoSkeletonComponent
|
|
4519
|
-
*
|
|
4520
|
-
* @description
|
|
4521
|
-
*
|
|
4522
|
-
* Define as variantes visuais do componente `po-skeleton`.
|
|
4523
|
-
*/
|
|
4524
|
-
declare enum PoSkeletonVariant {
|
|
4525
|
-
/** Variante para simular texto */
|
|
4526
|
-
text = "text",
|
|
4527
|
-
/** Variante retangular (largura maior que altura) */
|
|
4528
|
-
rectangle = "rectangle",
|
|
4529
|
-
/** Variante quadrada (largura igual à altura) */
|
|
4530
|
-
square = "square",
|
|
4531
|
-
/** Variante circular */
|
|
4532
|
-
circle = "circle"
|
|
4533
|
-
}
|
|
4534
|
-
|
|
4535
|
-
/**
|
|
4536
|
-
* @description
|
|
4537
|
-
*
|
|
4538
|
-
* O componente `po-skeleton` é utilizado para exibir placeholders durante o carregamento de conteúdo,
|
|
4539
|
-
* melhorando a experiência do usuário ao indicar que a informação está sendo processada.
|
|
4540
|
-
*
|
|
4541
|
-
* Ele oferece diferentes variantes visuais (texto, retângulo, círculo) e animações (pulse, shimmer)
|
|
4542
|
-
* para simular diversos tipos de conteúdo em estado de carregamento.
|
|
4543
|
-
*
|
|
4544
|
-
* #### Tokens customizáveis
|
|
4545
|
-
*
|
|
4546
|
-
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
4547
|
-
*
|
|
4548
|
-
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
4549
|
-
*
|
|
4550
|
-
* | Propriedade | Descrição | Valor Padrão |
|
|
4551
|
-
* |----------------------------------------|------------------------------------------------------|---------------------------------|
|
|
4552
|
-
* | **Cores** | | |
|
|
4553
|
-
* | `--color` | Cor de fundo do skeleton (tipo normal) | `var(--color-neutral-light-20)` |
|
|
4554
|
-
* | `--color-primary` | Cor de fundo do skeleton (tipo primary) | `var(--color-neutral-mid-40)` |
|
|
4555
|
-
* | `--color-content` | Cor de fundo do skeleton (tipo content) | `var(--color-neutral-light-00)` |
|
|
4556
|
-
* | `--shimmer-highlight` | Cor de destaque do shimmer (tipo normal) | `var(--color-neutral-light-30)` |
|
|
4557
|
-
* | `--shimmer-highlight-primary` | Cor de destaque do shimmer (tipo primary) | `var(--color-neutral-light-20)` |
|
|
4558
|
-
* | `--shimmer-highlight-content` | Cor de destaque do shimmer (tipo content) | `var(--color-neutral-light-05)` |
|
|
4559
|
-
* | **Espaçamento** | | |
|
|
4560
|
-
* | `--margin-bottom` | Margem inferior do skeleton | `var(--spacing-xs)` |
|
|
4561
|
-
* | **Bordas** | | |
|
|
4562
|
-
* | `--border-radius` | Raio da borda do skeleton | `var(--border-radius-md)` |
|
|
4563
|
-
* | `--border-radius-text` | Raio da borda para a variante text | `var(--border-radius-md)` |
|
|
4564
|
-
* | `--border-radius-primary` | Raio da borda do skeleton (tipo primary) | `var(--border-radius-md)` |
|
|
4565
|
-
* | `--border-radius-content` | Raio da borda do skeleton (tipo content) | `var(--border-radius-lg)` |
|
|
4566
|
-
* | **Transições** | | |
|
|
4567
|
-
* | `--transition-property` | Propriedade CSS da transição | `all` |
|
|
4568
|
-
* | `--transition-duration` | Duração da transição de cor | `var(--duration-moderate)` |
|
|
4569
|
-
* | `--transition-timing` | Função de temporização da transição/animação | `var(--timing-continuous)` |
|
|
4570
|
-
* | **Animações** | | |
|
|
4571
|
-
* | `--animation-duration-pulse` | Duração da animação de pulsação | `var(--duration-very-slow)` |
|
|
4572
|
-
* | `--animation-duration-shimmer` | Duração da animação de brilho deslizante | `var(--duration-ultra-slow)` |
|
|
4573
|
-
*
|
|
4574
|
-
*/
|
|
4575
|
-
declare class PoSkeletonBaseComponent {
|
|
4576
|
-
/**
|
|
4577
|
-
* @optional
|
|
4578
|
-
*
|
|
4579
|
-
* @description
|
|
4580
|
-
*
|
|
4581
|
-
* Define a variante visual do skeleton.
|
|
4582
|
-
*
|
|
4583
|
-
* Valores válidos:
|
|
4584
|
-
* - `text`: Simula uma linha de texto (altura padrão: 1em)
|
|
4585
|
-
* - `rectangle`: Forma retangular (proporção 3:1 por padrão)
|
|
4586
|
-
* - `square`: Forma quadrada (largura e altura iguais)
|
|
4587
|
-
* - `circle`: Forma circular (largura e altura iguais)
|
|
4588
|
-
*
|
|
4589
|
-
* @default `text`
|
|
4590
|
-
*/
|
|
4591
|
-
variant: i0.InputSignal<PoSkeletonVariant>;
|
|
4592
|
-
/**
|
|
4593
|
-
* @optional
|
|
4594
|
-
*
|
|
4595
|
-
* @description
|
|
4596
|
-
*
|
|
4597
|
-
* Define o tipo visual do skeleton, alterando sua cor de fundo.
|
|
4598
|
-
*
|
|
4599
|
-
* Valores válidos:
|
|
4600
|
-
* - `normal`: Cor neutra clara (padrão)
|
|
4601
|
-
* - `primary`: Cor neutra média
|
|
4602
|
-
* - `content`: Fundo branco
|
|
4603
|
-
*
|
|
4604
|
-
* @default `normal`
|
|
4605
|
-
*/
|
|
4606
|
-
type: i0.InputSignal<PoSkeletonType>;
|
|
4607
|
-
/**
|
|
4608
|
-
* @optional
|
|
4609
|
-
*
|
|
4610
|
-
* @description
|
|
4611
|
-
*
|
|
4612
|
-
* Define o tipo de animação do skeleton.
|
|
4613
|
-
*
|
|
4614
|
-
* Valores válidos:
|
|
4615
|
-
* - `none`: Sem animação
|
|
4616
|
-
* - `pulse`: Animação de pulsação
|
|
4617
|
-
* - `shimmer`: Animação de brilho deslizante
|
|
4618
|
-
*
|
|
4619
|
-
* @default `shimmer`
|
|
4620
|
-
*/
|
|
4621
|
-
animation: i0.InputSignal<PoSkeletonAnimation>;
|
|
4622
|
-
/**
|
|
4623
|
-
* @optional
|
|
4624
|
-
*
|
|
4625
|
-
* @description
|
|
4626
|
-
*
|
|
4627
|
-
* Define o tamanho do skeleton para as variantes pré-definidas (`rectangle`, `square`, `circle`).
|
|
4628
|
-
*
|
|
4629
|
-
* Valores válidos:
|
|
4630
|
-
* - `xs`: Extra pequeno (24px para square/circle, 72px x 24px para rectangle)
|
|
4631
|
-
* - `sm`: Pequeno (32px para square/circle, 96px x 32px para rectangle)
|
|
4632
|
-
* - `md`: Médio (48px para square/circle, 144px x 48px para rectangle)
|
|
4633
|
-
* - `lg`: Grande (64px para square/circle, 192px x 64px para rectangle)
|
|
4634
|
-
* - `xl`: Extra grande (96px para square/circle, 288px x 96px para rectangle)
|
|
4635
|
-
* - `2xl`: Extra extra grande (144px para square/circle, 432px x 144px para rectangle)
|
|
4636
|
-
*
|
|
4637
|
-
* Esta propriedade é ignorada quando `p-width` ou `p-height` são definidos explicitamente.
|
|
4638
|
-
*
|
|
4639
|
-
* @default `md`
|
|
4640
|
-
*/
|
|
4641
|
-
size: i0.InputSignal<PoSkeletonSize>;
|
|
4642
|
-
/**
|
|
4643
|
-
* @optional
|
|
4644
|
-
*
|
|
4645
|
-
* @description
|
|
4646
|
-
*
|
|
4647
|
-
* Define a largura do skeleton.
|
|
4648
|
-
* Aceita valores CSS válidos (px, %, em, rem).
|
|
4649
|
-
*
|
|
4650
|
-
* Quando definido, sobrescreve a largura padrão da variante.
|
|
4651
|
-
*
|
|
4652
|
-
* @default `100%` para variante `text`, tamanho baseado em `p-size` para outras variantes
|
|
4653
|
-
*/
|
|
4654
|
-
width: i0.InputSignal<string>;
|
|
4655
|
-
/**
|
|
4656
|
-
* @optional
|
|
4657
|
-
*
|
|
4658
|
-
* @description
|
|
4659
|
-
*
|
|
4660
|
-
* Define a altura do skeleton.
|
|
4661
|
-
* Aceita valores CSS válidos (px, %, em, rem).
|
|
4662
|
-
*
|
|
4663
|
-
* Quando definido, sobrescreve a altura padrão da variante.
|
|
4664
|
-
*/
|
|
4665
|
-
height: i0.InputSignal<string>;
|
|
4666
|
-
/**
|
|
4667
|
-
* @optional
|
|
4668
|
-
*
|
|
4669
|
-
* @description
|
|
4670
|
-
*
|
|
4671
|
-
* Define o raio da borda do skeleton.
|
|
4672
|
-
* Aceita valores CSS válidos (px, %, em, rem).
|
|
4673
|
-
*
|
|
4674
|
-
* Esta propriedade sobrescreve o border-radius padrão de cada variante.
|
|
4675
|
-
*/
|
|
4676
|
-
borderRadius: i0.InputSignal<string>;
|
|
4677
|
-
/**
|
|
4678
|
-
* @optional
|
|
4679
|
-
*
|
|
4680
|
-
* @description
|
|
4681
|
-
*
|
|
4682
|
-
* Define a descrição acessível do conteúdo que está sendo carregado.
|
|
4683
|
-
*
|
|
4684
|
-
* Este texto será anunciado por leitores de tela, garantindo que usuários de tecnologias assistivas
|
|
4685
|
-
* sejam informados sobre o estado de carregamento.
|
|
4686
|
-
*
|
|
4687
|
-
* **Quando usar:**
|
|
4688
|
-
* - Use em **skeletons únicos** ou no **primeiro skeleton de um grupo** com descrição contextual
|
|
4689
|
-
* - Evite usar em múltiplos skeletons dentro da mesma área sem contexto, para não causar repetição excessiva
|
|
4690
|
-
*
|
|
4691
|
-
* **Exemplos de uso:**
|
|
4692
|
-
*
|
|
4693
|
-
* ```html
|
|
4694
|
-
* <!-- ✅ BOM: Skeleton único com contexto -->
|
|
4695
|
-
* <po-skeleton p-aria-label="Carregando perfil do usuário"></po-skeleton>
|
|
4696
|
-
*
|
|
4697
|
-
* <!-- ✅ BOM: Grupo de skeletons - apenas o primeiro anuncia -->
|
|
4698
|
-
* <po-skeleton p-aria-label="Carregando lista de produtos"></po-skeleton>
|
|
4699
|
-
* <po-skeleton p-type="primary"></po-skeleton>
|
|
4700
|
-
* <po-skeleton p-variant="circle"></po-skeleton>
|
|
4701
|
-
*
|
|
4702
|
-
* <!-- ❌ EVITE: Múltiplos skeletons com a mesma label -->
|
|
4703
|
-
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" -->
|
|
4704
|
-
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" -->
|
|
4705
|
-
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" (repetitivo!) -->
|
|
4706
|
-
* ```
|
|
4707
|
-
*
|
|
4708
|
-
* > **Boas práticas de acessibilidade:**
|
|
4709
|
-
* > - Forneça contexto específico na label para que os usuários entendam o que está carregando
|
|
4710
|
-
*
|
|
4711
|
-
* > - Em casos complexos, considere usar um único `<div role="status">` para todo o grupo
|
|
4712
|
-
* > de skeletons, ao invés de múltiplas labels idênticas, para evitar repetição excessiva de anúncios
|
|
4713
|
-
*/
|
|
4714
|
-
ariaLabel: i0.InputSignal<string>;
|
|
4715
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonBaseComponent, never>;
|
|
4716
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoSkeletonBaseComponent, never, never, { "variant": { "alias": "p-variant"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; "isSignal": true; }; "animation": { "alias": "p-animation"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "width": { "alias": "p-width"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "p-border-radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "p-aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
4717
|
-
}
|
|
4718
|
-
|
|
4719
|
-
/**
|
|
4720
|
-
* @docsExtends PoSkeletonBaseComponent
|
|
4721
|
-
*
|
|
4722
|
-
* @example
|
|
4723
|
-
*
|
|
4724
|
-
* <example name="po-skeleton-basic" title="PO Skeleton Basic">
|
|
4725
|
-
* <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.html"> </file>
|
|
4726
|
-
* <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.ts"> </file>
|
|
4727
|
-
* </example>
|
|
4728
|
-
*
|
|
4729
|
-
* <example name="po-skeleton-labs" title="PO Skeleton Labs">
|
|
4730
|
-
* <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.html"> </file>
|
|
4731
|
-
* <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.ts"> </file>
|
|
4732
|
-
* </example>
|
|
4733
|
-
*
|
|
4734
|
-
* <example name="po-skeleton-credit-card" title="PO Skeleton - Credit Card">
|
|
4735
|
-
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.html"> </file>
|
|
4736
|
-
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.ts"> </file>
|
|
4737
|
-
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.css"> </file>
|
|
4738
|
-
* </example>
|
|
4739
|
-
*
|
|
4740
|
-
* <example name="po-skeleton-widget-card" title="PO Skeleton - Widget Card">
|
|
4741
|
-
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.html"> </file>
|
|
4742
|
-
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.ts"> </file>
|
|
4743
|
-
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.css"> </file>
|
|
4744
|
-
* </example>
|
|
4745
|
-
*
|
|
4746
|
-
* <example name="po-skeleton-user-profile" title="PO Skeleton - User Profile">
|
|
4747
|
-
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.html"> </file>
|
|
4748
|
-
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.ts"> </file>
|
|
4749
|
-
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.css"> </file>
|
|
4750
|
-
* </example>
|
|
4751
|
-
*
|
|
4752
|
-
* <example name="po-skeleton-social-post" title="PO Skeleton - Social Post">
|
|
4753
|
-
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.html"> </file>
|
|
4754
|
-
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.ts"> </file>
|
|
4755
|
-
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.css"> </file>
|
|
4756
|
-
* </example>
|
|
4757
|
-
*
|
|
4758
|
-
* <example name="po-skeleton-article" title="PO Skeleton - Article">
|
|
4759
|
-
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.html"> </file>
|
|
4760
|
-
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.ts"> </file>
|
|
4761
|
-
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.css"> </file>
|
|
4762
|
-
* </example>
|
|
4763
|
-
*/
|
|
4764
|
-
declare class PoSkeletonComponent extends PoSkeletonBaseComponent {
|
|
4765
|
-
private readonly sizeMap;
|
|
4766
|
-
private readonly defaultTextDimensions;
|
|
4767
|
-
private readonly defaultBorderRadius;
|
|
4768
|
-
computedStyles: i0.Signal<{
|
|
4769
|
-
[key: string]: string;
|
|
4770
|
-
}>;
|
|
4771
|
-
computedClasses: i0.Signal<{
|
|
4772
|
-
[x: string]: boolean;
|
|
4773
|
-
'po-skeleton': boolean;
|
|
4774
|
-
}>;
|
|
4775
|
-
private getDimensions;
|
|
4776
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonComponent, never>;
|
|
4777
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoSkeletonComponent, "po-skeleton", never, {}, {}, never, never, false, never>;
|
|
4778
|
-
}
|
|
4779
|
-
|
|
4780
|
-
/**
|
|
4781
|
-
* @description
|
|
4782
|
-
*
|
|
4783
|
-
* Módulo do componente po-skeleton.
|
|
4784
|
-
*/
|
|
4785
|
-
declare class PoSkeletonModule {
|
|
4786
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonModule, never>;
|
|
4787
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoSkeletonModule, [typeof PoSkeletonComponent], [typeof i2.CommonModule], [typeof PoSkeletonComponent]>;
|
|
4788
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PoSkeletonModule>;
|
|
4789
|
-
}
|
|
4790
|
-
|
|
4791
4374
|
declare class PoListBoxModule {
|
|
4792
4375
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxModule, never>;
|
|
4793
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoListBoxModule, [typeof PoListBoxComponent, typeof PoItemListComponent, typeof PoSearchListComponent], [typeof i2.CommonModule, typeof
|
|
4376
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoListBoxModule, [typeof PoListBoxComponent, typeof PoItemListComponent, typeof PoSearchListComponent], [typeof i2.CommonModule, typeof PoCheckboxModule, typeof PoIconModule, typeof PoLoadingModule, typeof PoTagModule, typeof i9.CdkListboxModule], [typeof PoListBoxComponent]>;
|
|
4794
4377
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoListBoxModule>;
|
|
4795
4378
|
}
|
|
4796
4379
|
|
|
@@ -4872,16 +4455,10 @@ declare class PoPopupBaseComponent {
|
|
|
4872
4455
|
private _position?;
|
|
4873
4456
|
private _size?;
|
|
4874
4457
|
private _target;
|
|
4875
|
-
rootLazyLoad?: () => Observable<Array<PoPopupAction>>;
|
|
4876
4458
|
get computedListboxSubitems(): boolean;
|
|
4877
4459
|
templateIcon: boolean;
|
|
4878
|
-
/**
|
|
4879
|
-
|
|
4880
|
-
*
|
|
4881
|
-
* Aceita um *array* de `PoPopupAction` (carregado imediatamente) ou uma função que retorna um
|
|
4882
|
-
* `Observable<Array<PoPopupAction>>`, carregando o nível raiz de forma assíncrona na abertura.
|
|
4883
|
-
*/
|
|
4884
|
-
set actions(value: Array<PoPopupAction> | (() => Observable<Array<PoPopupAction>>));
|
|
4460
|
+
/** Lista de ações que serão exibidas no componente. */
|
|
4461
|
+
set actions(value: Array<PoPopupAction>);
|
|
4885
4462
|
get actions(): Array<PoPopupAction>;
|
|
4886
4463
|
/**
|
|
4887
4464
|
* @optional
|
|
@@ -5008,56 +4585,11 @@ declare class PoPopupBaseComponent {
|
|
|
5008
4585
|
*/
|
|
5009
4586
|
set target(value: any);
|
|
5010
4587
|
get target(): any;
|
|
5011
|
-
/**
|
|
5012
|
-
* @optional
|
|
5013
|
-
*
|
|
5014
|
-
* @description
|
|
5015
|
-
*
|
|
5016
|
-
* Evento disparado ao fechar o popup.
|
|
5017
|
-
*/
|
|
5018
4588
|
closeEvent: EventEmitter<any>;
|
|
5019
|
-
|
|
5020
|
-
* @optional
|
|
5021
|
-
*
|
|
5022
|
-
* @description
|
|
5023
|
-
*
|
|
5024
|
-
* Evento disparado a cada clique em um item do menu.
|
|
5025
|
-
*
|
|
5026
|
-
* Recebe o item clicado (`PoPopupAction`).
|
|
5027
|
-
*
|
|
5028
|
-
* > Não é disparado para a ação interna de voltar (`goBack`).
|
|
5029
|
-
*/
|
|
5030
|
-
clickItem: EventEmitter<PoPopupAction>;
|
|
5031
|
-
/**
|
|
5032
|
-
* @optional
|
|
5033
|
-
*
|
|
5034
|
-
* @description
|
|
5035
|
-
*
|
|
5036
|
-
* Evento disparado ao abrir o popup.
|
|
5037
|
-
*/
|
|
4589
|
+
clickItem: EventEmitter<any>;
|
|
5038
4590
|
openEvent: EventEmitter<any>;
|
|
5039
|
-
/**
|
|
5040
|
-
* @optional
|
|
5041
|
-
*
|
|
5042
|
-
* @description
|
|
5043
|
-
*
|
|
5044
|
-
* Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
|
|
5045
|
-
* (quando `subItems` é definido como função que retorna um `Observable`).
|
|
5046
|
-
*
|
|
5047
|
-
* Recebe o item agrupador (`PoPopupAction`) que originou o carregamento.
|
|
5048
|
-
*/
|
|
5049
|
-
subItemsLoad: EventEmitter<PoPopupAction>;
|
|
5050
|
-
/**
|
|
5051
|
-
* @optional
|
|
5052
|
-
*
|
|
5053
|
-
* @description
|
|
5054
|
-
*
|
|
5055
|
-
* Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
|
|
5056
|
-
* (quando `p-actions` é definido como função que retorna um `Observable`).
|
|
5057
|
-
*/
|
|
5058
|
-
rootItemsLoad: EventEmitter<void>;
|
|
5059
4591
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupBaseComponent, never>;
|
|
5060
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; "openEvent": "p-open";
|
|
4592
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; "openEvent": "p-open"; }, never, never, true, never>;
|
|
5061
4593
|
}
|
|
5062
4594
|
|
|
5063
4595
|
/**
|
|
@@ -5099,10 +4631,7 @@ declare class PoPopupComponent extends PoPopupBaseComponent implements AfterView
|
|
|
5099
4631
|
*
|
|
5100
4632
|
* > Por padrão, este comportamento é acionado somente ao clicar fora do componente ou em determinada ação / url.
|
|
5101
4633
|
*/
|
|
5102
|
-
close(
|
|
5103
|
-
reason?: string;
|
|
5104
|
-
origin?: string;
|
|
5105
|
-
}): void;
|
|
4634
|
+
close(): void;
|
|
5106
4635
|
onActionClick(popupAction: PoPopupAction): void | Promise<boolean>;
|
|
5107
4636
|
/**
|
|
5108
4637
|
* Abre o componente *popup*.
|
|
@@ -5123,9 +4652,7 @@ declare class PoPopupComponent extends PoPopupBaseComponent implements AfterView
|
|
|
5123
4652
|
protected checkAllActionIsInvisible(): boolean;
|
|
5124
4653
|
private clickedOutDisabledItem;
|
|
5125
4654
|
private clickedOutHeaderTemplate;
|
|
5126
|
-
private isEventInsideElement;
|
|
5127
4655
|
private clickedOutTarget;
|
|
5128
|
-
private clickedOutPopup;
|
|
5129
4656
|
private closePopupOnClickout;
|
|
5130
4657
|
private elementContains;
|
|
5131
4658
|
private hasContentToShow;
|
|
@@ -5135,7 +4662,6 @@ declare class PoPopupComponent extends PoPopupBaseComponent implements AfterView
|
|
|
5135
4662
|
private removeListeners;
|
|
5136
4663
|
private setPosition;
|
|
5137
4664
|
private validateInitialContent;
|
|
5138
|
-
private focusTarget;
|
|
5139
4665
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupComponent, never>;
|
|
5140
4666
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoPopupComponent, "po-popup", never, {}, {}, never, ["[p-popup-header-template]"], false, never>;
|
|
5141
4667
|
}
|
|
@@ -10026,12 +9552,19 @@ declare const poToasterLiterals: {
|
|
|
10026
9552
|
};
|
|
10027
9553
|
|
|
10028
9554
|
declare class PoComponentInjectorService {
|
|
10029
|
-
private readonly componentResolver;
|
|
10030
9555
|
private readonly applicationRef;
|
|
10031
9556
|
private readonly injector;
|
|
10032
|
-
constructor(
|
|
10033
|
-
|
|
10034
|
-
|
|
9557
|
+
constructor(applicationRef: ApplicationRef, injector: Injector);
|
|
9558
|
+
/**
|
|
9559
|
+
* Cria dinamicamente um componente no ApplicationRef e o anexa ao body do documento.
|
|
9560
|
+
* @param component Classe do componente Angular (ex: MeuComponente)
|
|
9561
|
+
*/
|
|
9562
|
+
createComponentInApplication<T>(component: Type<T>): ComponentRef<T>;
|
|
9563
|
+
/**
|
|
9564
|
+
* Destrói o componente e remove suas referências do ApplicationRef e do DOM.
|
|
9565
|
+
* @param componentRef Referência do componente que foi criado dinamicamente
|
|
9566
|
+
*/
|
|
9567
|
+
destroyComponentInApplication<T>(componentRef: ComponentRef<T>): void;
|
|
10035
9568
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComponentInjectorService, never>;
|
|
10036
9569
|
static ɵprov: i0.ɵɵInjectableDeclaration<PoComponentInjectorService>;
|
|
10037
9570
|
}
|
|
@@ -10854,10 +10387,6 @@ declare class PoSearchAiService {
|
|
|
10854
10387
|
* em um filtro estruturado (normalmente OData) que pode ser aplicado por outro componente,
|
|
10855
10388
|
* como o [`po-table`](/documentation/po-table).
|
|
10856
10389
|
*
|
|
10857
|
-
* > **Componente experimental:** o `po-search-ai` está em fase experimental. Sua API
|
|
10858
|
-
* > (propriedades, eventos e contrato com o backend) pode sofrer alterações
|
|
10859
|
-
* > entre versões. Utilize com cautela em ambientes de produção.
|
|
10860
|
-
*
|
|
10861
10390
|
* O componente é **agnóstico ao provedor de IA**. Toda a comunicação ocorre através do
|
|
10862
10391
|
* endpoint informado em `p-url`, que recebe `{ query, columns }` e deve retornar
|
|
10863
10392
|
* `{ filter, description, confidence }`. Isso garante que nenhuma chave de IA seja
|
|
@@ -12135,7 +11664,7 @@ declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
|
|
|
12135
11664
|
* <file name="sample-po-table-draggable/sample-po-table-draggable.component.ts"> </file>
|
|
12136
11665
|
* </example>
|
|
12137
11666
|
*
|
|
12138
|
-
* <example name="po-table-search-ai" title="PO Table - Search A.I.
|
|
11667
|
+
* <example name="po-table-search-ai" title="PO Table - Search A.I.">
|
|
12139
11668
|
* <file name="sample-po-table-search-ai/sample-po-table-search-ai.component.html"> </file>
|
|
12140
11669
|
* <file name="sample-po-table-search-ai/sample-po-table-search-ai.component.ts"> </file>
|
|
12141
11670
|
* </example>
|
|
@@ -12550,45 +12079,6 @@ type PoPageSlideSize = 'sm' | 'md' | 'lg' | 'xl' | 'auto' | 'full';
|
|
|
12550
12079
|
* através do botão que encontra-se no cabeçalho do mesmo ou através do método
|
|
12551
12080
|
* `#close()`.
|
|
12552
12081
|
*
|
|
12553
|
-
* > Para o correto funcionamento do componente `po-page-slide`, deve ser
|
|
12554
|
-
* > importado o módulo `BrowserAnimationsModule` no módulo principal da sua
|
|
12555
|
-
* > aplicação.
|
|
12556
|
-
*
|
|
12557
|
-
* Módulo da aplicação:
|
|
12558
|
-
* ```
|
|
12559
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
12560
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
12561
|
-
* ...
|
|
12562
|
-
*
|
|
12563
|
-
* @NgModule({
|
|
12564
|
-
* imports: [
|
|
12565
|
-
* BrowserModule,
|
|
12566
|
-
* BrowserAnimationsModule,
|
|
12567
|
-
* ...
|
|
12568
|
-
* PoModule
|
|
12569
|
-
* ],
|
|
12570
|
-
* declarations: [
|
|
12571
|
-
* AppComponent,
|
|
12572
|
-
* ...
|
|
12573
|
-
* ],
|
|
12574
|
-
* providers: [],
|
|
12575
|
-
* bootstrap: [AppComponent]
|
|
12576
|
-
* })
|
|
12577
|
-
* export class AppModule { }
|
|
12578
|
-
* ```
|
|
12579
|
-
*
|
|
12580
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
12581
|
-
*
|
|
12582
|
-
* ```
|
|
12583
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
12584
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
12585
|
-
* import { AppComponent } from './app.component';
|
|
12586
|
-
*
|
|
12587
|
-
* bootstrapApplication(AppComponent, {
|
|
12588
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
12589
|
-
* }).catch(err => console.error(err));
|
|
12590
|
-
* ```
|
|
12591
|
-
*
|
|
12592
12082
|
* Caso utilize componentes de field dentro do page-slide, recomenda-se o uso do [Grid System](https://po-ui.io/guides/grid-system).
|
|
12593
12083
|
*
|
|
12594
12084
|
* No rodapé é possível utilizar o componente [`PoPageSlideFooter`](/documentation/po-page-slide-footer) para customização do template.
|
|
@@ -12853,6 +12343,10 @@ declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
|
|
|
12853
12343
|
protected hasAlternativeCloseAction(): boolean;
|
|
12854
12344
|
close(): void;
|
|
12855
12345
|
onClickOut(event: MouseEvent): void;
|
|
12346
|
+
animateEnter(event: AnimationCallbackEvent): void;
|
|
12347
|
+
animateLeave(event: AnimationCallbackEvent): void;
|
|
12348
|
+
private parseDuration;
|
|
12349
|
+
private parseTiming;
|
|
12856
12350
|
private setTimeFromCSS;
|
|
12857
12351
|
private getTextDefault;
|
|
12858
12352
|
private getLabelDefault;
|
|
@@ -12860,18 +12354,6 @@ declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
|
|
|
12860
12354
|
private initFocus;
|
|
12861
12355
|
private loadFirstElement;
|
|
12862
12356
|
private removeEventListeners;
|
|
12863
|
-
get fadeParams(): {
|
|
12864
|
-
value: boolean;
|
|
12865
|
-
params: {
|
|
12866
|
-
duration: string;
|
|
12867
|
-
};
|
|
12868
|
-
};
|
|
12869
|
-
get slideParams(): {
|
|
12870
|
-
value: boolean;
|
|
12871
|
-
params: {
|
|
12872
|
-
timing: string;
|
|
12873
|
-
};
|
|
12874
|
-
};
|
|
12875
12357
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPageSlideComponent, never>;
|
|
12876
12358
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoPageSlideComponent, "po-page-slide", never, {}, {}, ["pageSlideFooter"], ["*", "po-page-slide-footer"], false, never>;
|
|
12877
12359
|
}
|
|
@@ -14450,14 +13932,9 @@ declare class PoDropdownBaseComponent {
|
|
|
14450
13932
|
private _size?;
|
|
14451
13933
|
private _initialSize?;
|
|
14452
13934
|
private _position;
|
|
14453
|
-
/**
|
|
14454
|
-
|
|
14455
|
-
|
|
14456
|
-
* Aceita um *array* de `PoDropdownAction` (carregado imediatamente) ou uma função que retorna um
|
|
14457
|
-
* `Observable<Array<PoDropdownAction>>`, carregando o nível raiz de forma assíncrona na abertura.
|
|
14458
|
-
*/
|
|
14459
|
-
set actions(value: Array<PoDropdownAction> | (() => Observable<Array<PoDropdownAction>>));
|
|
14460
|
-
get actions(): Array<PoDropdownAction> | (() => Observable<Array<PoDropdownAction>>);
|
|
13935
|
+
/** Lista de ações que serão exibidas no componente. */
|
|
13936
|
+
set actions(value: Array<PoDropdownAction>);
|
|
13937
|
+
get actions(): Array<PoDropdownAction>;
|
|
14461
13938
|
/**
|
|
14462
13939
|
* @optional
|
|
14463
13940
|
*
|
|
@@ -14512,41 +13989,11 @@ declare class PoDropdownBaseComponent {
|
|
|
14512
13989
|
*/
|
|
14513
13990
|
set position(value: string);
|
|
14514
13991
|
get position(): string;
|
|
14515
|
-
/**
|
|
14516
|
-
* @optional
|
|
14517
|
-
*
|
|
14518
|
-
* @description
|
|
14519
|
-
*
|
|
14520
|
-
* Evento disparado a qualquer clique em um item do menu do dropdown.
|
|
14521
|
-
*
|
|
14522
|
-
* Recebe o item clicado (`PoDropdownAction`).
|
|
14523
|
-
*/
|
|
14524
|
-
clickItem: EventEmitter<PoDropdownAction>;
|
|
14525
|
-
/**
|
|
14526
|
-
* @optional
|
|
14527
|
-
*
|
|
14528
|
-
* @description
|
|
14529
|
-
*
|
|
14530
|
-
* Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
|
|
14531
|
-
* (quando `subItems` é definido como função que retorna um `Observable`).
|
|
14532
|
-
*
|
|
14533
|
-
* Recebe o item agrupador (`PoDropdownAction`) que originou o carregamento.
|
|
14534
|
-
*/
|
|
14535
|
-
subItemsLoad: EventEmitter<PoDropdownAction>;
|
|
14536
|
-
/**
|
|
14537
|
-
* @optional
|
|
14538
|
-
*
|
|
14539
|
-
* @description
|
|
14540
|
-
*
|
|
14541
|
-
* Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
|
|
14542
|
-
* (quando `p-actions` é definido como função que retorna um `Observable`).
|
|
14543
|
-
*/
|
|
14544
|
-
rootItemsLoad: EventEmitter<void>;
|
|
14545
13992
|
get popupCustomPositions(): Array<string>;
|
|
14546
13993
|
protected onThemeChange(): void;
|
|
14547
13994
|
private applySizeBasedOnA11y;
|
|
14548
13995
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoDropdownBaseComponent, never>;
|
|
14549
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDropdownBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; }, {
|
|
13996
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoDropdownBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; }, {}, never, never, true, never>;
|
|
14550
13997
|
}
|
|
14551
13998
|
|
|
14552
13999
|
/**
|
|
@@ -14564,11 +14011,6 @@ declare class PoDropdownBaseComponent {
|
|
|
14564
14011
|
* <file name="sample-po-dropdown-subitems/sample-po-dropdown-subitems.component.ts"> </file>
|
|
14565
14012
|
* </example>
|
|
14566
14013
|
*
|
|
14567
|
-
* <example name="po-dropdown-lazy-subitems" title="PO Dropdown Lazy Subitems" >
|
|
14568
|
-
* <file name="sample-po-dropdown-lazy-subitems/sample-po-dropdown-lazy-subitems.component.html"> </file>
|
|
14569
|
-
* <file name="sample-po-dropdown-lazy-subitems/sample-po-dropdown-lazy-subitems.component.ts"> </file>
|
|
14570
|
-
* </example>
|
|
14571
|
-
*
|
|
14572
14014
|
* <example name="po-dropdown-labs" title="PO Dropdown Labs" >
|
|
14573
14015
|
* <file name="sample-po-dropdown-labs/sample-po-dropdown-labs.component.html"> </file>
|
|
14574
14016
|
* <file name="sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts"> </file>
|
|
@@ -14588,8 +14030,6 @@ declare class PoDropdownComponent extends PoDropdownBaseComponent {
|
|
|
14588
14030
|
private resizeListener;
|
|
14589
14031
|
onKeyDown(event: any): void;
|
|
14590
14032
|
toggleDropdown(): void;
|
|
14591
|
-
onPopupClose(): void;
|
|
14592
|
-
private isEventInsideElement;
|
|
14593
14033
|
private checkClickArea;
|
|
14594
14034
|
private hideDropdown;
|
|
14595
14035
|
private initializeListeners;
|
|
@@ -24452,6 +23892,7 @@ declare class PoLookupModalComponent extends PoLookupModalBaseComponent implemen
|
|
|
24452
23892
|
tableHeight: number;
|
|
24453
23893
|
componentRef: ComponentRef<any>;
|
|
24454
23894
|
dynamicForm: NgForm;
|
|
23895
|
+
private dynamicFormReady;
|
|
24455
23896
|
constructor();
|
|
24456
23897
|
ngOnInit(): void;
|
|
24457
23898
|
onSelect(item: any): void;
|
|
@@ -33309,301 +32750,6 @@ declare class PoFilterChipModule {
|
|
|
33309
32750
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoFilterChipModule>;
|
|
33310
32751
|
}
|
|
33311
32752
|
|
|
33312
|
-
declare const poChartLiteralsDefault: {
|
|
33313
|
-
en: PoChartLiterals;
|
|
33314
|
-
es: PoChartLiterals;
|
|
33315
|
-
pt: PoChartLiterals;
|
|
33316
|
-
ru: PoChartLiterals;
|
|
33317
|
-
};
|
|
33318
|
-
|
|
33319
|
-
/**
|
|
33320
|
-
* @usedBy PoGaugeComponent
|
|
33321
|
-
*
|
|
33322
|
-
* @description
|
|
33323
|
-
*
|
|
33324
|
-
* Interface que define os alcances das cores do gauge.
|
|
33325
|
-
*/
|
|
33326
|
-
interface PoGaugeRanges {
|
|
33327
|
-
/** Alcance inicial da cor. O valor padrão é 0. */
|
|
33328
|
-
from?: number;
|
|
33329
|
-
/** Alcance final da cor. O valor padrão é 100. */
|
|
33330
|
-
to?: number;
|
|
33331
|
-
/**
|
|
33332
|
-
* @description
|
|
33333
|
-
*
|
|
33334
|
-
* O texto para a legenda do alcance.
|
|
33335
|
-
*
|
|
33336
|
-
* > Se desejar ocultar a legenda basta ignorar esta propriedade.
|
|
33337
|
-
*/
|
|
33338
|
-
label?: string;
|
|
33339
|
-
/**
|
|
33340
|
-
* @description
|
|
33341
|
-
*
|
|
33342
|
-
* Determina a cor do alcance. As maneiras de customizar o *preset* padrão de cores são:
|
|
33343
|
-
* - Hexadeximal, por exemplo `#c64840`;
|
|
33344
|
-
* - RGB, como `rgb(0, 0, 165)`
|
|
33345
|
-
* - O nome da cor, por exemplo *blue*);
|
|
33346
|
-
* - Usando uma das cores do tema do PO:
|
|
33347
|
-
* Valores válidos:
|
|
33348
|
-
* - <span class="dot po-color-01"></span> `color-01`
|
|
33349
|
-
* - <span class="dot po-color-02"></span> `color-02`
|
|
33350
|
-
* - <span class="dot po-color-03"></span> `color-03`
|
|
33351
|
-
* - <span class="dot po-color-04"></span> `color-04`
|
|
33352
|
-
* - <span class="dot po-color-05"></span> `color-05`
|
|
33353
|
-
* - <span class="dot po-color-06"></span> `color-06`
|
|
33354
|
-
* - <span class="dot po-color-07"></span> `color-07`
|
|
33355
|
-
* - <span class="dot po-color-08"></span> `color-08`
|
|
33356
|
-
* - <span class="dot po-color-09"></span> `color-09`
|
|
33357
|
-
* - <span class="dot po-color-10"></span> `color-10`
|
|
33358
|
-
* - <span class="dot po-color-11"></span> `color-11`
|
|
33359
|
-
* - <span class="dot po-color-12"></span> `color-12`
|
|
33360
|
-
*/
|
|
33361
|
-
color?: string;
|
|
33362
|
-
}
|
|
33363
|
-
|
|
33364
|
-
/**
|
|
33365
|
-
* @usedBy PoGaugeComponent
|
|
33366
|
-
*
|
|
33367
|
-
* @description
|
|
33368
|
-
*
|
|
33369
|
-
* *Interface* para configurações dos elementos do gráfico.
|
|
33370
|
-
*/
|
|
33371
|
-
interface PoGaugeOptions {
|
|
33372
|
-
/**
|
|
33373
|
-
* @optional
|
|
33374
|
-
*
|
|
33375
|
-
* @description
|
|
33376
|
-
*
|
|
33377
|
-
* Define a descrição do gráfico exibido acima do gráfico.
|
|
33378
|
-
*
|
|
33379
|
-
*/
|
|
33380
|
-
descriptionChart?: string;
|
|
33381
|
-
/**
|
|
33382
|
-
* @optional
|
|
33383
|
-
*
|
|
33384
|
-
* @description
|
|
33385
|
-
*
|
|
33386
|
-
* Define um objeto do tipo `PoChartHeaderOptions` para configurar a exibição de botões no cabeçalho do gráfico.
|
|
33387
|
-
*/
|
|
33388
|
-
header?: PoChartHeaderOptions;
|
|
33389
|
-
/**
|
|
33390
|
-
* @optional
|
|
33391
|
-
*
|
|
33392
|
-
* @description
|
|
33393
|
-
*
|
|
33394
|
-
* Esconde a estilização do container em volta do gráfico.
|
|
33395
|
-
*
|
|
33396
|
-
* @default `true`
|
|
33397
|
-
*/
|
|
33398
|
-
showContainerGauge?: boolean;
|
|
33399
|
-
/**
|
|
33400
|
-
* @optional
|
|
33401
|
-
*
|
|
33402
|
-
* @description
|
|
33403
|
-
*
|
|
33404
|
-
* Exibe os valores das propriedades `from` e `to` no gráfico do no texto da legenda entre parênteses.
|
|
33405
|
-
*
|
|
33406
|
-
* > Válido para gráfico do tipo `Gauge`.
|
|
33407
|
-
*
|
|
33408
|
-
*/
|
|
33409
|
-
showFromToLegend?: boolean;
|
|
33410
|
-
/**
|
|
33411
|
-
* @optional
|
|
33412
|
-
*
|
|
33413
|
-
* @description
|
|
33414
|
-
*
|
|
33415
|
-
* Define um subtítulo para o Gauge. Indicamos um subtítulo pequeno, com uma quantidade máxima de 32 caracteres na altura padrão.
|
|
33416
|
-
*
|
|
33417
|
-
*/
|
|
33418
|
-
subtitleGauge?: string;
|
|
33419
|
-
/**
|
|
33420
|
-
* @optional
|
|
33421
|
-
*
|
|
33422
|
-
* @description
|
|
33423
|
-
*
|
|
33424
|
-
* Define a exibição do ponteiro.
|
|
33425
|
-
*
|
|
33426
|
-
* > Válido para gráfico do tipo `Gauge`.
|
|
33427
|
-
*
|
|
33428
|
-
* @default `true`
|
|
33429
|
-
*/
|
|
33430
|
-
pointer?: boolean;
|
|
33431
|
-
}
|
|
33432
|
-
|
|
33433
|
-
/**
|
|
33434
|
-
* @description
|
|
33435
|
-
*
|
|
33436
|
-
* > ESSE COMPONENTE ESTÁ DEPRECIADO E SERÁ REMOVIDO NA v22.x.x. Indicamos a utilização do `po-chart` com `type` Gauge.
|
|
33437
|
-
*
|
|
33438
|
-
* O componente `po-gauge` provê a representação de um valor através de um arco. É muito comum, por exemplo, para demonstrar o desempenho ou progresso de algo.
|
|
33439
|
-
* O `po-gauge` possui dois tipos de tratamentos:
|
|
33440
|
-
* - É possível demonstrar um dado percentual simples em conjunto com uma descrição resumida em seu interior;
|
|
33441
|
-
* - Para um demonstrativo mais elaborado, consegue-se definir alcances em cores, um breve texto descritivo e um ponteiro indicando o valor desejado.
|
|
33442
|
-
*
|
|
33443
|
-
* #### Guia de uso para Gráficos
|
|
33444
|
-
*
|
|
33445
|
-
* > Veja nosso [guia de uso para gráficos](/guides/guide-charts) para auxiliar na construção do seu gráfico,
|
|
33446
|
-
* informando em qual caso utilizar, o que devemos evitar e boas práticas relacionada a cores.
|
|
33447
|
-
*/
|
|
33448
|
-
declare abstract class PoGaugeBaseComponent {
|
|
33449
|
-
private _description;
|
|
33450
|
-
private _height;
|
|
33451
|
-
private _ranges;
|
|
33452
|
-
private _title;
|
|
33453
|
-
private _value;
|
|
33454
|
-
/**
|
|
33455
|
-
* @optional
|
|
33456
|
-
*
|
|
33457
|
-
* @description
|
|
33458
|
-
*
|
|
33459
|
-
* Define a exibição dos valores de `from` - `to` entre parênteses caso haja definição de `p-ranges`.
|
|
33460
|
-
*
|
|
33461
|
-
* @default `false`
|
|
33462
|
-
*/
|
|
33463
|
-
showFromToLegend: boolean;
|
|
33464
|
-
/**
|
|
33465
|
-
* @optional
|
|
33466
|
-
*
|
|
33467
|
-
* @description
|
|
33468
|
-
*
|
|
33469
|
-
* Define a exibição do ponteiro caso haja definição de `p-ranges`.
|
|
33470
|
-
*
|
|
33471
|
-
* @default `true`
|
|
33472
|
-
*/
|
|
33473
|
-
showPointer: boolean;
|
|
33474
|
-
/**
|
|
33475
|
-
* @optional
|
|
33476
|
-
*
|
|
33477
|
-
* @description
|
|
33478
|
-
*
|
|
33479
|
-
* Objeto com as configurações usadas no `po-gauge`.
|
|
33480
|
-
*
|
|
33481
|
-
* É possível, por exemplo, esconder as funcionalidades do header,
|
|
33482
|
-
* ou habilitar uma legenda com `From` `To` da seguinte forma:
|
|
33483
|
-
*
|
|
33484
|
-
* ```
|
|
33485
|
-
* chartOptions: PoGaugeOptions = {
|
|
33486
|
-
* showFromToLegend: true,
|
|
33487
|
-
* header: {
|
|
33488
|
-
* hideExpand: true,
|
|
33489
|
-
* },
|
|
33490
|
-
* };
|
|
33491
|
-
* ```
|
|
33492
|
-
*/
|
|
33493
|
-
options: PoGaugeOptions;
|
|
33494
|
-
/**
|
|
33495
|
-
* @optional
|
|
33496
|
-
*
|
|
33497
|
-
* @description
|
|
33498
|
-
*
|
|
33499
|
-
* Define o texto que será exibido no gauge.
|
|
33500
|
-
* Há dois posicionamentos para ele:
|
|
33501
|
-
* - Se houver definição para `p-ranges`, o descritivo será exibido no topo do container, ficando acima do gauge;
|
|
33502
|
-
* - Na ausência de `p-ranges`, será incorporado dentro do arco do gauge, e abaixo de `p-value`.
|
|
33503
|
-
*
|
|
33504
|
-
* > Para uma melhor experiência do usuário, é recomendado um descritivo breve e com poucas palavras.
|
|
33505
|
-
* > Indicamos a utilização da nova propriedade `descriptionChart` em `p-options`.
|
|
33506
|
-
*/
|
|
33507
|
-
set description(value: string);
|
|
33508
|
-
get description(): string;
|
|
33509
|
-
/**
|
|
33510
|
-
* @optional
|
|
33511
|
-
*
|
|
33512
|
-
* @description
|
|
33513
|
-
*
|
|
33514
|
-
* Define a altura do gauge.
|
|
33515
|
-
*
|
|
33516
|
-
* O valor mínimo aceito é 300px.
|
|
33517
|
-
*
|
|
33518
|
-
* @default `300px`
|
|
33519
|
-
*/
|
|
33520
|
-
set height(value: number);
|
|
33521
|
-
get height(): number;
|
|
33522
|
-
/**
|
|
33523
|
-
* @optional
|
|
33524
|
-
*
|
|
33525
|
-
* @description
|
|
33526
|
-
*
|
|
33527
|
-
* Definição para o alcance de cores. Ao adicionar pelo menos um item na lista,
|
|
33528
|
-
* incorpora-se o ponteiro que assinala o valor passado em `p-value`.
|
|
33529
|
-
* Se o valor de `p-value` for inferior ao mínimo valor definido em `PoGaugeRanges.from`, o domínio mínimo do gauge será `p-value`.
|
|
33530
|
-
* A mesma regra prevalece para valores máximos.
|
|
33531
|
-
*/
|
|
33532
|
-
set ranges(value: Array<PoGaugeRanges>);
|
|
33533
|
-
get ranges(): Array<PoGaugeRanges>;
|
|
33534
|
-
/**
|
|
33535
|
-
* @optional
|
|
33536
|
-
*
|
|
33537
|
-
* @description
|
|
33538
|
-
*
|
|
33539
|
-
* Define o título do gauge.
|
|
33540
|
-
*/
|
|
33541
|
-
set title(value: string);
|
|
33542
|
-
get title(): string;
|
|
33543
|
-
/**
|
|
33544
|
-
* @optional
|
|
33545
|
-
*
|
|
33546
|
-
* @description
|
|
33547
|
-
*
|
|
33548
|
-
* Valor referente ao valor da série. Seu comportamento segue a seguintes regras:
|
|
33549
|
-
*
|
|
33550
|
-
* - Sem `p-ranges`: Os valores passados para `p-value` e `p-description` serão centralizados no interior do arco.
|
|
33551
|
-
* A base do valor será percentual tendo como base os alcances entre zero e 100%. Se passado um valor superior a 100,
|
|
33552
|
-
* A colorização do gauge será completa e o valor passado será exibido no interior do arco.
|
|
33553
|
-
* - Com `p-ranges`: A descrição será exibida acima do gauge e haverá um ponteiro marcando o valor passado em `p-value`.
|
|
33554
|
-
* Considerando que o alcance em `ranges` é aberto, então a escala de `p-value` será em relação ao menor/maior alcance
|
|
33555
|
-
* absoluto definido em `p-ranges`.
|
|
33556
|
-
* Se passado um `p-value` inferior em relação ao mínimo valor definido em `p-ranges`, o domínio mínimo do gauge partirá de `p-value`.
|
|
33557
|
-
* A mesma regra prevalece para valores máximos.
|
|
33558
|
-
*
|
|
33559
|
-
*/
|
|
33560
|
-
set value(gaugeValue: number);
|
|
33561
|
-
get value(): number;
|
|
33562
|
-
private setGaugeHeight;
|
|
33563
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoGaugeBaseComponent, never>;
|
|
33564
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoGaugeBaseComponent, never, never, { "showFromToLegend": { "alias": "p-show-from-to-legend"; "required": false; }; "showPointer": { "alias": "p-show-pointer"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "description": { "alias": "p-description"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "ranges": { "alias": "p-ranges"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; }, {}, never, never, true, never>;
|
|
33565
|
-
}
|
|
33566
|
-
|
|
33567
|
-
/**
|
|
33568
|
-
* @docsExtends PoGaugeBaseComponent
|
|
33569
|
-
*
|
|
33570
|
-
* @example
|
|
33571
|
-
*
|
|
33572
|
-
* <example name="po-gauge-basic" title="PO Gauge Basic">
|
|
33573
|
-
* <file name="sample-po-gauge-basic/sample-po-gauge-basic.component.html"> </file>
|
|
33574
|
-
* <file name="sample-po-gauge-basic/sample-po-gauge-basic.component.ts"> </file>
|
|
33575
|
-
* </example>
|
|
33576
|
-
* <example name="po-gauge-labs" title="PO Gauge Labs">
|
|
33577
|
-
* <file name="sample-po-gauge-labs/sample-po-gauge-labs.component.html"> </file>
|
|
33578
|
-
* <file name="sample-po-gauge-labs/sample-po-gauge-labs.component.ts"> </file>
|
|
33579
|
-
* </example>
|
|
33580
|
-
* <example name="po-gauge-summary" title="PO Gauge Summary">
|
|
33581
|
-
* <file name="sample-po-gauge-summary/sample-po-gauge-summary.component.html"> </file>
|
|
33582
|
-
* <file name="sample-po-gauge-summary/sample-po-gauge-summary.component.ts"> </file>
|
|
33583
|
-
* </example>
|
|
33584
|
-
*
|
|
33585
|
-
* @deprecated v22.x.x
|
|
33586
|
-
* Utilize o `po-chart` com `type="gauge"` como alternativa recomendada.
|
|
33587
|
-
*/
|
|
33588
|
-
declare class PoGaugeComponent extends PoGaugeBaseComponent implements OnChanges, OnInit {
|
|
33589
|
-
series: Array<PoChartSerie>;
|
|
33590
|
-
valuesMultiple: number;
|
|
33591
|
-
ngOnInit(): void;
|
|
33592
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
33593
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoGaugeComponent, never>;
|
|
33594
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoGaugeComponent, "po-gauge", never, {}, {}, never, never, false, never>;
|
|
33595
|
-
}
|
|
33596
|
-
|
|
33597
|
-
/**
|
|
33598
|
-
* @description
|
|
33599
|
-
* Módulo do componente po-gauge.
|
|
33600
|
-
*/
|
|
33601
|
-
declare class PoGaugeModule {
|
|
33602
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PoGaugeModule, never>;
|
|
33603
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoGaugeModule, [typeof PoGaugeComponent], [typeof i2.CommonModule, typeof PoChartModule], [typeof PoGaugeComponent]>;
|
|
33604
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PoGaugeModule>;
|
|
33605
|
-
}
|
|
33606
|
-
|
|
33607
32753
|
declare class PoGridCellActionComponent {
|
|
33608
32754
|
position?: string;
|
|
33609
32755
|
value?: string;
|
|
@@ -34778,7 +33924,6 @@ interface PoWidgetAvatar {
|
|
|
34778
33924
|
* | `--font-size` | Tamanho da fonte | `var(--font-size-sm)` |
|
|
34779
33925
|
* | `--font-weight` | Peso da fonte | `var(--font-weight-bold)` |
|
|
34780
33926
|
* | `--font-color` | Cor da fonte | `var(--color-neutral-dark-95)` |
|
|
34781
|
-
* | `--padding` - `@deprecated 21.x.x` | Preenchimento do componente | `1rem` |
|
|
34782
33927
|
* | `--padding-header` | Preenchimento do header | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
|
|
34783
33928
|
* | `--padding-body` | Preenchimento do body | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
|
|
34784
33929
|
* | `--padding-avatar` | Preenchimento do avatar | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)` |
|
|
@@ -36724,7 +35869,6 @@ declare class PoNavbarItemsComponent implements OnInit, OnDestroy {
|
|
|
36724
35869
|
*/
|
|
36725
35870
|
declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterViewInit, OnDestroy, OnInit {
|
|
36726
35871
|
private readonly renderer;
|
|
36727
|
-
private readonly builder;
|
|
36728
35872
|
private readonly changeDetector;
|
|
36729
35873
|
private readonly menuGlobalService;
|
|
36730
35874
|
navbarItemsElement: ElementRef;
|
|
@@ -36737,7 +35881,8 @@ declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterVi
|
|
|
36737
35881
|
private readonly id;
|
|
36738
35882
|
private mediaQuery;
|
|
36739
35883
|
private offset;
|
|
36740
|
-
private
|
|
35884
|
+
private currentAnimation;
|
|
35885
|
+
private previousAnimatedOffset;
|
|
36741
35886
|
private readonly menuItems;
|
|
36742
35887
|
private previousMenuComponentId;
|
|
36743
35888
|
private previousMenusItems;
|
|
@@ -36756,7 +35901,6 @@ declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterVi
|
|
|
36756
35901
|
protected validateMenuLogo(): void;
|
|
36757
35902
|
private allNavbarItemsWidth;
|
|
36758
35903
|
private animate;
|
|
36759
|
-
private buildTransitionAnimation;
|
|
36760
35904
|
private changeNavbarMenuItems;
|
|
36761
35905
|
private calculateLeftNavigation;
|
|
36762
35906
|
private calculateRightNavigation;
|
|
@@ -36862,44 +36006,6 @@ declare class PoNavbarItemsModule {
|
|
|
36862
36006
|
* > Esse componente está **depreciado** e será removido na `v23.x.x`. Recomendamos utilizar o componente
|
|
36863
36007
|
* [po-header](https://po-ui.io/documentation/po-header), que oferece compatibilidade com todas as funcionalidades do
|
|
36864
36008
|
* `po-navbar`, além de maior flexibilidade, usabilidade e acessibilidade.
|
|
36865
|
-
* >
|
|
36866
|
-
* > Para o correto funcionamento do componente `po-navbar`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
36867
|
-
* módulo principal da sua aplicação.
|
|
36868
|
-
*
|
|
36869
|
-
* Módulo da aplicação:
|
|
36870
|
-
* ```
|
|
36871
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
36872
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
36873
|
-
* ...
|
|
36874
|
-
*
|
|
36875
|
-
* @NgModule({
|
|
36876
|
-
* imports: [
|
|
36877
|
-
* BrowserModule,
|
|
36878
|
-
* BrowserAnimationsModule,
|
|
36879
|
-
* ...
|
|
36880
|
-
* PoModule
|
|
36881
|
-
* ],
|
|
36882
|
-
* declarations: [
|
|
36883
|
-
* AppComponent,
|
|
36884
|
-
* ...
|
|
36885
|
-
* ],
|
|
36886
|
-
* providers: [],
|
|
36887
|
-
* bootstrap: [AppComponent]
|
|
36888
|
-
* })
|
|
36889
|
-
* export class AppModule { }
|
|
36890
|
-
* ```
|
|
36891
|
-
*
|
|
36892
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
36893
|
-
*
|
|
36894
|
-
* ```
|
|
36895
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
36896
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
36897
|
-
* import { AppComponent } from './app.component';
|
|
36898
|
-
*
|
|
36899
|
-
* bootstrapApplication(AppComponent, {
|
|
36900
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
36901
|
-
* }).catch(err => console.error(err));
|
|
36902
|
-
* ```
|
|
36903
36009
|
*/
|
|
36904
36010
|
declare class PoNavbarModule {
|
|
36905
36011
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoNavbarModule, never>;
|
|
@@ -38335,7 +37441,6 @@ declare class PoSlideContentTemplateDirective {
|
|
|
38335
37441
|
* </example>
|
|
38336
37442
|
*/
|
|
38337
37443
|
declare class PoSlideComponent extends PoSlideBaseComponent implements OnInit, DoCheck, OnChanges, OnDestroy {
|
|
38338
|
-
private readonly builder;
|
|
38339
37444
|
slideContentTemplate: PoSlideContentTemplateDirective;
|
|
38340
37445
|
private readonly slide;
|
|
38341
37446
|
private readonly itemsElements;
|
|
@@ -38344,7 +37449,8 @@ declare class PoSlideComponent extends PoSlideBaseComponent implements OnInit, D
|
|
|
38344
37449
|
slideItems: Array<PoSlideItem | any>;
|
|
38345
37450
|
slideItemWidth: number;
|
|
38346
37451
|
private isLoaded;
|
|
38347
|
-
private
|
|
37452
|
+
private currentAnimation;
|
|
37453
|
+
private previousOffset;
|
|
38348
37454
|
private setInterval;
|
|
38349
37455
|
private readonly resize$;
|
|
38350
37456
|
private resizeSubscription;
|
|
@@ -38402,7 +37508,6 @@ declare class PoSlideComponent extends PoSlideBaseComponent implements OnInit, D
|
|
|
38402
37508
|
protected startSlide(): void;
|
|
38403
37509
|
protected startInterval(): void;
|
|
38404
37510
|
private animate;
|
|
38405
|
-
private buildTransitionAnimation;
|
|
38406
37511
|
private createArrayForTemplate;
|
|
38407
37512
|
private createArrayFromSlides;
|
|
38408
37513
|
private setDefaultHeight;
|
|
@@ -38462,43 +37567,6 @@ declare class PoSlideItemComponent {
|
|
|
38462
37567
|
*
|
|
38463
37568
|
* Módulo do componente `po-slide`.
|
|
38464
37569
|
*
|
|
38465
|
-
* > Para o correto funcionamento do componente `po-slide`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
38466
|
-
* > módulo principal da sua aplicação.
|
|
38467
|
-
*
|
|
38468
|
-
* Módulo da aplicação:
|
|
38469
|
-
* ```
|
|
38470
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
38471
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
38472
|
-
* ...
|
|
38473
|
-
*
|
|
38474
|
-
* @NgModule({
|
|
38475
|
-
* imports: [
|
|
38476
|
-
* BrowserModule,
|
|
38477
|
-
* BrowserAnimationsModule,
|
|
38478
|
-
* ...
|
|
38479
|
-
* PoModule
|
|
38480
|
-
* ],
|
|
38481
|
-
* declarations: [
|
|
38482
|
-
* AppComponent,
|
|
38483
|
-
* ...
|
|
38484
|
-
* ],
|
|
38485
|
-
* providers: [],
|
|
38486
|
-
* bootstrap: [AppComponent]
|
|
38487
|
-
* })
|
|
38488
|
-
* export class AppModule { }
|
|
38489
|
-
* ```
|
|
38490
|
-
*
|
|
38491
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
38492
|
-
*
|
|
38493
|
-
* ```
|
|
38494
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
38495
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
38496
|
-
* import { AppComponent } from './app.component';
|
|
38497
|
-
*
|
|
38498
|
-
* bootstrapApplication(AppComponent, {
|
|
38499
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
38500
|
-
* }).catch(err => console.error(err));
|
|
38501
|
-
* ```
|
|
38502
37570
|
*/
|
|
38503
37571
|
declare class PoSlideModule {
|
|
38504
37572
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoSlideModule, never>;
|
|
@@ -39001,7 +38069,6 @@ declare class PoStepperComponent extends PoStepperBaseComponent implements After
|
|
|
39001
38069
|
isDashedBorder(step: PoStepComponent, index: number): boolean;
|
|
39002
38070
|
isDashedBorderTop(step: PoStepComponent, index: number): boolean;
|
|
39003
38071
|
onStepActive(step: PoStepComponent): void;
|
|
39004
|
-
trackByFn(step: PoStepComponent): string;
|
|
39005
38072
|
private activeFirstStep;
|
|
39006
38073
|
private allowNextStep;
|
|
39007
38074
|
private canActiveNextStep;
|
|
@@ -40337,6 +39404,7 @@ declare class PoTreeViewItemContentComponent {
|
|
|
40337
39404
|
* @description
|
|
40338
39405
|
*
|
|
40339
39406
|
* Módulo do componente `po-tree-view`.
|
|
39407
|
+
*
|
|
40340
39408
|
*/
|
|
40341
39409
|
declare class PoTreeViewModule {
|
|
40342
39410
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTreeViewModule, never>;
|
|
@@ -40344,6 +39412,334 @@ declare class PoTreeViewModule {
|
|
|
40344
39412
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoTreeViewModule>;
|
|
40345
39413
|
}
|
|
40346
39414
|
|
|
39415
|
+
/**
|
|
39416
|
+
* @usedBy PoSkeletonComponent
|
|
39417
|
+
*
|
|
39418
|
+
* @description
|
|
39419
|
+
*
|
|
39420
|
+
* Define os tipos de animação do componente `po-skeleton`.
|
|
39421
|
+
*/
|
|
39422
|
+
declare enum PoSkeletonAnimation {
|
|
39423
|
+
/** Sem animação */
|
|
39424
|
+
none = "none",
|
|
39425
|
+
/** Animação de pulsação */
|
|
39426
|
+
pulse = "pulse",
|
|
39427
|
+
/** Animação de brilho deslizante */
|
|
39428
|
+
shimmer = "shimmer"
|
|
39429
|
+
}
|
|
39430
|
+
|
|
39431
|
+
/**
|
|
39432
|
+
* @usedBy PoSkeletonComponent
|
|
39433
|
+
*
|
|
39434
|
+
* @description
|
|
39435
|
+
*
|
|
39436
|
+
* Define os tamanhos disponíveis para o componente `po-skeleton`.
|
|
39437
|
+
*/
|
|
39438
|
+
declare enum PoSkeletonSize {
|
|
39439
|
+
/** Tamanho extra pequeno */
|
|
39440
|
+
xs = "xs",
|
|
39441
|
+
/** Tamanho pequeno */
|
|
39442
|
+
sm = "sm",
|
|
39443
|
+
/** Tamanho médio */
|
|
39444
|
+
md = "md",
|
|
39445
|
+
/** Tamanho grande */
|
|
39446
|
+
lg = "lg",
|
|
39447
|
+
/** Tamanho extra grande */
|
|
39448
|
+
xl = "xl",
|
|
39449
|
+
/** Tamanho extra extra grande */
|
|
39450
|
+
xxl = "2xl"
|
|
39451
|
+
}
|
|
39452
|
+
|
|
39453
|
+
/**
|
|
39454
|
+
* @usedBy PoSkeletonComponent
|
|
39455
|
+
*
|
|
39456
|
+
* @description
|
|
39457
|
+
*
|
|
39458
|
+
* Define os tipos visuais disponíveis para o componente `po-skeleton`.
|
|
39459
|
+
*/
|
|
39460
|
+
declare enum PoSkeletonType {
|
|
39461
|
+
/** Tipo padrão com cor neutra clara */
|
|
39462
|
+
normal = "normal",
|
|
39463
|
+
/** Tipo primário com cor neutra média */
|
|
39464
|
+
primary = "primary",
|
|
39465
|
+
/** Tipo de conteúdo com fundo branco */
|
|
39466
|
+
content = "content"
|
|
39467
|
+
}
|
|
39468
|
+
|
|
39469
|
+
/**
|
|
39470
|
+
* @usedBy PoSkeletonComponent
|
|
39471
|
+
*
|
|
39472
|
+
* @description
|
|
39473
|
+
*
|
|
39474
|
+
* Define as variantes visuais do componente `po-skeleton`.
|
|
39475
|
+
*/
|
|
39476
|
+
declare enum PoSkeletonVariant {
|
|
39477
|
+
/** Variante para simular texto */
|
|
39478
|
+
text = "text",
|
|
39479
|
+
/** Variante retangular (largura maior que altura) */
|
|
39480
|
+
rectangle = "rectangle",
|
|
39481
|
+
/** Variante quadrada (largura igual à altura) */
|
|
39482
|
+
square = "square",
|
|
39483
|
+
/** Variante circular */
|
|
39484
|
+
circle = "circle"
|
|
39485
|
+
}
|
|
39486
|
+
|
|
39487
|
+
/**
|
|
39488
|
+
* @description
|
|
39489
|
+
*
|
|
39490
|
+
* O componente `po-skeleton` é utilizado para exibir placeholders durante o carregamento de conteúdo,
|
|
39491
|
+
* melhorando a experiência do usuário ao indicar que a informação está sendo processada.
|
|
39492
|
+
*
|
|
39493
|
+
* Ele oferece diferentes variantes visuais (texto, retângulo, círculo) e animações (pulse, shimmer)
|
|
39494
|
+
* para simular diversos tipos de conteúdo em estado de carregamento.
|
|
39495
|
+
*
|
|
39496
|
+
* #### Tokens customizáveis
|
|
39497
|
+
*
|
|
39498
|
+
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
39499
|
+
*
|
|
39500
|
+
* > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
|
|
39501
|
+
*
|
|
39502
|
+
* | Propriedade | Descrição | Valor Padrão |
|
|
39503
|
+
* |----------------------------------------|------------------------------------------------------|---------------------------------|
|
|
39504
|
+
* | **Cores** | | |
|
|
39505
|
+
* | `--color` | Cor de fundo do skeleton (tipo normal) | `var(--color-neutral-light-20)` |
|
|
39506
|
+
* | `--color-primary` | Cor de fundo do skeleton (tipo primary) | `var(--color-neutral-mid-40)` |
|
|
39507
|
+
* | `--color-content` | Cor de fundo do skeleton (tipo content) | `var(--color-neutral-light-00)` |
|
|
39508
|
+
* | `--shimmer-highlight` | Cor de destaque do shimmer (tipo normal) | `var(--color-neutral-light-30)` |
|
|
39509
|
+
* | `--shimmer-highlight-primary` | Cor de destaque do shimmer (tipo primary) | `var(--color-neutral-light-20)` |
|
|
39510
|
+
* | `--shimmer-highlight-content` | Cor de destaque do shimmer (tipo content) | `var(--color-neutral-light-05)` |
|
|
39511
|
+
* | **Espaçamento** | | |
|
|
39512
|
+
* | `--margin-bottom` | Margem inferior do skeleton | `var(--spacing-xs)` |
|
|
39513
|
+
* | **Bordas** | | |
|
|
39514
|
+
* | `--border-radius` | Raio da borda do skeleton | `var(--border-radius-md)` |
|
|
39515
|
+
* | `--border-radius-text` | Raio da borda para a variante text | `var(--border-radius-md)` |
|
|
39516
|
+
* | `--border-radius-primary` | Raio da borda do skeleton (tipo primary) | `var(--border-radius-md)` |
|
|
39517
|
+
* | `--border-radius-content` | Raio da borda do skeleton (tipo content) | `var(--border-radius-lg)` |
|
|
39518
|
+
* | **Transições** | | |
|
|
39519
|
+
* | `--transition-property` | Propriedade CSS da transição | `all` |
|
|
39520
|
+
* | `--transition-duration` | Duração da transição de cor | `var(--duration-moderate)` |
|
|
39521
|
+
* | `--transition-timing` | Função de temporização da transição/animação | `var(--timing-continuous)` |
|
|
39522
|
+
* | **Animações** | | |
|
|
39523
|
+
* | `--animation-duration-pulse` | Duração da animação de pulsação | `var(--duration-very-slow)` |
|
|
39524
|
+
* | `--animation-duration-shimmer` | Duração da animação de brilho deslizante | `var(--duration-ultra-slow)` |
|
|
39525
|
+
*
|
|
39526
|
+
*/
|
|
39527
|
+
declare class PoSkeletonBaseComponent {
|
|
39528
|
+
/**
|
|
39529
|
+
* @optional
|
|
39530
|
+
*
|
|
39531
|
+
* @description
|
|
39532
|
+
*
|
|
39533
|
+
* Define a variante visual do skeleton.
|
|
39534
|
+
*
|
|
39535
|
+
* Valores válidos:
|
|
39536
|
+
* - `text`: Simula uma linha de texto (altura padrão: 1em)
|
|
39537
|
+
* - `rectangle`: Forma retangular (proporção 3:1 por padrão)
|
|
39538
|
+
* - `square`: Forma quadrada (largura e altura iguais)
|
|
39539
|
+
* - `circle`: Forma circular (largura e altura iguais)
|
|
39540
|
+
*
|
|
39541
|
+
* @default `text`
|
|
39542
|
+
*/
|
|
39543
|
+
variant: i0.InputSignal<PoSkeletonVariant>;
|
|
39544
|
+
/**
|
|
39545
|
+
* @optional
|
|
39546
|
+
*
|
|
39547
|
+
* @description
|
|
39548
|
+
*
|
|
39549
|
+
* Define o tipo visual do skeleton, alterando sua cor de fundo.
|
|
39550
|
+
*
|
|
39551
|
+
* Valores válidos:
|
|
39552
|
+
* - `normal`: Cor neutra clara (padrão)
|
|
39553
|
+
* - `primary`: Cor neutra média
|
|
39554
|
+
* - `content`: Fundo branco
|
|
39555
|
+
*
|
|
39556
|
+
* @default `normal`
|
|
39557
|
+
*/
|
|
39558
|
+
type: i0.InputSignal<PoSkeletonType>;
|
|
39559
|
+
/**
|
|
39560
|
+
* @optional
|
|
39561
|
+
*
|
|
39562
|
+
* @description
|
|
39563
|
+
*
|
|
39564
|
+
* Define o tipo de animação do skeleton.
|
|
39565
|
+
*
|
|
39566
|
+
* Valores válidos:
|
|
39567
|
+
* - `none`: Sem animação
|
|
39568
|
+
* - `pulse`: Animação de pulsação
|
|
39569
|
+
* - `shimmer`: Animação de brilho deslizante
|
|
39570
|
+
*
|
|
39571
|
+
* @default `shimmer`
|
|
39572
|
+
*/
|
|
39573
|
+
animation: i0.InputSignal<PoSkeletonAnimation>;
|
|
39574
|
+
/**
|
|
39575
|
+
* @optional
|
|
39576
|
+
*
|
|
39577
|
+
* @description
|
|
39578
|
+
*
|
|
39579
|
+
* Define o tamanho do skeleton para as variantes pré-definidas (`rectangle`, `square`, `circle`).
|
|
39580
|
+
*
|
|
39581
|
+
* Valores válidos:
|
|
39582
|
+
* - `xs`: Extra pequeno (24px para square/circle, 72px x 24px para rectangle)
|
|
39583
|
+
* - `sm`: Pequeno (32px para square/circle, 96px x 32px para rectangle)
|
|
39584
|
+
* - `md`: Médio (48px para square/circle, 144px x 48px para rectangle)
|
|
39585
|
+
* - `lg`: Grande (64px para square/circle, 192px x 64px para rectangle)
|
|
39586
|
+
* - `xl`: Extra grande (96px para square/circle, 288px x 96px para rectangle)
|
|
39587
|
+
* - `2xl`: Extra extra grande (144px para square/circle, 432px x 144px para rectangle)
|
|
39588
|
+
*
|
|
39589
|
+
* Esta propriedade é ignorada quando `p-width` ou `p-height` são definidos explicitamente.
|
|
39590
|
+
*
|
|
39591
|
+
* @default `md`
|
|
39592
|
+
*/
|
|
39593
|
+
size: i0.InputSignal<PoSkeletonSize>;
|
|
39594
|
+
/**
|
|
39595
|
+
* @optional
|
|
39596
|
+
*
|
|
39597
|
+
* @description
|
|
39598
|
+
*
|
|
39599
|
+
* Define a largura do skeleton.
|
|
39600
|
+
* Aceita valores CSS válidos (px, %, em, rem).
|
|
39601
|
+
*
|
|
39602
|
+
* Quando definido, sobrescreve a largura padrão da variante.
|
|
39603
|
+
*
|
|
39604
|
+
* @default `100%` para variante `text`, tamanho baseado em `p-size` para outras variantes
|
|
39605
|
+
*/
|
|
39606
|
+
width: i0.InputSignal<string>;
|
|
39607
|
+
/**
|
|
39608
|
+
* @optional
|
|
39609
|
+
*
|
|
39610
|
+
* @description
|
|
39611
|
+
*
|
|
39612
|
+
* Define a altura do skeleton.
|
|
39613
|
+
* Aceita valores CSS válidos (px, %, em, rem).
|
|
39614
|
+
*
|
|
39615
|
+
* Quando definido, sobrescreve a altura padrão da variante.
|
|
39616
|
+
*/
|
|
39617
|
+
height: i0.InputSignal<string>;
|
|
39618
|
+
/**
|
|
39619
|
+
* @optional
|
|
39620
|
+
*
|
|
39621
|
+
* @description
|
|
39622
|
+
*
|
|
39623
|
+
* Define o raio da borda do skeleton.
|
|
39624
|
+
* Aceita valores CSS válidos (px, %, em, rem).
|
|
39625
|
+
*
|
|
39626
|
+
* Esta propriedade sobrescreve o border-radius padrão de cada variante.
|
|
39627
|
+
*/
|
|
39628
|
+
borderRadius: i0.InputSignal<string>;
|
|
39629
|
+
/**
|
|
39630
|
+
* @optional
|
|
39631
|
+
*
|
|
39632
|
+
* @description
|
|
39633
|
+
*
|
|
39634
|
+
* Define a descrição acessível do conteúdo que está sendo carregado.
|
|
39635
|
+
*
|
|
39636
|
+
* Este texto será anunciado por leitores de tela, garantindo que usuários de tecnologias assistivas
|
|
39637
|
+
* sejam informados sobre o estado de carregamento.
|
|
39638
|
+
*
|
|
39639
|
+
* **Quando usar:**
|
|
39640
|
+
* - Use em **skeletons únicos** ou no **primeiro skeleton de um grupo** com descrição contextual
|
|
39641
|
+
* - Evite usar em múltiplos skeletons dentro da mesma área sem contexto, para não causar repetição excessiva
|
|
39642
|
+
*
|
|
39643
|
+
* **Exemplos de uso:**
|
|
39644
|
+
*
|
|
39645
|
+
* ```html
|
|
39646
|
+
* <!-- ✅ BOM: Skeleton único com contexto -->
|
|
39647
|
+
* <po-skeleton p-aria-label="Carregando perfil do usuário"></po-skeleton>
|
|
39648
|
+
*
|
|
39649
|
+
* <!-- ✅ BOM: Grupo de skeletons - apenas o primeiro anuncia -->
|
|
39650
|
+
* <po-skeleton p-aria-label="Carregando lista de produtos"></po-skeleton>
|
|
39651
|
+
* <po-skeleton p-type="primary"></po-skeleton>
|
|
39652
|
+
* <po-skeleton p-variant="circle"></po-skeleton>
|
|
39653
|
+
*
|
|
39654
|
+
* <!-- ❌ EVITE: Múltiplos skeletons com a mesma label -->
|
|
39655
|
+
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" -->
|
|
39656
|
+
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" -->
|
|
39657
|
+
* <po-skeleton p-aria-label="Carregando"></po-skeleton> <!-- "Carregando" (repetitivo!) -->
|
|
39658
|
+
* ```
|
|
39659
|
+
*
|
|
39660
|
+
* > **Boas práticas de acessibilidade:**
|
|
39661
|
+
* > - Forneça contexto específico na label para que os usuários entendam o que está carregando
|
|
39662
|
+
*
|
|
39663
|
+
* > - Em casos complexos, considere usar um único `<div role="status">` para todo o grupo
|
|
39664
|
+
* > de skeletons, ao invés de múltiplas labels idênticas, para evitar repetição excessiva de anúncios
|
|
39665
|
+
*/
|
|
39666
|
+
ariaLabel: i0.InputSignal<string>;
|
|
39667
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonBaseComponent, never>;
|
|
39668
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoSkeletonBaseComponent, never, never, { "variant": { "alias": "p-variant"; "required": false; "isSignal": true; }; "type": { "alias": "p-type"; "required": false; "isSignal": true; }; "animation": { "alias": "p-animation"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "width": { "alias": "p-width"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "p-border-radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "p-aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
39669
|
+
}
|
|
39670
|
+
|
|
39671
|
+
/**
|
|
39672
|
+
* @docsExtends PoSkeletonBaseComponent
|
|
39673
|
+
*
|
|
39674
|
+
* @example
|
|
39675
|
+
*
|
|
39676
|
+
* <example name="po-skeleton-basic" title="PO Skeleton Basic">
|
|
39677
|
+
* <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.html"> </file>
|
|
39678
|
+
* <file name="sample-po-skeleton-basic/sample-po-skeleton-basic.component.ts"> </file>
|
|
39679
|
+
* </example>
|
|
39680
|
+
*
|
|
39681
|
+
* <example name="po-skeleton-labs" title="PO Skeleton Labs">
|
|
39682
|
+
* <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.html"> </file>
|
|
39683
|
+
* <file name="sample-po-skeleton-labs/sample-po-skeleton-labs.component.ts"> </file>
|
|
39684
|
+
* </example>
|
|
39685
|
+
*
|
|
39686
|
+
* <example name="po-skeleton-credit-card" title="PO Skeleton - Credit Card">
|
|
39687
|
+
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.html"> </file>
|
|
39688
|
+
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.ts"> </file>
|
|
39689
|
+
* <file name="sample-po-skeleton-credit-card/sample-po-skeleton-credit-card.component.css"> </file>
|
|
39690
|
+
* </example>
|
|
39691
|
+
*
|
|
39692
|
+
* <example name="po-skeleton-widget-card" title="PO Skeleton - Widget Card">
|
|
39693
|
+
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.html"> </file>
|
|
39694
|
+
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.ts"> </file>
|
|
39695
|
+
* <file name="sample-po-skeleton-widget-card/sample-po-skeleton-widget-card.component.css"> </file>
|
|
39696
|
+
* </example>
|
|
39697
|
+
*
|
|
39698
|
+
* <example name="po-skeleton-user-profile" title="PO Skeleton - User Profile">
|
|
39699
|
+
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.html"> </file>
|
|
39700
|
+
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.ts"> </file>
|
|
39701
|
+
* <file name="sample-po-skeleton-user-profile/sample-po-skeleton-user-profile.component.css"> </file>
|
|
39702
|
+
* </example>
|
|
39703
|
+
*
|
|
39704
|
+
* <example name="po-skeleton-social-post" title="PO Skeleton - Social Post">
|
|
39705
|
+
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.html"> </file>
|
|
39706
|
+
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.ts"> </file>
|
|
39707
|
+
* <file name="sample-po-skeleton-social-post/sample-po-skeleton-social-post.component.css"> </file>
|
|
39708
|
+
* </example>
|
|
39709
|
+
*
|
|
39710
|
+
* <example name="po-skeleton-article" title="PO Skeleton - Article">
|
|
39711
|
+
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.html"> </file>
|
|
39712
|
+
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.ts"> </file>
|
|
39713
|
+
* <file name="sample-po-skeleton-article/sample-po-skeleton-article.component.css"> </file>
|
|
39714
|
+
* </example>
|
|
39715
|
+
*/
|
|
39716
|
+
declare class PoSkeletonComponent extends PoSkeletonBaseComponent {
|
|
39717
|
+
private readonly sizeMap;
|
|
39718
|
+
private readonly defaultTextDimensions;
|
|
39719
|
+
private readonly defaultBorderRadius;
|
|
39720
|
+
computedStyles: i0.Signal<{
|
|
39721
|
+
[key: string]: string;
|
|
39722
|
+
}>;
|
|
39723
|
+
computedClasses: i0.Signal<{
|
|
39724
|
+
[x: string]: boolean;
|
|
39725
|
+
'po-skeleton': boolean;
|
|
39726
|
+
}>;
|
|
39727
|
+
private getDimensions;
|
|
39728
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonComponent, never>;
|
|
39729
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoSkeletonComponent, "po-skeleton", never, {}, {}, never, never, false, never>;
|
|
39730
|
+
}
|
|
39731
|
+
|
|
39732
|
+
/**
|
|
39733
|
+
* @description
|
|
39734
|
+
*
|
|
39735
|
+
* Módulo do componente po-skeleton.
|
|
39736
|
+
*/
|
|
39737
|
+
declare class PoSkeletonModule {
|
|
39738
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PoSkeletonModule, never>;
|
|
39739
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoSkeletonModule, [typeof PoSkeletonComponent], [typeof i2.CommonModule], [typeof PoSkeletonComponent]>;
|
|
39740
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PoSkeletonModule>;
|
|
39741
|
+
}
|
|
39742
|
+
|
|
40347
39743
|
/**
|
|
40348
39744
|
* @usedBy PoHeaderComponent
|
|
40349
39745
|
*
|
|
@@ -41226,7 +40622,7 @@ declare class PoHeaderModule {
|
|
|
41226
40622
|
|
|
41227
40623
|
declare class PoComponentsModule {
|
|
41228
40624
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComponentsModule, never>;
|
|
41229
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PoComponentsModule, never, [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoContextMenuModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoFilterChipModule, typeof
|
|
40625
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PoComponentsModule, never, [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoContextMenuModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoFilterChipModule, typeof PoGridModule, typeof PoIconModule, typeof PoInfoModule, typeof PoListViewModule, typeof PoListBoxModule, typeof PoLoadingModule, typeof PoLogoModule, typeof PoMenuModule, typeof PoMenuPanelModule, typeof PoModalModule, typeof PoNavbarModule, typeof PoOverlayModule, typeof PoPageModule, typeof PoPopoverModule, typeof PoPopupModule, typeof PoProgressModule, typeof PoSlideModule, typeof PoStepperModule, typeof PoTableModule, typeof PoTabsModule, typeof PoContextTabsModule, typeof PoTagModule, typeof PoToolbarModule, typeof PoTreeViewModule, typeof PoWidgetModule, typeof PoLinkModule, typeof PoLabelModule, typeof PoImageModule, typeof PoPageSlideModule, typeof PoSwitchModule, typeof PoSearchModule, typeof PoBadgeModule, typeof PoSkeletonModule, typeof PoToasterModule, typeof PoHelperModule, typeof PoHeaderModule, typeof PoTimerModule], [typeof PoAccordionModule, typeof PoAvatarModule, typeof PoBreadcrumbModule, typeof PoButtonModule, typeof PoButtonGroupModule, typeof PoCalendarModule, typeof PoChartModule, typeof PoContainerModule, typeof PoContextMenuModule, typeof PoDisclaimerGroupModule, typeof PoDisclaimerModule, typeof PoDividerModule, typeof PoDropdownModule, typeof PoDynamicModule, typeof PoFieldModule, typeof PoFilterChipModule, typeof PoGridModule, typeof PoIconModule, typeof PoInfoModule, typeof PoListViewModule, typeof PoListBoxModule, typeof PoLoadingModule, typeof PoLogoModule, typeof PoMenuModule, typeof PoMenuPanelModule, typeof PoModalModule, typeof PoNavbarModule, typeof PoOverlayModule, typeof PoPageModule, typeof PoPopoverModule, typeof PoPopupModule, typeof PoProgressModule, typeof PoSlideModule, typeof PoStepperModule, typeof PoTableModule, typeof PoTabsModule, typeof PoContextTabsModule, typeof PoTagModule, typeof PoToolbarModule, typeof PoTreeViewModule, typeof PoWidgetModule, typeof PoLinkModule, typeof PoLabelModule, typeof PoImageModule, typeof PoPageSlideModule, typeof PoSwitchModule, typeof PoSearchModule, typeof PoBadgeModule, typeof PoSkeletonModule, typeof PoToasterModule, typeof PoHelperModule, typeof PoHeaderModule, typeof PoTimerModule]>;
|
|
41230
40626
|
static ɵinj: i0.ɵɵInjectorDeclaration<PoComponentsModule>;
|
|
41231
40627
|
}
|
|
41232
40628
|
|
|
@@ -41347,6 +40743,13 @@ declare class PoModule {
|
|
|
41347
40743
|
|
|
41348
40744
|
declare const PO_CALENDAR_DEFAULT_RANGE_PRESETS: Array<PoCalendarRangePreset>;
|
|
41349
40745
|
|
|
40746
|
+
declare const poChartLiteralsDefault: {
|
|
40747
|
+
en: PoChartLiterals;
|
|
40748
|
+
es: PoChartLiterals;
|
|
40749
|
+
pt: PoChartLiterals;
|
|
40750
|
+
ru: PoChartLiterals;
|
|
40751
|
+
};
|
|
40752
|
+
|
|
41350
40753
|
/**
|
|
41351
40754
|
* @usedBy PoDividerComponent
|
|
41352
40755
|
*
|
|
@@ -41497,17 +40900,15 @@ declare function InputRequired(): (target: any, property: string) => void;
|
|
|
41497
40900
|
*
|
|
41498
40901
|
* ## Configuração
|
|
41499
40902
|
*
|
|
41500
|
-
* Para o correto funcionamento do interceptor `po-http-interceptor`,
|
|
41501
|
-
*
|
|
41502
|
-
* Injection (DI) por meio da função `provideHttpClient(withInterceptorsFromDi())`.
|
|
40903
|
+
* Para o correto funcionamento do interceptor `po-http-interceptor`, é necessário configurar o `HttpClient` para utilizar
|
|
40904
|
+
* os interceptors registrados via Dependency Injection (DI) por meio da função `provideHttpClient(withInterceptorsFromDi())`.
|
|
41503
40905
|
*
|
|
41504
40906
|
* ### 1) NgModule
|
|
41505
40907
|
*
|
|
41506
|
-
* No módulo principal da aplicação (geralmente `AppModule`),
|
|
40908
|
+
* No módulo principal da aplicação (geralmente `AppModule`), configure o `HttpClient`,
|
|
41507
40909
|
* como no exemplo abaixo:
|
|
41508
40910
|
*
|
|
41509
40911
|
* ```
|
|
41510
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
41511
40912
|
* import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
41512
40913
|
* import { PoModule } from '@po-ui/ng-components';
|
|
41513
40914
|
* ...
|
|
@@ -41515,7 +40916,6 @@ declare function InputRequired(): (target: any, property: string) => void;
|
|
|
41515
40916
|
* @NgModule({
|
|
41516
40917
|
* imports: [
|
|
41517
40918
|
* BrowserModule,
|
|
41518
|
-
* BrowserAnimationsModule,
|
|
41519
40919
|
* ...
|
|
41520
40920
|
* PoModule
|
|
41521
40921
|
* ],
|
|
@@ -41543,13 +40943,11 @@ declare function InputRequired(): (target: any, property: string) => void;
|
|
|
41543
40943
|
* ```
|
|
41544
40944
|
* import { ApplicationConfig, importProvidersFrom } from '@angular/core';
|
|
41545
40945
|
* import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
41546
|
-
* import { provideAnimations } from '@angular/platform-browser/animations';
|
|
41547
40946
|
* import { PoHttpInterceptorModule } from '@po-ui/ng-components';
|
|
41548
40947
|
*
|
|
41549
40948
|
* export const appConfig: ApplicationConfig = {
|
|
41550
40949
|
* providers: [
|
|
41551
40950
|
* ...
|
|
41552
|
-
* provideAnimations(),
|
|
41553
40951
|
* provideHttpClient(withInterceptorsFromDi()),
|
|
41554
40952
|
* importProvidersFrom([
|
|
41555
40953
|
* PoHttpInterceptorModule
|
|
@@ -41779,7 +41177,6 @@ declare class PoHttpRequesControltService {
|
|
|
41779
41177
|
* ```
|
|
41780
41178
|
* import { ApplicationConfig, importProvidersFrom } from '@angular/core';
|
|
41781
41179
|
* import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
41782
|
-
* import { provideAnimations } from '@angular/platform-browser/animations';
|
|
41783
41180
|
* import { PoHttpRequestModule } from '@po-ui/ng-components';
|
|
41784
41181
|
*
|
|
41785
41182
|
* export const appConfig: ApplicationConfig = {
|
|
@@ -41859,5 +41256,5 @@ declare class PoHttpRequestInterceptorService implements HttpInterceptor {
|
|
|
41859
41256
|
static ɵprov: i0.ɵɵInjectableDeclaration<PoHttpRequestInterceptorService>;
|
|
41860
41257
|
}
|
|
41861
41258
|
|
|
41862
|
-
export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CALENDAR_DEFAULT_RANGE_PRESETS, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextMenuComponent, PoContextMenuModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDatetimepickerComponent, PoDatetimepickerModule, PoDecimalComponent, PoDecimalFormatModule, PoDecimalFormatPipe, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDragBaseDirective, PoDragDirective, PoDragDropModule, PoDropListBaseDirective, PoDropListDirective, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoFilterChipBaseComponent, PoFilterChipComponent, PoFilterChipModule,
|
|
41863
|
-
export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoCalendarRangePreset, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoContextMenuItem, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDecimalFormatParsed, PoDecimalFormatResult, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDragEnterEvent, PoDraggableItem, PoDropEvent, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoFilterChipSelectedChange,
|
|
41259
|
+
export { AnimaliaIconDictionary, ForceBooleanComponentEnum, ForceOptionComponentEnum, I18N_CONFIG, InputBoolean, InputRequired, LOADING_ICON_COMPONENT, PO_CALENDAR_DEFAULT_RANGE_PRESETS, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBadgeComponent, PoBadgeModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonKind, PoButtonModule, PoButtonSize, PoButtonType, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartLabelFormat, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCheckboxSize, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboModule, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoContextMenuComponent, PoContextMenuModule, PoContextTabButtonComponent, PoContextTabsComponent, PoContextTabsModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDatetimepickerComponent, PoDatetimepickerModule, PoDecimalComponent, PoDecimalFormatModule, PoDecimalFormatPipe, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDividerSize, PoDragBaseDirective, PoDragDirective, PoDragDropModule, PoDropListBaseDirective, PoDropListDirective, PoDropdownComponent, PoDropdownModule, PoDynamicContainerComponent, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicSharedBase, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoFilterChipBaseComponent, PoFilterChipComponent, PoFilterChipModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHeaderComponent, PoHeaderModule, PoHelperComponent, PoHelperModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoImageComponent, PoImageModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoItemListComponent, PoLabelComponent, PoLabelModule, PoLanguageModule, PoLanguageService, PoLinkComponent, PoLinkModule, PoListBoxComponent, PoListBoxModule, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailDisplay, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLogoComponent, PoLogoModule, PoLookupComponent, PoLookupModalComponent, PoMask, PoMediaQueryModule, PoMediaQueryService, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoMultiselectOptionTemplateDirective, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoOverlayComponent, PoOverlayModule, PoPageActionsLayout, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageHeaderType, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPageSlideFooterComponent, PoPageSlideModule, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressShape, PoProgressSize, PoProgressStatus, PoRadioComponent, PoRadioGroupComponent, PoRadioGroupModule, PoRadioModule, PoRichTextComponent, PoRichTextToolbarActions, PoSearchAiComponent, PoSearchAiModule, PoSearchAiResponseType, PoSearchAiService, PoSearchComponent, PoSearchFilterMode, PoSearchListComponent, PoSearchModule, PoSelectComponent, PoServicesModule, PoSkeletonAnimation, PoSkeletonComponent, PoSkeletonModule, PoSkeletonSize, PoSkeletonType, PoSkeletonVariant, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoSwitchModule, PoTabButtonComponent, PoTabComponent, PoTabDropdownComponent, PoTableCellTemplateDirective, PoTableColumnFrozenDirective, PoTableColumnSortType, PoTableColumnSpacing, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTabsService, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoThemeA11yEnum, PoThemeModule, PoThemeService, PoThemeTypeEnum, PoTimeModule, PoTimePipe, PoTimepickerComponent, PoTimepickerModelFormat, PoTimepickerModule, PoTimerBaseComponent, PoTimerComponent, PoTimerFormat, PoTimerModule, PoToasterComponent, PoToasterMode, PoToasterModule, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUploadFile, PoUploadStatus, PoUrlComponent, PoUserGuideAlignment, PoUserGuideBaseService, PoUserGuideModule, PoUserGuidePosition, PoUserGuideService, PoWidgetComponent, PoWidgetModule, applyDecimalFormat, getFormatLimits, initializeLanguageDefault, insertGroupSeparatorsFromRight, mergePoI18nConfigs, parseDecimalFormat, poBreadcrumbLiterals, poChartLiteralsDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDateSeparatorList, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, poPageSlideLiteralsDefault, poSearchAiCompileFilter, poSearchAiFilterItems, poTabsLiterals, poThemeDefault, poThemeDefaultAA, poThemeDefaultAAA, poThemeDefaultActions, poThemeDefaultActionsDark, poThemeDefaultBrands, poThemeDefaultBrandsDark, poThemeDefaultCategoricals, poThemeDefaultCategoricalsAA, poThemeDefaultCategoricalsDark, poThemeDefaultCategoricalsDarkAA, poThemeDefaultCategoricalsOverlayDark, poThemeDefaultCategoricalsOverlayDarkAA, poThemeDefaultDark, poThemeDefaultDarkValues, poThemeDefaultDarkValuesAA, poThemeDefaultFeedback, poThemeDefaultFeedbackDark, poThemeDefaultLight, poThemeDefaultLightValues, poThemeDefaultLightValuesAA, poThemeDefaultNeutrals, poThemeDefaultNeutralsDark, poThemeDefaultOverlayCategoricals, poThemeDefaultOverlayCategoricalsAA, poToasterLiterals, poUserGuideLiteralsDefault, returnPoI18nService, validateAgainstFormat };
|
|
41260
|
+
export type { ErrorAsyncProperties, PoAccordionLiterals, PoBreadcrumb, PoBreadcrumbItem, PoButtonGroupItem, PoCalendarRangePreset, PoChartAxisOptions, PoChartDataLabel, PoChartHeaderOptions, PoChartLiterals, PoChartOptions, PoChartSerie, PoCheckboxGroupOption, PoComboFilter, PoComboLiterals, PoComboOption, PoComboOptionGroup, PoContextMenuItem, PoDateSeparator, PoDatepickerRange, PoDatepickerRangeLiterals, PoDecimalFormatParsed, PoDecimalFormatResult, PoDialogAlertLiterals, PoDialogAlertOptions, PoDialogConfirmLiterals, PoDialogConfirmOptions, PoDialogOptions, PoDisclaimer, PoDisclaimerGroup, PoDisclaimerGroupRemoveAction, PoDragEnterEvent, PoDraggableItem, PoDropEvent, PoDropdownAction, PoDynamicFormField, PoDynamicFormFieldChanged, PoDynamicFormFieldValidation, PoDynamicFormLoad, PoDynamicFormValidation, PoDynamicViewField, PoDynamicViewRequest, PoFilterChipSelectedChange, PoGridRowActions, PoHeaderActionPopoverAction, PoHeaderActionTool, PoHeaderActionToolItem, PoHeaderActions, PoHeaderBrand, PoHeaderLiterals, PoHeaderUser, PoHelperOptions, PoI18nConfig, PoI18nConfigContext, PoI18nConfigDefault, PoI18nLiterals, PoLanguage, PoListViewAction, PoListViewFieldProperties, PoListViewLiterals, PoLookupAdvancedFilter, PoLookupColumn, PoLookupFilter, PoLookupFilteredItemsParams, PoLookupLiterals, PoLookupResponseApi, PoMediaQueryTokens, PoMenuFilter, PoMenuItem, PoMenuItemBadge, PoMenuItemFiltered, PoMenuPanelItem, PoModalAction, PoMultiselectFilter, PoMultiselectLiterals, PoMultiselectOption, PoNavbarIconAction, PoNavbarItem, PoNotification, PoNumberSeparator, PoPage, PoPageAction, PoPageDefault, PoPageDefaultLiterals, PoPageDetailLiterals, PoPageEditLiterals, PoPageFilter, PoPageListLiterals, PoPageSlideSize, PoPopupAction, PoProgressAction, PoRadioGroupOption, PoResponseApi, PoRichTextToolbarButtonGroupItem, PoSearchAiColumn, PoSearchAiColumnInput, PoSearchAiError, PoSearchAiLiterals, PoSearchAiRequest, PoSearchAiResponse, PoSearchAiResult, PoSearchFilterSelect, PoSearchLiterals, PoSearchOption, PoSelectOption, PoSelectOptionGroup, PoSlideItem, PoStepperItem, PoTab, PoTableAction, PoTableBoolean, PoTableColumn, PoTableColumnIcon, PoTableColumnLabel, PoTableColumnSort, PoTableDetail, PoTableDetailColumn, PoTableLiterals, PoTableSearchAiField, PoTableSubtitleColumn, PoTagLiterals, PoTheme, PoThemeActive, PoThemeColor, PoThemeColorAction, PoThemeColorCategorical, PoThemeColorFeedback, PoThemeColorNeutral, PoThemeToken, PoThemeTokens, PoThemeType, PoToaster, PoToolbarAction, PoToolbarProfile, PoTreeViewItem, PoUploadFileRestrictions, PoUploadLiterals, PoUserGuideEndEvent, PoUserGuideLiterals, PoUserGuideOptions, PoUserGuideStartEvent, PoUserGuideStep, PoUserGuideStepChangeEvent, PoWidgetAvatar, PoWidgetLiterals, poThemeColorBrand };
|