@po-ui/ng-components 19.39.12 → 19.39.13

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

@@ -1,7 +1,7 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { DecimalPipe } from '@angular/common';
-import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, IterableDiffers, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, IterableDiffers, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { PoDateService } from '../../services/po-date/po-date.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoNotificationService } from '../../services/po-notification/po-notification.service';
@@ -70,13 +70,18 @@ import * as i0 from "@angular/core";
  *  <file name="sample-po-table-draggable/sample-po-table-draggable.component.ts"> </file>
  * </example>
  */
-export declare class PoTableComponent extends PoTableBaseComponent implements AfterViewInit, DoCheck, OnDestroy, OnInit {
+export declare class PoTableComponent extends PoTableBaseComponent implements AfterViewChecked, AfterViewInit, DoCheck, OnDestroy, OnInit {
+    private readonly renderer;
     private changeDetector;
     private decimalPipe;
     private defaultService;
     tableRowTemplate: PoTableRowTemplateDirective;
     tableCellTemplate: PoTableCellTemplateDirective;
     tableColumnTemplates: QueryList<PoTableColumnTemplateDirective>;
+    virtualScrollWrapper: ElementRef;
+    headerScrollContainer: ElementRef;
+    headerTableElement: ElementRef;
+    bodyTableElement: ElementRef;
     noColumnsHeader: any;
     poPopupComponent: PoPopupComponent;
     modalDelete: PoModalComponent;
@@ -105,9 +110,10 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     idRadio: string;
     inputFieldValue: string;
     JSON: JSON;
-    newOrderColumns: Array<PoTableColumn>;
     sizeLoading: string;
     headerWidth: number;
+    headerTableScrollWidth: number;
+    computedColumnWidths: Array<string>;
     close: PoModalAction;
     confirm: PoModalAction;
     private _columnManagerTarget;
@@ -119,9 +125,23 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     private visibleElement;
     private scrollEvent$;
     private subscriptionScrollEvent;
-    private subscriptionService;
-    private clickListener;
-    private resizeListener;
+    private readonly subscriptionService;
+    private resizeObserver;
+    private scrollSyncListener;
+    private containerScrollSyncListener;
+    private virtualScrollOverflowConfigured;
+    private syncScheduled;
+    private lastColumnsKey;
+    private lastHeaderHeight;
+    private readonly SELECTOR_BODY_ROW;
+    private readonly SELECTOR_HEADER_CELLS;
+    private readonly SELECTOR_HEADER_MAIN_CELLS;
+    private readonly SELECTOR_BODY_CELLS;
+    private readonly SELECTOR_BODY_MAIN_CELLS;
+    private readonly SELECTOR_CDK_CONTENT_WRAPPER;
+    private readonly SELECTOR_FIXED_INNER_CONTAINER;
+    private readonly clickListener;
+    private readonly resizeListener;
     set columnManagerTarget(value: ElementRef);
     get columnManagerTarget(): ElementRef;
     set columnManagerTargetFixed(value: ElementRef);
@@ -144,10 +164,11 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     get hasVisibleSubtitleColumns(): boolean;
     get isSingleAction(): boolean;
     get isDraggable(): boolean;
-    get inverseOfTranslation(): string;
     ngOnInit(): void;
     changeHeaderWidth(): void;
     ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    private shouldScheduleVirtualScrollColumnSyncWithoutWidths;
     showMoreInfiniteScroll({ target }: {
         target: any;
     }): void;
@@ -302,6 +323,16 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     private setTableOpacity;
     private verifyChangeHeightInFooter;
     private toggleSelect;
+    private configureVirtualScrollOverflow;
+    private applyVirtualScrollStyles;
+    private registerScrollSyncListeners;
+    private syncHeaderScrollLeft;
+    private setupColumnWidthSync;
+    private clearColumnWidths;
+    private removeCellWidthStyles;
+    private syncColumnWidths;
+    private measureCellWidths;
+    private syncHeaderTableWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoTableComponent, "po-table", never, {}, {}, ["tableRowTemplate", "tableCellTemplate", "tableColumnTemplates"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "19.39.12",
+  "version": "19.39.13",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~19.2.19",
-    "@po-ui/style": "19.39.12",
-    "@po-ui/ng-schematics": "19.39.12",
+    "@po-ui/style": "19.39.13",
+    "@po-ui/ng-schematics": "19.39.13",
     "echarts": "^5.6.0",
     "tslib": "^2.6.2"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^19",
     "@angular/router": "^19",
     "@angular-devkit/schematics": "^19",
-    "@po-ui/style": "19.39.12",
+    "@po-ui/style": "19.39.13",
     "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', '19.39.12');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.39.13');
         // 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)('19.39.12', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('19.39.12', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('19.39.12', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('19.39.13', 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('19.39.12', changes_1.dependeciesChanges),
+        updatePackageJson('19.39.13', 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/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)('19.39.12', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', 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)('19.39.12', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.39.13', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {