@po-ui/ng-components 21.30.0 → 21.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-BEh4YifL.mjs → po-ui-ng-components-po-chart-modal-table.component--XRHfkdb.mjs} +4 -4
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-BEh4YifL.mjs.map → po-ui-ng-components-po-chart-modal-table.component--XRHfkdb.mjs.map} +1 -1
- package/fesm2022/po-ui-ng-components.mjs +1329 -1270
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +5 -0
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +15 -0
- package/lib/components/po-listbox/po-listbox-base.component.d.ts +1 -1
- package/lib/components/po-listbox/po-listbox.component.d.ts +6 -0
- package/package.json +4 -4
- package/po-ui-ng-components-21.30.1.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/types/po-ui-ng-components.d.ts +29 -4
- package/po-ui-ng-components-21.30.0.tgz +0 -0
|
@@ -220,6 +220,11 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
220
220
|
*
|
|
221
221
|
* > Caso não seja passado um objeto ou então ele esteja em branco o link de busca avançada ficará escondido.
|
|
222
222
|
*
|
|
223
|
+
* > A busca avançada é construída a partir do `po-dynamic-form`. Em aplicações que não importam o `PoModule`,
|
|
224
|
+
* como projetos *standalone* ou que utilizam módulos específicos, é necessário importar o `PoDynamicModule`
|
|
225
|
+
* no componente ou módulo onde o `po-lookup` é utilizado, caso contrário será lançado o erro
|
|
226
|
+
* `NG0201: No provider found for _TitleCasePipe` ao abrir a busca avançada.
|
|
227
|
+
*
|
|
223
228
|
* Exemplo de URL com busca avançada:
|
|
224
229
|
*
|
|
225
230
|
* ```
|
|
@@ -22,6 +22,21 @@ import { PoHelperComponent } from '../../po-helper';
|
|
|
22
22
|
* </po-lookup>
|
|
23
23
|
* ```
|
|
24
24
|
*
|
|
25
|
+
* - Ao utilizar a propriedade `p-advanced-filters`, a janela de busca avançada é construída
|
|
26
|
+
* a partir do `po-dynamic-form`. Em aplicações que não importam o `PoModule`, como projetos
|
|
27
|
+
* *standalone* ou que utilizam módulos específicos, é necessário importar o `PoDynamicModule`
|
|
28
|
+
* no componente ou módulo onde o `po-lookup` é utilizado, caso contrário será lançado o erro
|
|
29
|
+
* `NG0201: No provider found for _TitleCasePipe` ao abrir a busca avançada.
|
|
30
|
+
* ```
|
|
31
|
+
* import { PoDynamicModule, PoFieldModule } from '@po-ui/ng-components';
|
|
32
|
+
*
|
|
33
|
+
* @Component({
|
|
34
|
+
* standalone: true,
|
|
35
|
+
* imports: [PoFieldModule, PoDynamicModule]
|
|
36
|
+
* })
|
|
37
|
+
* export class MyComponent {}
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
25
40
|
* #### Tokens customizáveis
|
|
26
41
|
*
|
|
27
42
|
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
@@ -24,7 +24,7 @@ export declare class PoListBoxBaseComponent {
|
|
|
24
24
|
private _size?;
|
|
25
25
|
private _initialSize?;
|
|
26
26
|
listboxSubitems: boolean;
|
|
27
|
-
visible: boolean
|
|
27
|
+
visible: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
|
|
28
28
|
set type(value: string);
|
|
29
29
|
get type(): PoItemListType;
|
|
30
30
|
set items(items: Array<PoItemListAction | PoItemListOption | PoItemListOptionGroup | any>);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
|
|
2
3
|
import { PoListBoxBaseComponent } from './po-listbox-base.component';
|
|
3
4
|
import { PoItemListOptionGroup } from './po-item-list/interfaces/po-item-list-option-group.interface';
|
|
4
5
|
import { PoItemListOption } from './po-item-list/interfaces/po-item-list-option.interface';
|
|
@@ -19,6 +20,8 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
|
|
|
19
20
|
searchElement: PoSearchListComponent;
|
|
20
21
|
popupHeaderContainer: ElementRef;
|
|
21
22
|
listboxItems: QueryList<ElementRef>;
|
|
23
|
+
cdkListbox?: CdkListbox;
|
|
24
|
+
cdkOptions?: QueryList<CdkOption>;
|
|
22
25
|
private scrollEvent$;
|
|
23
26
|
private subscriptionScrollEvent;
|
|
24
27
|
constructor();
|
|
@@ -49,6 +52,9 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
|
|
|
49
52
|
}): void;
|
|
50
53
|
scrollListener(componentListner: HTMLElement): Observable<any>;
|
|
51
54
|
setFocus(): void;
|
|
55
|
+
private getSelectedItem;
|
|
56
|
+
scrollToAndSelectCurrentItem(): void;
|
|
57
|
+
protected onListboxFocusIn(event: FocusEvent): void;
|
|
52
58
|
protected checkInfiniteScroll(): void;
|
|
53
59
|
protected getSizeLoading(): "xs" | "sm" | "md";
|
|
54
60
|
protected getTextLoading(): "" | " ";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "21.30.
|
|
3
|
+
"version": "21.30.1",
|
|
4
4
|
"description": "PO UI - Components",
|
|
5
5
|
"author": "PO UI",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@angular/cdk": "~21.2.14",
|
|
25
|
-
"@po-ui/style": "21.30.
|
|
26
|
-
"@po-ui/ng-schematics": "21.30.
|
|
25
|
+
"@po-ui/style": "21.30.1",
|
|
26
|
+
"@po-ui/ng-schematics": "21.30.1",
|
|
27
27
|
"driver.js": "~1.4.0",
|
|
28
28
|
"echarts": "^6.1.0",
|
|
29
29
|
"tslib": "^2.6.2"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@angular/platform-browser-dynamic": "^21",
|
|
40
40
|
"@angular/router": "^21",
|
|
41
41
|
"@angular-devkit/schematics": "^21",
|
|
42
|
-
"@po-ui/style": "21.30.
|
|
42
|
+
"@po-ui/style": "21.30.1",
|
|
43
43
|
"rxjs": "~7.8.1",
|
|
44
44
|
"zone.js": "~0.15.0"
|
|
45
45
|
},
|
|
Binary file
|
|
@@ -18,7 +18,7 @@ function default_1(options) {
|
|
|
18
18
|
}
|
|
19
19
|
function addPoPackageAndInstall() {
|
|
20
20
|
return (tree, context) => {
|
|
21
|
-
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.30.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.30.1');
|
|
22
22
|
// install packages
|
|
23
23
|
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
24
24
|
};
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
|
|
|
11
11
|
const httpClientModuleName = 'HttpClientModule';
|
|
12
12
|
const httpClientModuleSourcePath = '@angular/common/http';
|
|
13
13
|
function default_1() {
|
|
14
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
14
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
15
15
|
}
|
|
16
16
|
function postUpdate() {
|
|
17
17
|
return (_, context) => {
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -40,11 +40,11 @@ function main(options) {
|
|
|
40
40
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
41
41
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
42
42
|
configureNewIcon.toLowerCase() === '') {
|
|
43
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.30.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion),
|
|
48
48
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
49
49
|
addProviderToAppModule(options, newProviderDictionary),
|
|
50
50
|
updateAppConfigFileRule(),
|
|
@@ -40,11 +40,11 @@ function main(options) {
|
|
|
40
40
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
41
41
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
42
42
|
configureNewIcon.toLowerCase() === '') {
|
|
43
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.30.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion),
|
|
48
48
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
49
49
|
addProviderToAppModule(options, newProviderDictionary),
|
|
50
50
|
updateAppConfigFileRule(),
|
|
@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
|
10
10
|
const changes_1 = require("./changes");
|
|
11
11
|
function updateToV2() {
|
|
12
12
|
return (0, schematics_1.chain)([
|
|
13
|
-
updatePackageJson('21.30.
|
|
13
|
+
updatePackageJson('21.30.1', changes_1.dependeciesChanges),
|
|
14
14
|
(0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
|
|
15
15
|
(0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
|
|
16
16
|
createUpgradeRule(),
|
|
@@ -40,11 +40,11 @@ function main(options) {
|
|
|
40
40
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
41
41
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
42
42
|
configureNewIcon.toLowerCase() === '') {
|
|
43
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.30.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion),
|
|
48
48
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
49
49
|
addProviderToAppModule(options, newProviderDictionary),
|
|
50
50
|
updateAppConfigFileRule(),
|
|
@@ -9,7 +9,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
9
9
|
const changes_1 = require("./changes");
|
|
10
10
|
function main() {
|
|
11
11
|
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
12
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
12
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
15
|
function default_1() {
|
|
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
7
7
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
8
8
|
const changes_1 = require("./changes");
|
|
9
9
|
function updateToV3() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
function postUpdate() {
|
|
13
13
|
return (_, context) => {
|
|
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
7
7
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
8
8
|
const changes_1 = require("./changes");
|
|
9
9
|
function default_1() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
function postUpdate() {
|
|
13
13
|
return (_, context) => {
|
|
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
7
7
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
8
8
|
const changes_1 = require("./changes");
|
|
9
9
|
function default_1() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
function postUpdate() {
|
|
13
13
|
return (_, context) => {
|
|
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.30.1', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -3,6 +3,8 @@ import { EventEmitter, ElementRef, TemplateRef, OnInit, OnDestroy, Renderer2, Qu
|
|
|
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 i9 from '@angular/cdk/listbox';
|
|
7
|
+
import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
|
|
6
8
|
import * as rxjs from 'rxjs';
|
|
7
9
|
import { Observable, Subject, Subscription } from 'rxjs';
|
|
8
10
|
import * as i4 from '@angular/router';
|
|
@@ -10,7 +12,6 @@ import { Router } from '@angular/router';
|
|
|
10
12
|
import * as i3 from '@angular/forms';
|
|
11
13
|
import { ControlValueAccessor, AbstractControl, Validator, ValidationErrors, NgForm } from '@angular/forms';
|
|
12
14
|
import * as i5 from '@angular/cdk/overlay';
|
|
13
|
-
import * as i9 from '@angular/cdk/listbox';
|
|
14
15
|
import * as _angular_common_http from '@angular/common/http';
|
|
15
16
|
import { HttpHeaders, HttpClient, HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse, HttpErrorResponse } from '@angular/common/http';
|
|
16
17
|
import * as _po_ui_ng_components from '@po-ui/ng-components';
|
|
@@ -1985,7 +1986,7 @@ declare class PoListBoxBaseComponent {
|
|
|
1985
1986
|
private _size?;
|
|
1986
1987
|
private _initialSize?;
|
|
1987
1988
|
listboxSubitems: boolean;
|
|
1988
|
-
visible: boolean
|
|
1989
|
+
visible: i0.InputSignalWithTransform<boolean, boolean>;
|
|
1989
1990
|
set type(value: string);
|
|
1990
1991
|
get type(): PoItemListType;
|
|
1991
1992
|
set items(items: Array<PoItemListAction | PoItemListOption | PoItemListOptionGroup | any>);
|
|
@@ -2041,8 +2042,7 @@ declare class PoListBoxBaseComponent {
|
|
|
2041
2042
|
protected onThemeChange(): void;
|
|
2042
2043
|
private applySizeBasedOnA11y;
|
|
2043
2044
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxBaseComponent, never>;
|
|
2044
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; }; "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>;
|
|
2045
|
-
static ngAcceptInputType_visible: any;
|
|
2045
|
+
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>;
|
|
2046
2046
|
static ngAcceptInputType_isTabs: any;
|
|
2047
2047
|
static ngAcceptInputType_isServerSearching: any;
|
|
2048
2048
|
static ngAcceptInputType_infiniteLoading: any;
|
|
@@ -2203,6 +2203,8 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
|
|
|
2203
2203
|
searchElement: PoSearchListComponent;
|
|
2204
2204
|
popupHeaderContainer: ElementRef;
|
|
2205
2205
|
listboxItems: QueryList<ElementRef>;
|
|
2206
|
+
cdkListbox?: CdkListbox;
|
|
2207
|
+
cdkOptions?: QueryList<CdkOption>;
|
|
2206
2208
|
private scrollEvent$;
|
|
2207
2209
|
private subscriptionScrollEvent;
|
|
2208
2210
|
constructor();
|
|
@@ -2233,6 +2235,9 @@ declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnIni
|
|
|
2233
2235
|
}): void;
|
|
2234
2236
|
scrollListener(componentListner: HTMLElement): Observable<any>;
|
|
2235
2237
|
setFocus(): void;
|
|
2238
|
+
private getSelectedItem;
|
|
2239
|
+
scrollToAndSelectCurrentItem(): void;
|
|
2240
|
+
protected onListboxFocusIn(event: FocusEvent): void;
|
|
2236
2241
|
protected checkInfiniteScroll(): void;
|
|
2237
2242
|
protected getSizeLoading(): "xs" | "sm" | "md";
|
|
2238
2243
|
protected getTextLoading(): "" | " ";
|
|
@@ -23888,6 +23893,11 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
23888
23893
|
*
|
|
23889
23894
|
* > Caso não seja passado um objeto ou então ele esteja em branco o link de busca avançada ficará escondido.
|
|
23890
23895
|
*
|
|
23896
|
+
* > A busca avançada é construída a partir do `po-dynamic-form`. Em aplicações que não importam o `PoModule`,
|
|
23897
|
+
* como projetos *standalone* ou que utilizam módulos específicos, é necessário importar o `PoDynamicModule`
|
|
23898
|
+
* no componente ou módulo onde o `po-lookup` é utilizado, caso contrário será lançado o erro
|
|
23899
|
+
* `NG0201: No provider found for _TitleCasePipe` ao abrir a busca avançada.
|
|
23900
|
+
*
|
|
23891
23901
|
* Exemplo de URL com busca avançada:
|
|
23892
23902
|
*
|
|
23893
23903
|
* ```
|
|
@@ -24378,6 +24388,21 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
|
|
|
24378
24388
|
* </po-lookup>
|
|
24379
24389
|
* ```
|
|
24380
24390
|
*
|
|
24391
|
+
* - Ao utilizar a propriedade `p-advanced-filters`, a janela de busca avançada é construída
|
|
24392
|
+
* a partir do `po-dynamic-form`. Em aplicações que não importam o `PoModule`, como projetos
|
|
24393
|
+
* *standalone* ou que utilizam módulos específicos, é necessário importar o `PoDynamicModule`
|
|
24394
|
+
* no componente ou módulo onde o `po-lookup` é utilizado, caso contrário será lançado o erro
|
|
24395
|
+
* `NG0201: No provider found for _TitleCasePipe` ao abrir a busca avançada.
|
|
24396
|
+
* ```
|
|
24397
|
+
* import { PoDynamicModule, PoFieldModule } from '@po-ui/ng-components';
|
|
24398
|
+
*
|
|
24399
|
+
* @Component({
|
|
24400
|
+
* standalone: true,
|
|
24401
|
+
* imports: [PoFieldModule, PoDynamicModule]
|
|
24402
|
+
* })
|
|
24403
|
+
* export class MyComponent {}
|
|
24404
|
+
* ```
|
|
24405
|
+
*
|
|
24381
24406
|
* #### Tokens customizáveis
|
|
24382
24407
|
*
|
|
24383
24408
|
* É possível alterar o estilo do componente usando os seguintes tokens (CSS):
|
|
Binary file
|