@po-ui/ng-components 21.14.0 → 21.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-itToVZ7w.mjs → po-ui-ng-components-po-chart-modal-table.component-C4GP9pZp.mjs} +4 -4
- package/fesm2022/{po-ui-ng-components-po-chart-modal-table.component-itToVZ7w.mjs.map → po-ui-ng-components-po-chart-modal-table.component-C4GP9pZp.mjs.map} +1 -1
- package/fesm2022/po-ui-ng-components.mjs +1242 -1229
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-dropdown/po-dropdown-action.interface.d.ts +2 -10
- package/lib/components/po-field/po-combo/interfaces/po-combo-option-group.interface.d.ts +6 -1
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +2 -0
- package/lib/components/po-list-view/interfaces/po-list-view-action.interface.d.ts +3 -1
- package/lib/components/po-popup/po-popup-action.interface.d.ts +22 -4
- package/lib/components/po-popup/po-popup-base.component.d.ts +4 -1
- package/package.json +4 -4
- package/po-ui-ng-components-21.15.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/types/po-ui-ng-components.d.ts +40 -18
- package/po-ui-ng-components-21.14.0.tgz +0 -0
|
@@ -6,17 +6,9 @@ import { PoPopupAction } from '../po-popup/po-popup-action.interface';
|
|
|
6
6
|
*
|
|
7
7
|
* @docsExtends PoPopupAction
|
|
8
8
|
*
|
|
9
|
+
* @ignoreExtendedDescription
|
|
10
|
+
*
|
|
9
11
|
* @usedBy PoDropdownComponent
|
|
10
12
|
*/
|
|
11
13
|
export interface PoDropdownAction extends PoPopupAction {
|
|
12
|
-
/**
|
|
13
|
-
* @optional
|
|
14
|
-
*
|
|
15
|
-
* @description
|
|
16
|
-
*
|
|
17
|
-
* Array de ações (`PoDropdownAction`) usado para criar agrupadores de subitens (submenus).
|
|
18
|
-
*
|
|
19
|
-
* > Recomenda-se limitar a navegação a, no máximo, três níveis hierárquicos.
|
|
20
|
-
*/
|
|
21
|
-
subItems?: Array<PoDropdownAction>;
|
|
22
14
|
}
|
|
@@ -7,7 +7,12 @@ import { PoComboOption } from './po-combo-option.interface';
|
|
|
7
7
|
* Interface dos agrupamentos da coleção que será exibida no dropdown do `po-combo`.
|
|
8
8
|
*/
|
|
9
9
|
export interface PoComboOptionGroup {
|
|
10
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* Título para cada grupo de opções.
|
|
12
|
+
*
|
|
13
|
+
* Recomendação: evite usar labels idênticos em diferentes grupos. Labels iguais podem
|
|
14
|
+
* causar ambiguidade para usuários e dificultar a identificação/seleção dos itens.
|
|
15
|
+
*/
|
|
11
16
|
label: string;
|
|
12
17
|
/** Lista de itens a serem exibidos. */
|
|
13
18
|
options: Array<PoComboOption>;
|
|
@@ -674,6 +674,8 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
|
|
|
674
674
|
getOptionFromValue(value: any, options: any): any;
|
|
675
675
|
getOptionFromLabel(label: any, options: any): any;
|
|
676
676
|
updateSelectedValue(option: any, isUpdateModel?: boolean): void;
|
|
677
|
+
private isGroupTitle;
|
|
678
|
+
private updateOptionsSelectedState;
|
|
677
679
|
callModelChange(value: any): any;
|
|
678
680
|
isEqual(value: any, inputValue: any): boolean;
|
|
679
681
|
mapSizeToIcon(size: string): string;
|
|
@@ -4,11 +4,13 @@ import { PoPopupAction } from '../../po-popup/po-popup-action.interface';
|
|
|
4
4
|
*
|
|
5
5
|
* Interface que define as ações do componente `po-list-view`.
|
|
6
6
|
*
|
|
7
|
-
* > As propriedades `separator`, `url` e `selected` serão vistas a partir da terceira ação e somente quando
|
|
7
|
+
* > As propriedades `subItems`, `separator`, `url` e `selected` serão vistas a partir da terceira ação e somente quando
|
|
8
8
|
* definir quatro ações ou mais.
|
|
9
9
|
*
|
|
10
10
|
* @docsExtends PoPopupAction
|
|
11
11
|
*
|
|
12
|
+
* @ignoreExtendedDescription
|
|
13
|
+
*
|
|
12
14
|
* @usedBy PoListViewComponent
|
|
13
15
|
*/
|
|
14
16
|
export interface PoListViewAction extends PoPopupAction {
|
|
@@ -12,7 +12,7 @@ export interface PoPopupAction {
|
|
|
12
12
|
*
|
|
13
13
|
* Rótulo da ação.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
15
|
+
* A label também pode representar o agrupador de subitens quando a ação possuir `subItems`.
|
|
16
16
|
*/
|
|
17
17
|
label: string;
|
|
18
18
|
/**
|
|
@@ -22,7 +22,7 @@ export interface PoPopupAction {
|
|
|
22
22
|
*
|
|
23
23
|
* Ação que será executada, sendo possível passar o nome ou a referência da função.
|
|
24
24
|
*
|
|
25
|
-
*
|
|
25
|
+
* A action também pode ser executada para o agrupador de subitens quando a ação possuir `subItems`.
|
|
26
26
|
*
|
|
27
27
|
* > Para que a função seja executada no contexto do componente, utilize *bind*:
|
|
28
28
|
* `action: this.myFunction.bind(this)`
|
|
@@ -78,8 +78,9 @@ export interface PoPopupAction {
|
|
|
78
78
|
*
|
|
79
79
|
* URL para redirecionamento. Aceita rotas internas e links externos.
|
|
80
80
|
*
|
|
81
|
-
*
|
|
82
|
-
*
|
|
81
|
+
* A url também pode ser configurada para o agrupador de subitens.
|
|
82
|
+
* Entretanto, quando a `url` é informada em um agrupador, o clique **não abrirá os subitens**, pois o item será
|
|
83
|
+
* tratado como um link e o redirecionamento terá prioridade sobre a exibição da lista.
|
|
83
84
|
*
|
|
84
85
|
* > Quando informada, tem prioridade sobre a propriedade `action`.
|
|
85
86
|
*/
|
|
@@ -103,5 +104,22 @@ export interface PoPopupAction {
|
|
|
103
104
|
*/
|
|
104
105
|
visible?: boolean | Function;
|
|
105
106
|
$id?: string;
|
|
107
|
+
/**
|
|
108
|
+
* @optional
|
|
109
|
+
*
|
|
110
|
+
* @description
|
|
111
|
+
*
|
|
112
|
+
* Define uma lista de subitens para criação de menus aninhados.
|
|
113
|
+
*
|
|
114
|
+
* Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
|
|
115
|
+
* Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
|
|
116
|
+
*
|
|
117
|
+
* > As propriedades `disabled`, `type` e `visible` não são aplicadas visualmente ao item agrupador.
|
|
118
|
+
*
|
|
119
|
+
* > Quando `url` é informada em um agrupador, o redirecionamento terá prioridade e os subitens não serão abertos.
|
|
120
|
+
*
|
|
121
|
+
* > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
|
|
122
|
+
*/
|
|
123
|
+
subItems?: Array<PoPopupAction>;
|
|
106
124
|
$subItemTemplate?: TemplateRef<any>;
|
|
107
125
|
}
|
|
@@ -6,6 +6,9 @@ import { PoPopupAction } from './po-popup-action.interface';
|
|
|
6
6
|
* O componente `po-popup` é um container pequeno recomendado para ações de navegação:
|
|
7
7
|
* Ele abre sobreposto aos outros componentes.
|
|
8
8
|
*
|
|
9
|
+
* Suporta subníveis (submenus) quando as ações possuem a propriedade `subItems`,
|
|
10
|
+
* habilitando navegação hierárquica automaticamente.
|
|
11
|
+
*
|
|
9
12
|
* É possível escolher as posições do `po-popup` em relação ao componente alvo, para isto veja a propriedade `p-position`.
|
|
10
13
|
*
|
|
11
14
|
* Também é possível informar um _template_ _header_ para o `po-popup`, que será exibido acima das ações.
|
|
@@ -75,7 +78,7 @@ export declare class PoPopupBaseComponent {
|
|
|
75
78
|
private _position?;
|
|
76
79
|
private _size?;
|
|
77
80
|
private _target;
|
|
78
|
-
|
|
81
|
+
get computedListboxSubitems(): boolean;
|
|
79
82
|
templateIcon: boolean;
|
|
80
83
|
/** Lista de ações que serão exibidas no componente. */
|
|
81
84
|
set actions(value: Array<PoPopupAction>);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.15.0",
|
|
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.4",
|
|
25
|
-
"@po-ui/style": "21.
|
|
26
|
-
"@po-ui/ng-schematics": "21.
|
|
25
|
+
"@po-ui/style": "21.15.0",
|
|
26
|
+
"@po-ui/ng-schematics": "21.15.0",
|
|
27
27
|
"echarts": "^5.6.0",
|
|
28
28
|
"tslib": "^2.6.2"
|
|
29
29
|
},
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@angular/platform-browser-dynamic": "^21",
|
|
39
39
|
"@angular/router": "^21",
|
|
40
40
|
"@angular-devkit/schematics": "^21",
|
|
41
|
-
"@po-ui/style": "21.
|
|
41
|
+
"@po-ui/style": "21.15.0",
|
|
42
42
|
"rxjs": "~7.8.1",
|
|
43
43
|
"zone.js": "~0.15.0"
|
|
44
44
|
},
|
|
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.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.15.0');
|
|
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.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
14
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
13
|
+
updatePackageJson('21.15.0', 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.
|
|
43
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
46
|
return (0, schematics_1.chain)([
|
|
47
|
-
(0, package_config_1.updatePackageJson)('21.
|
|
47
|
+
(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
12
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', 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.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.15.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
function postUpdate() {
|
|
12
12
|
return (_, context) => {
|
|
@@ -2063,7 +2063,7 @@ interface PoPopupAction {
|
|
|
2063
2063
|
*
|
|
2064
2064
|
* Rótulo da ação.
|
|
2065
2065
|
*
|
|
2066
|
-
*
|
|
2066
|
+
* A label também pode representar o agrupador de subitens quando a ação possuir `subItems`.
|
|
2067
2067
|
*/
|
|
2068
2068
|
label: string;
|
|
2069
2069
|
/**
|
|
@@ -2073,7 +2073,7 @@ interface PoPopupAction {
|
|
|
2073
2073
|
*
|
|
2074
2074
|
* Ação que será executada, sendo possível passar o nome ou a referência da função.
|
|
2075
2075
|
*
|
|
2076
|
-
*
|
|
2076
|
+
* A action também pode ser executada para o agrupador de subitens quando a ação possuir `subItems`.
|
|
2077
2077
|
*
|
|
2078
2078
|
* > Para que a função seja executada no contexto do componente, utilize *bind*:
|
|
2079
2079
|
* `action: this.myFunction.bind(this)`
|
|
@@ -2129,8 +2129,9 @@ interface PoPopupAction {
|
|
|
2129
2129
|
*
|
|
2130
2130
|
* URL para redirecionamento. Aceita rotas internas e links externos.
|
|
2131
2131
|
*
|
|
2132
|
-
*
|
|
2133
|
-
*
|
|
2132
|
+
* A url também pode ser configurada para o agrupador de subitens.
|
|
2133
|
+
* Entretanto, quando a `url` é informada em um agrupador, o clique **não abrirá os subitens**, pois o item será
|
|
2134
|
+
* tratado como um link e o redirecionamento terá prioridade sobre a exibição da lista.
|
|
2134
2135
|
*
|
|
2135
2136
|
* > Quando informada, tem prioridade sobre a propriedade `action`.
|
|
2136
2137
|
*/
|
|
@@ -2154,6 +2155,23 @@ interface PoPopupAction {
|
|
|
2154
2155
|
*/
|
|
2155
2156
|
visible?: boolean | Function;
|
|
2156
2157
|
$id?: string;
|
|
2158
|
+
/**
|
|
2159
|
+
* @optional
|
|
2160
|
+
*
|
|
2161
|
+
* @description
|
|
2162
|
+
*
|
|
2163
|
+
* Define uma lista de subitens para criação de menus aninhados.
|
|
2164
|
+
*
|
|
2165
|
+
* Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
|
|
2166
|
+
* Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
|
|
2167
|
+
*
|
|
2168
|
+
* > As propriedades `disabled`, `type` e `visible` não são aplicadas visualmente ao item agrupador.
|
|
2169
|
+
*
|
|
2170
|
+
* > Quando `url` é informada em um agrupador, o redirecionamento terá prioridade e os subitens não serão abertos.
|
|
2171
|
+
*
|
|
2172
|
+
* > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
|
|
2173
|
+
*/
|
|
2174
|
+
subItems?: Array<PoPopupAction>;
|
|
2157
2175
|
$subItemTemplate?: TemplateRef<any>;
|
|
2158
2176
|
}
|
|
2159
2177
|
|
|
@@ -2164,19 +2182,11 @@ interface PoPopupAction {
|
|
|
2164
2182
|
*
|
|
2165
2183
|
* @docsExtends PoPopupAction
|
|
2166
2184
|
*
|
|
2185
|
+
* @ignoreExtendedDescription
|
|
2186
|
+
*
|
|
2167
2187
|
* @usedBy PoDropdownComponent
|
|
2168
2188
|
*/
|
|
2169
2189
|
interface PoDropdownAction extends PoPopupAction {
|
|
2170
|
-
/**
|
|
2171
|
-
* @optional
|
|
2172
|
-
*
|
|
2173
|
-
* @description
|
|
2174
|
-
*
|
|
2175
|
-
* Array de ações (`PoDropdownAction`) usado para criar agrupadores de subitens (submenus).
|
|
2176
|
-
*
|
|
2177
|
-
* > Recomenda-se limitar a navegação a, no máximo, três níveis hierárquicos.
|
|
2178
|
-
*/
|
|
2179
|
-
subItems?: Array<PoDropdownAction>;
|
|
2180
2190
|
}
|
|
2181
2191
|
|
|
2182
2192
|
declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
|
|
@@ -4012,6 +4022,9 @@ declare class PoListBoxModule {
|
|
|
4012
4022
|
* O componente `po-popup` é um container pequeno recomendado para ações de navegação:
|
|
4013
4023
|
* Ele abre sobreposto aos outros componentes.
|
|
4014
4024
|
*
|
|
4025
|
+
* Suporta subníveis (submenus) quando as ações possuem a propriedade `subItems`,
|
|
4026
|
+
* habilitando navegação hierárquica automaticamente.
|
|
4027
|
+
*
|
|
4015
4028
|
* É possível escolher as posições do `po-popup` em relação ao componente alvo, para isto veja a propriedade `p-position`.
|
|
4016
4029
|
*
|
|
4017
4030
|
* Também é possível informar um _template_ _header_ para o `po-popup`, que será exibido acima das ações.
|
|
@@ -4081,7 +4094,7 @@ declare class PoPopupBaseComponent {
|
|
|
4081
4094
|
private _position?;
|
|
4082
4095
|
private _size?;
|
|
4083
4096
|
private _target;
|
|
4084
|
-
|
|
4097
|
+
get computedListboxSubitems(): boolean;
|
|
4085
4098
|
templateIcon: boolean;
|
|
4086
4099
|
/** Lista de ações que serão exibidas no componente. */
|
|
4087
4100
|
set actions(value: Array<PoPopupAction>);
|
|
@@ -4214,7 +4227,7 @@ declare class PoPopupBaseComponent {
|
|
|
4214
4227
|
closeEvent: EventEmitter<any>;
|
|
4215
4228
|
clickItem: EventEmitter<any>;
|
|
4216
4229
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupBaseComponent, never>;
|
|
4217
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "
|
|
4230
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; }, never, never, true, never>;
|
|
4218
4231
|
}
|
|
4219
4232
|
|
|
4220
4233
|
/**
|
|
@@ -5407,7 +5420,12 @@ declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
|
|
|
5407
5420
|
* Interface dos agrupamentos da coleção que será exibida no dropdown do `po-combo`.
|
|
5408
5421
|
*/
|
|
5409
5422
|
interface PoComboOptionGroup {
|
|
5410
|
-
/**
|
|
5423
|
+
/**
|
|
5424
|
+
* Título para cada grupo de opções.
|
|
5425
|
+
*
|
|
5426
|
+
* Recomendação: evite usar labels idênticos em diferentes grupos. Labels iguais podem
|
|
5427
|
+
* causar ambiguidade para usuários e dificultar a identificação/seleção dos itens.
|
|
5428
|
+
*/
|
|
5411
5429
|
label: string;
|
|
5412
5430
|
/** Lista de itens a serem exibidos. */
|
|
5413
5431
|
options: Array<PoComboOption>;
|
|
@@ -6175,6 +6193,8 @@ declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnI
|
|
|
6175
6193
|
getOptionFromValue(value: any, options: any): any;
|
|
6176
6194
|
getOptionFromLabel(label: any, options: any): any;
|
|
6177
6195
|
updateSelectedValue(option: any, isUpdateModel?: boolean): void;
|
|
6196
|
+
private isGroupTitle;
|
|
6197
|
+
private updateOptionsSelectedState;
|
|
6178
6198
|
callModelChange(value: any): any;
|
|
6179
6199
|
isEqual(value: any, inputValue: any): boolean;
|
|
6180
6200
|
mapSizeToIcon(size: string): string;
|
|
@@ -27426,11 +27446,13 @@ declare class PoGridModule {
|
|
|
27426
27446
|
*
|
|
27427
27447
|
* Interface que define as ações do componente `po-list-view`.
|
|
27428
27448
|
*
|
|
27429
|
-
* > As propriedades `separator`, `url` e `selected` serão vistas a partir da terceira ação e somente quando
|
|
27449
|
+
* > As propriedades `subItems`, `separator`, `url` e `selected` serão vistas a partir da terceira ação e somente quando
|
|
27430
27450
|
* definir quatro ações ou mais.
|
|
27431
27451
|
*
|
|
27432
27452
|
* @docsExtends PoPopupAction
|
|
27433
27453
|
*
|
|
27454
|
+
* @ignoreExtendedDescription
|
|
27455
|
+
*
|
|
27434
27456
|
* @usedBy PoListViewComponent
|
|
27435
27457
|
*/
|
|
27436
27458
|
interface PoListViewAction extends PoPopupAction {
|
|
Binary file
|