@po-ui/ng-components 21.26.0 → 21.27.0

package/lib/components/po-header/interfaces/po-header-action-tool.interface.d.ts

@@ -91,6 +91,38 @@ export interface PoHeaderActionTool {
      *
      */
     link?: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da ação é aberto.
+     *
+     * Esse evento é disparado toda vez que o usuário clica no botão da ação e o popup (quando há `items`)
+     * ou o popover (quando há `popover`) é exibido.
+     *
+     * O callback recebe como parâmetro o `label` da ação que disparou o evento.
+     *
+     * Exemplo: `onOpen: (label) => console.log('Aberto:', label)`
+     */
+    onOpen?: (label?: string) => void;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da ação é fechado.
+     *
+     * Esse evento é disparado toda vez que o popup (quando há `items`) ou o popover (quando há `popover`)
+     * é ocultado, seja por clique fora do elemento ou por ação programática.
+     *
+     * O callback recebe como parâmetro o `label` da ação que disparou o evento.
+     *
+     * Exemplo: `onClose: (label) => console.log('Fechado:', label)`
+     */
+    onClose?: (label?: string) => void;
     $selected?: any;
 }
 /**

package/lib/components/po-header/interfaces/po-header-user.interface.d.ts

@@ -71,4 +71,32 @@ export interface PoHeaderUser {
      *
      */
     items?: Array<PoHeaderActionToolItem>;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da seção de Customer é aberto.
+     *
+     * Esse evento é disparado toda vez que o usuário clica no botão da seção de Customer e o popup
+     * (quando há `items`) ou o popover (quando há `popover`) é exibido.
+     *
+     * Exemplo: `onOpen: this.onOpenNotifications.bind(this)`
+     */
+    onOpen?: Function;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da seção de Customer é fechado.
+     *
+     * Esse evento é disparado toda vez que o popup (quando há `items`) ou o popover (quando há `popover`)
+     * é ocultado, seja por clique fora do elemento ou por ação programática.
+     *
+     * Exemplo: `onClose: this.onCloseNotifications.bind(this)`
+     */
+    onClose?: Function;
 }

package/lib/components/po-popup/po-popup-base.component.d.ts

@@ -210,4 +210,5 @@ export declare class PoPopupBaseComponent {
     get target(): any;
     closeEvent: EventEmitter<any>;
     clickItem: EventEmitter<any>;
+    openEvent: EventEmitter<any>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.26.0",
+  "version": "21.27.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.2.14",
-    "@po-ui/style": "21.26.0",
-    "@po-ui/ng-schematics": "21.26.0",
+    "@po-ui/style": "21.27.0",
+    "@po-ui/ng-schematics": "21.27.0",
     "driver.js": "~1.4.0",
     "echarts": "^6.1.0",
     "tslib": "^2.6.2"
@@ -39,7 +39,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.26.0",
+    "@po-ui/style": "21.27.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.15.0"
   },

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ function default_1(options) {
 }
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.26.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.27.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v14/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v15/index.js

@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
 const httpClientModuleName = 'HttpClientModule';
 const httpClientModuleSourcePath = '@angular/common/http';
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v16/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v17/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v18/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v19/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v2/index.js

@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV2() {
     return (0, schematics_1.chain)([
-        updatePackageJson('21.26.0', changes_1.dependeciesChanges),
+        updatePackageJson('21.27.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),

package/schematics/ng-update/v20/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v21/index.js

@@ -9,7 +9,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const changes_1 = require("./changes");
 function main() {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
     });
 }
 function default_1() {

package/schematics/ng-update/v3/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV3() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v4/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v5/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v6/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.26.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/types/po-ui-ng-components.d.ts

@@ -4282,8 +4282,9 @@ declare class PoPopupBaseComponent {
     get target(): any;
     closeEvent: EventEmitter<any>;
     clickItem: EventEmitter<any>;
+    openEvent: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupBaseComponent, never>;
-    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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "templateIcon": { "alias": "p-template-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; "openEvent": "p-open"; }, never, never, true, never>;
 }
 
 /**
@@ -38977,6 +38978,38 @@ interface PoHeaderActionTool {
      *
      */
     link?: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da ação é aberto.
+     *
+     * Esse evento é disparado toda vez que o usuário clica no botão da ação e o popup (quando há `items`)
+     * ou o popover (quando há `popover`) é exibido.
+     *
+     * O callback recebe como parâmetro o `label` da ação que disparou o evento.
+     *
+     * Exemplo: `onOpen: (label) => console.log('Aberto:', label)`
+     */
+    onOpen?: (label?: string) => void;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da ação é fechado.
+     *
+     * Esse evento é disparado toda vez que o popup (quando há `items`) ou o popover (quando há `popover`)
+     * é ocultado, seja por clique fora do elemento ou por ação programática.
+     *
+     * O callback recebe como parâmetro o `label` da ação que disparou o evento.
+     *
+     * Exemplo: `onClose: (label) => console.log('Fechado:', label)`
+     */
+    onClose?: (label?: string) => void;
     $selected?: any;
 }
 /**
@@ -39177,6 +39210,34 @@ interface PoHeaderUser {
      *
      */
     items?: Array<PoHeaderActionToolItem>;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da seção de Customer é aberto.
+     *
+     * Esse evento é disparado toda vez que o usuário clica no botão da seção de Customer e o popup
+     * (quando há `items`) ou o popover (quando há `popover`) é exibido.
+     *
+     * Exemplo: `onOpen: this.onOpenNotifications.bind(this)`
+     */
+    onOpen?: Function;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Função executada quando o popup ou popover da seção de Customer é fechado.
+     *
+     * Esse evento é disparado toda vez que o popup (quando há `items`) ou o popover (quando há `popover`)
+     * é ocultado, seja por clique fora do elemento ou por ação programática.
+     *
+     * Exemplo: `onClose: this.onCloseNotifications.bind(this)`
+     */
+    onClose?: Function;
 }
 
 /**