@po-ui/ng-components 21.23.1 → 21.25.0

package/lib/components/po-button-group/po-button-group.component.d.ts

@@ -20,6 +20,11 @@ import { PoButtonGroupBaseComponent } from './po-button-group-base.component';
  *  <file name="sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts"> </file>
  * </example>
  *
+ * <example name="po-button-group-opening-service-ticket" title="PO Button Group - Opening Service Ticket">
+ *  <file name="sample-po-button-group-opening-service-ticket/sample-po-button-group-opening-service-ticket.component.html"> </file>
+ *  <file name="sample-po-button-group-opening-service-ticket/sample-po-button-group-opening-service-ticket.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-button-group-post" title="PO Button Group - Post">
  *  <file name="sample-po-button-group-post/sample-po-button-group-post.component.html"> </file>
  *  <file name="sample-po-button-group-post/sample-po-button-group-post.component.ts"> </file>

package/lib/components/po-helper/po-helper.component.d.ts

@@ -38,7 +38,6 @@ export declare class PoHelperComponent extends PoHelperBaseComponent implements
     protected readonly contentFragments: import("@angular/core").Signal<PoTextFragment[]>;
     constructor(cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
-    setPopoverPositionByScreen(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     openHelperPopover(): void;

package/lib/components/po-list-view/po-list-view.component.d.ts

@@ -30,15 +30,13 @@ export declare class PoListViewComponent extends PoListViewBaseComponent impleme
     listViewContentTemplate: PoListViewContentTemplateDirective;
     listViewDetailTemplate: PoListViewDetailTemplateDirective;
     poPopupComponent: PoPopupComponent;
+    popupActions: Array<PoListViewAction>;
     private readonly differ;
     constructor();
     get hasContentTemplate(): boolean;
     get hasDetailTemplate(): boolean;
     get displayShowMoreButton(): boolean;
-    get showButtonsActions(): boolean;
-    get showPopupActions(): boolean;
     get titleHasAction(): boolean;
-    get visibleActions(): PoListViewAction[];
     ngAfterContentInit(): void;
     ngDoCheck(): void;
     checkTitleType(item: any): "externalLink" | "internalLink" | "noLink";
@@ -48,6 +46,7 @@ export declare class PoListViewComponent extends PoListViewBaseComponent impleme
     trackBy(index: any): any;
     togglePopup(item: any, targetRef: HTMLElement): void;
     onAnimationEvent(event: AnimationEvent, detail: any): void;
+    protected getVisibleActions(item: any): Array<PoListViewAction>;
     private checkItemsChange;
     private initShowDetail;
 }

package/lib/components/po-page/po-page-content/po-page-content.component.d.ts

@@ -9,6 +9,7 @@ export declare class PoPageContentComponent extends PoPageContentBaseComponent i
     private readonly renderer;
     private readonly elementRef;
     private readonly ngZone;
+    private readonly cd;
     contentOpacity: number;
     height: string;
     constructor();

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

@@ -32,6 +32,18 @@ export declare class PoPopoverBaseComponent {
      */
     appendBox: boolean;
     cornerAligned: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o espaçamento (em pixels) entre o componente alvo (`p-target`) e o `po-popover`.
+     * Útil para componentes com targets pequenos (como ícones) onde o espaçamento padrão é
+     * proporcionalmente muito grande e cria desalinhamento visual.
+     *
+     * @default `8`
+     */
+    offset: number;
     /**
      * @description
      *

package/lib/components/po-popover/po-popover.component.d.ts

@@ -47,6 +47,7 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
     debounceResize(): void;
     open(): void;
     private showPopover;
+    private stabilizePopoverWidth;
     ensurePopoverPosition(): void;
     setOpacity(value: number): void;
     setPopoverPosition(): void;

package/lib/components/po-table/po-table.component.d.ts

@@ -347,6 +347,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     private hasInfiniteScroll;
     private includeInfiniteScroll;
     private mergeCustomIcons;
+    private initializeVisibleElement;
     private removeListeners;
     private setTableOpacity;
     private verifyChangeHeightInFooter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.23.1",
+  "version": "21.25.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -21,11 +21,11 @@
     ]
   },
   "dependencies": {
-    "@angular/cdk": "~21.2.4",
-    "@po-ui/style": "21.23.1",
-    "@po-ui/ng-schematics": "21.23.1",
+    "@angular/cdk": "~21.2.14",
+    "@po-ui/style": "21.25.0",
+    "@po-ui/ng-schematics": "21.25.0",
     "driver.js": "~1.4.0",
-    "echarts": "^5.6.0",
+    "echarts": "^6.1.0",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {
@@ -39,7 +39,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.23.1",
+    "@po-ui/style": "21.25.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.15.0"
   },
@@ -53,5 +53,6 @@
       "types": "./types/po-ui-ng-components.d.ts",
       "default": "./fesm2022/po-ui-ng-components.mjs"
     }
-  }
+  },
+  "type": "module"
 }

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.23.1');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.25.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.23.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.23.1', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.23.1', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.dependeciesChanges),
+        updatePackageJson('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.23.1', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.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.23.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.25.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

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

@@ -2491,6 +2491,18 @@ declare class PoPopoverBaseComponent {
      */
     appendBox: boolean;
     cornerAligned: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o espaçamento (em pixels) entre o componente alvo (`p-target`) e o `po-popover`.
+     * Útil para componentes com targets pequenos (como ícones) onde o espaçamento padrão é
+     * proporcionalmente muito grande e cria desalinhamento visual.
+     *
+     * @default `8`
+     */
+    offset: number;
     /**
      * @description
      *
@@ -2615,7 +2627,7 @@ declare class PoPopoverBaseComponent {
      */
     customClasses: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverBaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverBaseComponent, "po-popover-base", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "cornerAligned": { "alias": "p-corner-aligned"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "width": { "alias": "p-width"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "trigger": { "alias": "p-trigger"; "required": false; }; "customClasses": { "alias": "p-custom-classes"; "required": false; "isSignal": true; }; }, { "closePopover": "p-close"; "openPopover": "p-open"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverBaseComponent, "po-popover-base", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "cornerAligned": { "alias": "p-corner-aligned"; "required": false; }; "offset": { "alias": "p-offset"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "width": { "alias": "p-width"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "trigger": { "alias": "p-trigger"; "required": false; }; "customClasses": { "alias": "p-custom-classes"; "required": false; "isSignal": true; }; }, { "closePopover": "p-close"; "openPopover": "p-open"; }, never, never, false, never>;
     static ngAcceptInputType_appendBox: any;
 }
 
@@ -2665,6 +2677,7 @@ declare class PoPopoverComponent extends PoPopoverBaseComponent implements After
     debounceResize(): void;
     open(): void;
     private showPopover;
+    private stabilizePopoverWidth;
     ensurePopoverPosition(): void;
     setOpacity(value: number): void;
     setPopoverPosition(): void;
@@ -3363,7 +3376,6 @@ declare class PoHelperComponent extends PoHelperBaseComponent implements AfterVi
     protected readonly contentFragments: i0.Signal<PoTextFragment[]>;
     constructor(cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
-    setPopoverPositionByScreen(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     openHelperPopover(): void;
@@ -4620,6 +4632,11 @@ declare class PoButtonGroupBaseComponent {
  *  <file name="sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts"> </file>
  * </example>
  *
+ * <example name="po-button-group-opening-service-ticket" title="PO Button Group - Opening Service Ticket">
+ *  <file name="sample-po-button-group-opening-service-ticket/sample-po-button-group-opening-service-ticket.component.html"> </file>
+ *  <file name="sample-po-button-group-opening-service-ticket/sample-po-button-group-opening-service-ticket.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-button-group-post" title="PO Button Group - Post">
  *  <file name="sample-po-button-group-post/sample-po-button-group-post.component.html"> </file>
  *  <file name="sample-po-button-group-post/sample-po-button-group-post.component.ts"> </file>
@@ -11543,6 +11560,7 @@ declare class PoTableComponent extends PoTableBaseComponent implements AfterView
     private hasInfiniteScroll;
     private includeInfiniteScroll;
     private mergeCustomIcons;
+    private initializeVisibleElement;
     private removeListeners;
     private setTableOpacity;
     private verifyChangeHeightInFooter;
@@ -32876,15 +32894,13 @@ declare class PoListViewComponent extends PoListViewBaseComponent implements Aft
     listViewContentTemplate: PoListViewContentTemplateDirective;
     listViewDetailTemplate: PoListViewDetailTemplateDirective;
     poPopupComponent: PoPopupComponent;
+    popupActions: Array<PoListViewAction>;
     private readonly differ;
     constructor();
     get hasContentTemplate(): boolean;
     get hasDetailTemplate(): boolean;
     get displayShowMoreButton(): boolean;
-    get showButtonsActions(): boolean;
-    get showPopupActions(): boolean;
     get titleHasAction(): boolean;
-    get visibleActions(): PoListViewAction[];
     ngAfterContentInit(): void;
     ngDoCheck(): void;
     checkTitleType(item: any): "externalLink" | "internalLink" | "noLink";
@@ -32894,6 +32910,7 @@ declare class PoListViewComponent extends PoListViewBaseComponent implements Aft
     trackBy(index: any): any;
     togglePopup(item: any, targetRef: HTMLElement): void;
     onAnimationEvent(event: AnimationEvent, detail: any): void;
+    protected getVisibleActions(item: any): Array<PoListViewAction>;
     private checkItemsChange;
     private initShowDetail;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListViewComponent, never>;
@@ -34677,6 +34694,7 @@ declare class PoPageContentComponent extends PoPageContentBaseComponent implemen
     private readonly renderer;
     private readonly elementRef;
     private readonly ngZone;
+    private readonly cd;
     contentOpacity: number;
     height: string;
     constructor();