@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
|
@@ -16,7 +16,6 @@ export * from './po-dropdown/index';
|
|
|
16
16
|
export * from './po-dynamic/index';
|
|
17
17
|
export * from './po-field/index';
|
|
18
18
|
export * from './po-filter-chip/index';
|
|
19
|
-
export * from './po-gauge/index';
|
|
20
19
|
export * from './po-grid/index';
|
|
21
20
|
export * from './po-helper/index';
|
|
22
21
|
export * from './po-icon/index';
|
|
@@ -2,44 +2,6 @@
|
|
|
2
2
|
* @description
|
|
3
3
|
*
|
|
4
4
|
* Módulo do componente `po-accordion`.
|
|
5
|
-
*
|
|
6
|
-
* > Para o correto funcionamento do componente `po-accordion`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
7
|
-
* > módulo principal da sua aplicação.
|
|
8
|
-
*
|
|
9
|
-
* Módulo da aplicação:
|
|
10
|
-
* ```
|
|
11
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
12
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
13
|
-
* ...
|
|
14
|
-
*
|
|
15
|
-
* @NgModule({
|
|
16
|
-
* imports: [
|
|
17
|
-
* BrowserModule,
|
|
18
|
-
* BrowserAnimationsModule,
|
|
19
|
-
* ...
|
|
20
|
-
* PoModule
|
|
21
|
-
* ],
|
|
22
|
-
* declarations: [
|
|
23
|
-
* AppComponent,
|
|
24
|
-
* ...
|
|
25
|
-
* ],
|
|
26
|
-
* providers: [],
|
|
27
|
-
* bootstrap: [AppComponent]
|
|
28
|
-
* })
|
|
29
|
-
* export class AppModule { }
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
33
|
-
*
|
|
34
|
-
* ```
|
|
35
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
36
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
37
|
-
* import { AppComponent } from './app.component';
|
|
38
|
-
*
|
|
39
|
-
* bootstrapApplication(AppComponent, {
|
|
40
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
41
|
-
* }).catch(err => console.error(err));
|
|
42
|
-
* ```
|
|
43
5
|
*/
|
|
44
6
|
export declare class PoAccordionModule {
|
|
45
7
|
}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
1
|
import { PoDropdownAction } from './po-dropdown-action.interface';
|
|
4
2
|
/**
|
|
5
3
|
* @description
|
|
@@ -70,14 +68,9 @@ export declare class PoDropdownBaseComponent {
|
|
|
70
68
|
private _size?;
|
|
71
69
|
private _initialSize?;
|
|
72
70
|
private _position;
|
|
73
|
-
/**
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
* Aceita um *array* de `PoDropdownAction` (carregado imediatamente) ou uma função que retorna um
|
|
77
|
-
* `Observable<Array<PoDropdownAction>>`, carregando o nível raiz de forma assíncrona na abertura.
|
|
78
|
-
*/
|
|
79
|
-
set actions(value: Array<PoDropdownAction> | (() => Observable<Array<PoDropdownAction>>));
|
|
80
|
-
get actions(): Array<PoDropdownAction> | (() => Observable<Array<PoDropdownAction>>);
|
|
71
|
+
/** Lista de ações que serão exibidas no componente. */
|
|
72
|
+
set actions(value: Array<PoDropdownAction>);
|
|
73
|
+
get actions(): Array<PoDropdownAction>;
|
|
81
74
|
/**
|
|
82
75
|
* @optional
|
|
83
76
|
*
|
|
@@ -132,36 +125,6 @@ export declare class PoDropdownBaseComponent {
|
|
|
132
125
|
*/
|
|
133
126
|
set position(value: string);
|
|
134
127
|
get position(): string;
|
|
135
|
-
/**
|
|
136
|
-
* @optional
|
|
137
|
-
*
|
|
138
|
-
* @description
|
|
139
|
-
*
|
|
140
|
-
* Evento disparado a qualquer clique em um item do menu do dropdown.
|
|
141
|
-
*
|
|
142
|
-
* Recebe o item clicado (`PoDropdownAction`).
|
|
143
|
-
*/
|
|
144
|
-
clickItem: EventEmitter<PoDropdownAction>;
|
|
145
|
-
/**
|
|
146
|
-
* @optional
|
|
147
|
-
*
|
|
148
|
-
* @description
|
|
149
|
-
*
|
|
150
|
-
* Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
|
|
151
|
-
* (quando `subItems` é definido como função que retorna um `Observable`).
|
|
152
|
-
*
|
|
153
|
-
* Recebe o item agrupador (`PoDropdownAction`) que originou o carregamento.
|
|
154
|
-
*/
|
|
155
|
-
subItemsLoad: EventEmitter<PoDropdownAction>;
|
|
156
|
-
/**
|
|
157
|
-
* @optional
|
|
158
|
-
*
|
|
159
|
-
* @description
|
|
160
|
-
*
|
|
161
|
-
* Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
|
|
162
|
-
* (quando `p-actions` é definido como função que retorna um `Observable`).
|
|
163
|
-
*/
|
|
164
|
-
rootItemsLoad: EventEmitter<void>;
|
|
165
128
|
get popupCustomPositions(): Array<string>;
|
|
166
129
|
protected onThemeChange(): void;
|
|
167
130
|
private applySizeBasedOnA11y;
|
|
@@ -15,11 +15,6 @@ import { PoDropdownBaseComponent } from './po-dropdown-base.component';
|
|
|
15
15
|
* <file name="sample-po-dropdown-subitems/sample-po-dropdown-subitems.component.ts"> </file>
|
|
16
16
|
* </example>
|
|
17
17
|
*
|
|
18
|
-
* <example name="po-dropdown-lazy-subitems" title="PO Dropdown Lazy Subitems" >
|
|
19
|
-
* <file name="sample-po-dropdown-lazy-subitems/sample-po-dropdown-lazy-subitems.component.html"> </file>
|
|
20
|
-
* <file name="sample-po-dropdown-lazy-subitems/sample-po-dropdown-lazy-subitems.component.ts"> </file>
|
|
21
|
-
* </example>
|
|
22
|
-
*
|
|
23
18
|
* <example name="po-dropdown-labs" title="PO Dropdown Labs" >
|
|
24
19
|
* <file name="sample-po-dropdown-labs/sample-po-dropdown-labs.component.html"> </file>
|
|
25
20
|
* <file name="sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts"> </file>
|
|
@@ -39,8 +34,6 @@ export declare class PoDropdownComponent extends PoDropdownBaseComponent {
|
|
|
39
34
|
private resizeListener;
|
|
40
35
|
onKeyDown(event: any): void;
|
|
41
36
|
toggleDropdown(): void;
|
|
42
|
-
onPopupClose(): void;
|
|
43
|
-
private isEventInsideElement;
|
|
44
37
|
private checkClickArea;
|
|
45
38
|
private hideDropdown;
|
|
46
39
|
private initializeListeners;
|
|
@@ -15,6 +15,7 @@ export declare class PoLookupModalComponent extends PoLookupModalBaseComponent i
|
|
|
15
15
|
tableHeight: number;
|
|
16
16
|
componentRef: ComponentRef<any>;
|
|
17
17
|
dynamicForm: NgForm;
|
|
18
|
+
private dynamicFormReady;
|
|
18
19
|
constructor();
|
|
19
20
|
ngOnInit(): void;
|
|
20
21
|
onSelect(item: any): void;
|
|
@@ -15,10 +15,6 @@ import { PoSearchAiService } from './po-search-ai.service';
|
|
|
15
15
|
* em um filtro estruturado (normalmente OData) que pode ser aplicado por outro componente,
|
|
16
16
|
* como o [`po-table`](/documentation/po-table).
|
|
17
17
|
*
|
|
18
|
-
* > **Componente experimental:** o `po-search-ai` está em fase experimental. Sua API
|
|
19
|
-
* > (propriedades, eventos e contrato com o backend) pode sofrer alterações
|
|
20
|
-
* > entre versões. Utilize com cautela em ambientes de produção.
|
|
21
|
-
*
|
|
22
18
|
* O componente é **agnóstico ao provedor de IA**. Toda a comunicação ocorre através do
|
|
23
19
|
* endpoint informado em `p-url`, que recebe `{ query, columns }` e deve retornar
|
|
24
20
|
* `{ filter, description, confidence }`. Isso garante que nenhuma chave de IA seja
|
|
@@ -15,10 +15,4 @@ export interface PoListBoxLiterals {
|
|
|
15
15
|
/** Texto do checkbox para selecionar todos os itens. */
|
|
16
16
|
selectAll?: string;
|
|
17
17
|
footerActionListbox?: string;
|
|
18
|
-
/** Mensagem exibida quando o carregamento assíncrono de um subnível falha. */
|
|
19
|
-
subItemsErrorMessage?: string;
|
|
20
|
-
/** Texto acessível anunciado durante o carregamento assíncrono de um subnível. */
|
|
21
|
-
subItemsLoading?: string;
|
|
22
|
-
/** Texto do botão para tentar novamente o carregamento de um subnível. */
|
|
23
|
-
retry?: string;
|
|
24
18
|
}
|
|
@@ -24,7 +24,7 @@ export declare class PoListBoxBaseComponent {
|
|
|
24
24
|
private _size?;
|
|
25
25
|
private _initialSize?;
|
|
26
26
|
listboxSubitems: boolean;
|
|
27
|
-
visible: import("@angular/core").InputSignalWithTransform<boolean,
|
|
27
|
+
visible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
28
28
|
set type(value: string);
|
|
29
29
|
get type(): PoItemListType;
|
|
30
30
|
set items(items: Array<PoItemListAction | PoItemListOption | PoItemListOptionGroup | any>);
|
|
@@ -75,7 +75,6 @@ export declare class PoListBoxBaseComponent {
|
|
|
75
75
|
clickTab: EventEmitter<any>;
|
|
76
76
|
changeStateTabs: EventEmitter<any>;
|
|
77
77
|
clickItem: EventEmitter<any>;
|
|
78
|
-
subItemsLoad: EventEmitter<any>;
|
|
79
78
|
footerActionListboxEvent: EventEmitter<any>;
|
|
80
79
|
constructor(languageService: PoLanguageService);
|
|
81
80
|
protected onThemeChange(): void;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef,
|
|
1
|
+
import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
|
|
3
3
|
import { PoListBoxBaseComponent } from './po-listbox-base.component';
|
|
4
|
+
import { PoItemListOptionGroup } from './po-item-list/interfaces/po-item-list-option-group.interface';
|
|
5
|
+
import { PoItemListOption } from './po-item-list/interfaces/po-item-list-option.interface';
|
|
4
6
|
import { PoSearchListComponent } from './po-search-list/po-search-list.component';
|
|
5
7
|
import { PoDropdownAction } from '../po-dropdown/po-dropdown-action.interface';
|
|
6
8
|
import { Observable } from 'rxjs';
|
|
@@ -8,15 +10,6 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
|
|
|
8
10
|
element: ElementRef<any>;
|
|
9
11
|
currentItems: Array<PoDropdownAction>;
|
|
10
12
|
currentGroup: PoDropdownAction | null;
|
|
11
|
-
readonly subItemsLoading: WritableSignal<Record<string, boolean>>;
|
|
12
|
-
readonly subItemsError: WritableSignal<Record<string, boolean>>;
|
|
13
|
-
readonly subItemsSkeletonPlaceholders: number[];
|
|
14
|
-
rootLazyLoad?: () => Observable<Array<PoDropdownAction>>;
|
|
15
|
-
rootItemsLoad: EventEmitter<void>;
|
|
16
|
-
private readonly loadedSubItems;
|
|
17
|
-
private lastLoadedGroup;
|
|
18
|
-
private rootLoaded;
|
|
19
|
-
private readonly destroySubItems$;
|
|
20
13
|
private readonly navigationStack;
|
|
21
14
|
private readonly renderer;
|
|
22
15
|
private readonly router;
|
|
@@ -37,28 +30,12 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
|
|
|
37
30
|
ngOnChanges(changes?: SimpleChanges): void;
|
|
38
31
|
ngOnDestroy(): void;
|
|
39
32
|
openGroup(group: PoDropdownAction, event?: MouseEvent | KeyboardEvent): void;
|
|
40
|
-
private loadSubItemsAsync;
|
|
41
|
-
retrySubItems(event?: MouseEvent | KeyboardEvent): void;
|
|
42
|
-
loadRootItemsAsync(): void;
|
|
43
|
-
retryRootItems(event?: MouseEvent | KeyboardEvent): void;
|
|
44
|
-
isRootLoading(): boolean;
|
|
45
|
-
isRootError(): boolean;
|
|
46
|
-
isSubItemsLoading(group: PoDropdownAction | null): boolean;
|
|
47
|
-
isSubItemsError(group: PoDropdownAction | null): boolean;
|
|
48
|
-
isFunction(value: unknown): boolean;
|
|
49
|
-
isGroupItem(item: PoDropdownAction): boolean;
|
|
50
|
-
private getGroupKey;
|
|
51
|
-
private setSubItemsState;
|
|
52
|
-
private clearSubItemsState;
|
|
53
|
-
private focusGroupHeader;
|
|
54
33
|
goBack(event: MouseEvent | KeyboardEvent): void;
|
|
55
34
|
onKeydownGoBack(event: KeyboardEvent, currentGroup?: PoDropdownAction): void;
|
|
56
35
|
protected onKeydownTemplate(event: KeyboardEvent): void;
|
|
57
|
-
onSelectItem(itemListAction: any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
|
|
36
|
+
onSelectItem(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
|
|
58
37
|
onSelectAllCheckboxKeyDown(event: KeyboardEvent): void;
|
|
59
|
-
onKeyDown(itemListAction: any, event?: KeyboardEvent): void;
|
|
60
|
-
private handleArrowRightKey;
|
|
61
|
-
private handleEnterOrSpaceKey;
|
|
38
|
+
onKeyDown(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: KeyboardEvent): void;
|
|
62
39
|
checkboxClicked({ option, selected }: {
|
|
63
40
|
option: any;
|
|
64
41
|
selected: any;
|
|
@@ -9,7 +9,6 @@ import { PoNavbarItemsComponent } from './po-navbar-items/po-navbar-items.compon
|
|
|
9
9
|
*/
|
|
10
10
|
export declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterViewInit, OnDestroy, OnInit {
|
|
11
11
|
private readonly renderer;
|
|
12
|
-
private readonly builder;
|
|
13
12
|
private readonly changeDetector;
|
|
14
13
|
private readonly menuGlobalService;
|
|
15
14
|
navbarItemsElement: ElementRef;
|
|
@@ -22,7 +21,8 @@ export declare class PoNavbarComponent extends PoNavbarBaseComponent implements
|
|
|
22
21
|
private readonly id;
|
|
23
22
|
private mediaQuery;
|
|
24
23
|
private offset;
|
|
25
|
-
private
|
|
24
|
+
private currentAnimation;
|
|
25
|
+
private previousAnimatedOffset;
|
|
26
26
|
private readonly menuItems;
|
|
27
27
|
private previousMenuComponentId;
|
|
28
28
|
private previousMenusItems;
|
|
@@ -41,7 +41,6 @@ export declare class PoNavbarComponent extends PoNavbarBaseComponent implements
|
|
|
41
41
|
protected validateMenuLogo(): void;
|
|
42
42
|
private allNavbarItemsWidth;
|
|
43
43
|
private animate;
|
|
44
|
-
private buildTransitionAnimation;
|
|
45
44
|
private changeNavbarMenuItems;
|
|
46
45
|
private calculateLeftNavigation;
|
|
47
46
|
private calculateRightNavigation;
|
|
@@ -7,44 +7,6 @@
|
|
|
7
7
|
* > Esse componente está **depreciado** e será removido na `v23.x.x`. Recomendamos utilizar o componente
|
|
8
8
|
* [po-header](https://po-ui.io/documentation/po-header), que oferece compatibilidade com todas as funcionalidades do
|
|
9
9
|
* `po-navbar`, além de maior flexibilidade, usabilidade e acessibilidade.
|
|
10
|
-
* >
|
|
11
|
-
* > Para o correto funcionamento do componente `po-navbar`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
12
|
-
* módulo principal da sua aplicação.
|
|
13
|
-
*
|
|
14
|
-
* Módulo da aplicação:
|
|
15
|
-
* ```
|
|
16
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
17
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
18
|
-
* ...
|
|
19
|
-
*
|
|
20
|
-
* @NgModule({
|
|
21
|
-
* imports: [
|
|
22
|
-
* BrowserModule,
|
|
23
|
-
* BrowserAnimationsModule,
|
|
24
|
-
* ...
|
|
25
|
-
* PoModule
|
|
26
|
-
* ],
|
|
27
|
-
* declarations: [
|
|
28
|
-
* AppComponent,
|
|
29
|
-
* ...
|
|
30
|
-
* ],
|
|
31
|
-
* providers: [],
|
|
32
|
-
* bootstrap: [AppComponent]
|
|
33
|
-
* })
|
|
34
|
-
* export class AppModule { }
|
|
35
|
-
* ```
|
|
36
|
-
*
|
|
37
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
38
|
-
*
|
|
39
|
-
* ```
|
|
40
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
41
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
42
|
-
* import { AppComponent } from './app.component';
|
|
43
|
-
*
|
|
44
|
-
* bootstrapApplication(AppComponent, {
|
|
45
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
46
|
-
* }).catch(err => console.error(err));
|
|
47
|
-
* ```
|
|
48
10
|
*/
|
|
49
11
|
export declare class PoNavbarModule {
|
|
50
12
|
}
|
|
@@ -11,45 +11,6 @@ import { PoPageSlideSize } from './po-page-slide-size.type';
|
|
|
11
11
|
* através do botão que encontra-se no cabeçalho do mesmo ou através do método
|
|
12
12
|
* `#close()`.
|
|
13
13
|
*
|
|
14
|
-
* > Para o correto funcionamento do componente `po-page-slide`, deve ser
|
|
15
|
-
* > importado o módulo `BrowserAnimationsModule` no módulo principal da sua
|
|
16
|
-
* > aplicação.
|
|
17
|
-
*
|
|
18
|
-
* Módulo da aplicação:
|
|
19
|
-
* ```
|
|
20
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
21
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
22
|
-
* ...
|
|
23
|
-
*
|
|
24
|
-
* @NgModule({
|
|
25
|
-
* imports: [
|
|
26
|
-
* BrowserModule,
|
|
27
|
-
* BrowserAnimationsModule,
|
|
28
|
-
* ...
|
|
29
|
-
* PoModule
|
|
30
|
-
* ],
|
|
31
|
-
* declarations: [
|
|
32
|
-
* AppComponent,
|
|
33
|
-
* ...
|
|
34
|
-
* ],
|
|
35
|
-
* providers: [],
|
|
36
|
-
* bootstrap: [AppComponent]
|
|
37
|
-
* })
|
|
38
|
-
* export class AppModule { }
|
|
39
|
-
* ```
|
|
40
|
-
*
|
|
41
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
42
|
-
*
|
|
43
|
-
* ```
|
|
44
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
45
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
46
|
-
* import { AppComponent } from './app.component';
|
|
47
|
-
*
|
|
48
|
-
* bootstrapApplication(AppComponent, {
|
|
49
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
50
|
-
* }).catch(err => console.error(err));
|
|
51
|
-
* ```
|
|
52
|
-
*
|
|
53
14
|
* Caso utilize componentes de field dentro do page-slide, recomenda-se o uso do [Grid System](https://po-ui.io/guides/grid-system).
|
|
54
15
|
*
|
|
55
16
|
* No rodapé é possível utilizar o componente [`PoPageSlideFooter`](/documentation/po-page-slide-footer) para customização do template.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
1
|
+
import { AnimationCallbackEvent, ElementRef } from '@angular/core';
|
|
2
2
|
import { PoPageSlideLiterals } from './interfaces/po-page-slide-literals.interface';
|
|
3
3
|
import { PoPageSlideBaseComponent } from './po-page-slide-base.component';
|
|
4
4
|
import { PoPageSlideFooterComponent } from './po-page-slide-footer/po-page-slide-footer.component';
|
|
@@ -50,6 +50,10 @@ export declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
|
|
|
50
50
|
protected hasAlternativeCloseAction(): boolean;
|
|
51
51
|
close(): void;
|
|
52
52
|
onClickOut(event: MouseEvent): void;
|
|
53
|
+
animateEnter(event: AnimationCallbackEvent): void;
|
|
54
|
+
animateLeave(event: AnimationCallbackEvent): void;
|
|
55
|
+
private parseDuration;
|
|
56
|
+
private parseTiming;
|
|
53
57
|
private setTimeFromCSS;
|
|
54
58
|
private getTextDefault;
|
|
55
59
|
private getLabelDefault;
|
|
@@ -57,16 +61,4 @@ export declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
|
|
|
57
61
|
private initFocus;
|
|
58
62
|
private loadFirstElement;
|
|
59
63
|
private removeEventListeners;
|
|
60
|
-
get fadeParams(): {
|
|
61
|
-
value: boolean;
|
|
62
|
-
params: {
|
|
63
|
-
duration: string;
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
get slideParams(): {
|
|
67
|
-
value: boolean;
|
|
68
|
-
params: {
|
|
69
|
-
timing: string;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
64
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
2
|
/**
|
|
4
3
|
* @usedBy PoPopupComponent, PoWidgetComponent
|
|
5
4
|
*
|
|
@@ -110,29 +109,7 @@ export interface PoPopupAction {
|
|
|
110
109
|
*
|
|
111
110
|
* @description
|
|
112
111
|
*
|
|
113
|
-
* Define
|
|
114
|
-
*
|
|
115
|
-
* Aceita dois formatos:
|
|
116
|
-
*
|
|
117
|
-
* **Estático** – um *array* de `PoPopupAction` carregado imediatamente:
|
|
118
|
-
*
|
|
119
|
-
* ```
|
|
120
|
-
* { label: 'Relatórios', subItems: [{ label: 'Mensal' }, { label: 'Anual' }] }
|
|
121
|
-
* ```
|
|
122
|
-
*
|
|
123
|
-
* **Assíncrono (lazy loading)** – uma função que recebe o item agrupador e retorna um
|
|
124
|
-
* `Observable<Array<PoPopupAction>>`. A requisição é disparada **apenas** no momento da expansão
|
|
125
|
-
* (clique ou atalho de teclado), exibindo placeholders com `po-skeleton` enquanto os dados são carregados:
|
|
126
|
-
*
|
|
127
|
-
* ```
|
|
128
|
-
* {
|
|
129
|
-
* label: 'Relatórios',
|
|
130
|
-
* subItems: (item) => this.reportService.getReports(item)
|
|
131
|
-
* }
|
|
132
|
-
* ```
|
|
133
|
-
*
|
|
134
|
-
* > No formato assíncrono, o resultado é armazenado em cache após o primeiro carregamento bem-sucedido.
|
|
135
|
-
* Em caso de falha, é exibida uma mensagem com a opção de tentar novamente.
|
|
112
|
+
* Define uma lista de subitens para criação de menus aninhados.
|
|
136
113
|
*
|
|
137
114
|
* Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
|
|
138
115
|
* Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
|
|
@@ -143,6 +120,6 @@ export interface PoPopupAction {
|
|
|
143
120
|
*
|
|
144
121
|
* > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
|
|
145
122
|
*/
|
|
146
|
-
subItems?: Array<PoPopupAction
|
|
123
|
+
subItems?: Array<PoPopupAction>;
|
|
147
124
|
$subItemTemplate?: TemplateRef<any>;
|
|
148
125
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
2
|
import { PoPopupAction } from './po-popup-action.interface';
|
|
4
3
|
/**
|
|
5
4
|
* @description
|
|
@@ -79,16 +78,10 @@ export declare class PoPopupBaseComponent {
|
|
|
79
78
|
private _position?;
|
|
80
79
|
private _size?;
|
|
81
80
|
private _target;
|
|
82
|
-
rootLazyLoad?: () => Observable<Array<PoPopupAction>>;
|
|
83
81
|
get computedListboxSubitems(): boolean;
|
|
84
82
|
templateIcon: boolean;
|
|
85
|
-
/**
|
|
86
|
-
|
|
87
|
-
*
|
|
88
|
-
* Aceita um *array* de `PoPopupAction` (carregado imediatamente) ou uma função que retorna um
|
|
89
|
-
* `Observable<Array<PoPopupAction>>`, carregando o nível raiz de forma assíncrona na abertura.
|
|
90
|
-
*/
|
|
91
|
-
set actions(value: Array<PoPopupAction> | (() => Observable<Array<PoPopupAction>>));
|
|
83
|
+
/** Lista de ações que serão exibidas no componente. */
|
|
84
|
+
set actions(value: Array<PoPopupAction>);
|
|
92
85
|
get actions(): Array<PoPopupAction>;
|
|
93
86
|
/**
|
|
94
87
|
* @optional
|
|
@@ -215,52 +208,7 @@ export declare class PoPopupBaseComponent {
|
|
|
215
208
|
*/
|
|
216
209
|
set target(value: any);
|
|
217
210
|
get target(): any;
|
|
218
|
-
/**
|
|
219
|
-
* @optional
|
|
220
|
-
*
|
|
221
|
-
* @description
|
|
222
|
-
*
|
|
223
|
-
* Evento disparado ao fechar o popup.
|
|
224
|
-
*/
|
|
225
211
|
closeEvent: EventEmitter<any>;
|
|
226
|
-
|
|
227
|
-
* @optional
|
|
228
|
-
*
|
|
229
|
-
* @description
|
|
230
|
-
*
|
|
231
|
-
* Evento disparado a cada clique em um item do menu.
|
|
232
|
-
*
|
|
233
|
-
* Recebe o item clicado (`PoPopupAction`).
|
|
234
|
-
*
|
|
235
|
-
* > Não é disparado para a ação interna de voltar (`goBack`).
|
|
236
|
-
*/
|
|
237
|
-
clickItem: EventEmitter<PoPopupAction>;
|
|
238
|
-
/**
|
|
239
|
-
* @optional
|
|
240
|
-
*
|
|
241
|
-
* @description
|
|
242
|
-
*
|
|
243
|
-
* Evento disparado ao abrir o popup.
|
|
244
|
-
*/
|
|
212
|
+
clickItem: EventEmitter<any>;
|
|
245
213
|
openEvent: EventEmitter<any>;
|
|
246
|
-
/**
|
|
247
|
-
* @optional
|
|
248
|
-
*
|
|
249
|
-
* @description
|
|
250
|
-
*
|
|
251
|
-
* Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
|
|
252
|
-
* (quando `subItems` é definido como função que retorna um `Observable`).
|
|
253
|
-
*
|
|
254
|
-
* Recebe o item agrupador (`PoPopupAction`) que originou o carregamento.
|
|
255
|
-
*/
|
|
256
|
-
subItemsLoad: EventEmitter<PoPopupAction>;
|
|
257
|
-
/**
|
|
258
|
-
* @optional
|
|
259
|
-
*
|
|
260
|
-
* @description
|
|
261
|
-
*
|
|
262
|
-
* Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
|
|
263
|
-
* (quando `p-actions` é definido como função que retorna um `Observable`).
|
|
264
|
-
*/
|
|
265
|
-
rootItemsLoad: EventEmitter<void>;
|
|
266
214
|
}
|
|
@@ -41,10 +41,7 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
|
|
|
41
41
|
*
|
|
42
42
|
* > Por padrão, este comportamento é acionado somente ao clicar fora do componente ou em determinada ação / url.
|
|
43
43
|
*/
|
|
44
|
-
close(
|
|
45
|
-
reason?: string;
|
|
46
|
-
origin?: string;
|
|
47
|
-
}): void;
|
|
44
|
+
close(): void;
|
|
48
45
|
onActionClick(popupAction: PoPopupAction): void | Promise<boolean>;
|
|
49
46
|
/**
|
|
50
47
|
* Abre o componente *popup*.
|
|
@@ -65,9 +62,7 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
|
|
|
65
62
|
protected checkAllActionIsInvisible(): boolean;
|
|
66
63
|
private clickedOutDisabledItem;
|
|
67
64
|
private clickedOutHeaderTemplate;
|
|
68
|
-
private isEventInsideElement;
|
|
69
65
|
private clickedOutTarget;
|
|
70
|
-
private clickedOutPopup;
|
|
71
66
|
private closePopupOnClickout;
|
|
72
67
|
private elementContains;
|
|
73
68
|
private hasContentToShow;
|
|
@@ -77,5 +72,4 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
|
|
|
77
72
|
private removeListeners;
|
|
78
73
|
private setPosition;
|
|
79
74
|
private validateInitialContent;
|
|
80
|
-
private focusTarget;
|
|
81
75
|
}
|
|
@@ -32,7 +32,6 @@ import { PoSlideItem } from './interfaces/po-slide-item.interface';
|
|
|
32
32
|
* </example>
|
|
33
33
|
*/
|
|
34
34
|
export declare class PoSlideComponent extends PoSlideBaseComponent implements OnInit, DoCheck, OnChanges, OnDestroy {
|
|
35
|
-
private readonly builder;
|
|
36
35
|
slideContentTemplate: PoSlideContentTemplateDirective;
|
|
37
36
|
private readonly slide;
|
|
38
37
|
private readonly itemsElements;
|
|
@@ -41,7 +40,8 @@ export declare class PoSlideComponent extends PoSlideBaseComponent implements On
|
|
|
41
40
|
slideItems: Array<PoSlideItem | any>;
|
|
42
41
|
slideItemWidth: number;
|
|
43
42
|
private isLoaded;
|
|
44
|
-
private
|
|
43
|
+
private currentAnimation;
|
|
44
|
+
private previousOffset;
|
|
45
45
|
private setInterval;
|
|
46
46
|
private readonly resize$;
|
|
47
47
|
private resizeSubscription;
|
|
@@ -99,7 +99,6 @@ export declare class PoSlideComponent extends PoSlideBaseComponent implements On
|
|
|
99
99
|
protected startSlide(): void;
|
|
100
100
|
protected startInterval(): void;
|
|
101
101
|
private animate;
|
|
102
|
-
private buildTransitionAnimation;
|
|
103
102
|
private createArrayForTemplate;
|
|
104
103
|
private createArrayFromSlides;
|
|
105
104
|
private setDefaultHeight;
|
|
@@ -3,43 +3,6 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Módulo do componente `po-slide`.
|
|
5
5
|
*
|
|
6
|
-
* > Para o correto funcionamento do componente `po-slide`, deve ser importado o módulo `BrowserAnimationsModule` no
|
|
7
|
-
* > módulo principal da sua aplicação.
|
|
8
|
-
*
|
|
9
|
-
* Módulo da aplicação:
|
|
10
|
-
* ```
|
|
11
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
12
|
-
* import { PoModule } from '@po-ui/ng-components';
|
|
13
|
-
* ...
|
|
14
|
-
*
|
|
15
|
-
* @NgModule({
|
|
16
|
-
* imports: [
|
|
17
|
-
* BrowserModule,
|
|
18
|
-
* BrowserAnimationsModule,
|
|
19
|
-
* ...
|
|
20
|
-
* PoModule
|
|
21
|
-
* ],
|
|
22
|
-
* declarations: [
|
|
23
|
-
* AppComponent,
|
|
24
|
-
* ...
|
|
25
|
-
* ],
|
|
26
|
-
* providers: [],
|
|
27
|
-
* bootstrap: [AppComponent]
|
|
28
|
-
* })
|
|
29
|
-
* export class AppModule { }
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
|
|
33
|
-
*
|
|
34
|
-
* ```
|
|
35
|
-
* import { bootstrapApplication } from '@angular/platform-browser';
|
|
36
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
37
|
-
* import { AppComponent } from './app.component';
|
|
38
|
-
*
|
|
39
|
-
* bootstrapApplication(AppComponent, {
|
|
40
|
-
* providers: [importProvidersFrom(BrowserAnimationsModule)]
|
|
41
|
-
* }).catch(err => console.error(err));
|
|
42
|
-
* ```
|
|
43
6
|
*/
|
|
44
7
|
export declare class PoSlideModule {
|
|
45
8
|
}
|
|
@@ -79,7 +79,6 @@ export declare class PoStepperComponent extends PoStepperBaseComponent implement
|
|
|
79
79
|
isDashedBorder(step: PoStepComponent, index: number): boolean;
|
|
80
80
|
isDashedBorderTop(step: PoStepComponent, index: number): boolean;
|
|
81
81
|
onStepActive(step: PoStepComponent): void;
|
|
82
|
-
trackByFn(step: PoStepComponent): string;
|
|
83
82
|
private activeFirstStep;
|
|
84
83
|
private allowNextStep;
|
|
85
84
|
private canActiveNextStep;
|
|
@@ -72,7 +72,7 @@ import { PoTableColumnSpacing } from './enums/po-table-spacing.enum';
|
|
|
72
72
|
* <file name="sample-po-table-draggable/sample-po-table-draggable.component.ts"> </file>
|
|
73
73
|
* </example>
|
|
74
74
|
*
|
|
75
|
-
* <example name="po-table-search-ai" title="PO Table - Search A.I.
|
|
75
|
+
* <example name="po-table-search-ai" title="PO Table - Search A.I.">
|
|
76
76
|
* <file name="sample-po-table-search-ai/sample-po-table-search-ai.component.html"> </file>
|
|
77
77
|
* <file name="sample-po-table-search-ai/sample-po-table-search-ai.component.ts"> </file>
|
|
78
78
|
* </example>
|
|
@@ -41,7 +41,6 @@ import { PoWidgetSelection } from './interfaces/po-widget-selection.interface';
|
|
|
41
41
|
* | `--font-size` | Tamanho da fonte | `var(--font-size-sm)` |
|
|
42
42
|
* | `--font-weight` | Peso da fonte | `var(--font-weight-bold)` |
|
|
43
43
|
* | `--font-color` | Cor da fonte | `var(--color-neutral-dark-95)` |
|
|
44
|
-
* | `--padding` - `@deprecated 21.x.x` | Preenchimento do componente | `1rem` |
|
|
45
44
|
* | `--padding-header` | Preenchimento do header | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
|
|
46
45
|
* | `--padding-body` | Preenchimento do body | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)` |
|
|
47
46
|
* | `--padding-avatar` | Preenchimento do avatar | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)` |
|