@po-ui/ng-templates 18.7.0 → 18.8.0

package/fesm2022/po-ui-ng-templates.mjs

@@ -6290,6 +6290,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     _hideCloseDisclaimers = [];
     _draggable = false;
     _spacing = PoTableColumnSpacing.Medium;
+    _virtualScroll = true;
     set defaultPageActions(value) {
         this._defaultPageActions = value;
         this.updatePageActions();
@@ -6519,6 +6520,8 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
      * o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
      * leitura clara.
      *
+     * > Incompatível com `virtual-scroll`, que requer altura fixa nas linhas.
+     *
      * @default `false`
      */
     textWrap = false;
@@ -6536,6 +6539,24 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     get draggable() {
         return this._draggable;
     }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Habilita o `virtual-scroll` na tabela para melhorar a performance com grandes volumes de dados.
+     * Requer altura (`p-height`) para funcionar corretamente.
+     *
+     * > Incompatível com `p-text-wrap` e `master-detail`, pois o `virtual-scroll` exige altura fixa nas linhas.
+     *
+     * @default `true`
+     */
+    set virtualScroll(value) {
+        this._virtualScroll = convertToBoolean(value && this.height > 0);
+    }
+    get virtualScroll() {
+        return this._virtualScroll;
+    }
     constructor(router, activatedRoute, poDialogService, poNotification, poPageDynamicService, poPageCustomizationService, poPageDynamicTableActionsService, languageService) {
         super();
         this.router = router;
@@ -7163,7 +7184,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         this.tableActions = newTableActions;
     }
     static ɵfac = function PoPageDynamicTableComponent_Factory(t) { return new (t || PoPageDynamicTableComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.PoDialogService), i0.ɵɵdirectiveInject(i2.PoNotificationService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(PoPageDynamicTableActionsService), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicTableComponent, selectors: [["po-page-dynamic-table"]], inputs: { onLoad: [0, "p-load", "onLoad"], keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], actionRight: [2, "p-actions-right", "actionRight", convertToBoolean], concatFilters: [2, "p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: [2, "p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: [2, "p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: [2, "p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: [0, "p-actions", "actions"], pageCustomActions: [0, "p-page-custom-actions", "pageCustomActions"], tableCustomActions: [0, "p-table-custom-actions", "tableCustomActions"], quickSearchWidth: [0, "p-quick-search-width", "quickSearchWidth"], height: [0, "p-height", "height"], hideCloseDisclaimers: [0, "p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: [0, "p-quick-search-param", "quickSearchParam"], quickSearchValue: [0, "p-quick-search-value", "quickSearchValue"], searchLiterals: [0, "p-literals", "searchLiterals"], spacing: [0, "p-spacing", "spacing"], textWrap: [2, "p-text-wrap", "textWrap", convertToBoolean], draggable: [0, "p-draggable", "draggable"] }, features: [i0.ɵɵProvidersFeature([PoPageDynamicService]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 24, consts: [[3, "p-advanced-search", "p-change-disclaimers", "p-quick-search", "p-actions", "p-breadcrumb", "p-hide-close-disclaimers", "p-filters", "p-keep-filters", "p-literals", "p-concat-filters", "p-hide-remove-all-disclaimer", "p-quick-search-width", "p-title", "p-quick-search-value"], [3, "p-show-more", "p-sort-by", "p-change-visible-columns", "p-restore-column-manager", "p-sort", "p-actions", "p-actions-right", "p-selectable", "p-columns", "p-items", "p-height", "p-hide-columns-manager", "p-infinite-scroll", "p-show-more-disabled", "p-text-wrap", "p-draggable", "p-spacing"]], template: function PoPageDynamicTableComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicTableComponent, selectors: [["po-page-dynamic-table"]], inputs: { onLoad: [0, "p-load", "onLoad"], keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], actionRight: [2, "p-actions-right", "actionRight", convertToBoolean], concatFilters: [2, "p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: [2, "p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: [2, "p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: [2, "p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: [0, "p-actions", "actions"], pageCustomActions: [0, "p-page-custom-actions", "pageCustomActions"], tableCustomActions: [0, "p-table-custom-actions", "tableCustomActions"], quickSearchWidth: [0, "p-quick-search-width", "quickSearchWidth"], height: [0, "p-height", "height"], hideCloseDisclaimers: [0, "p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: [0, "p-quick-search-param", "quickSearchParam"], quickSearchValue: [0, "p-quick-search-value", "quickSearchValue"], searchLiterals: [0, "p-literals", "searchLiterals"], spacing: [0, "p-spacing", "spacing"], textWrap: [2, "p-text-wrap", "textWrap", convertToBoolean], draggable: [0, "p-draggable", "draggable"], virtualScroll: [0, "p-virtual-scroll", "virtualScroll"] }, features: [i0.ɵɵProvidersFeature([PoPageDynamicService]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 25, consts: [[3, "p-advanced-search", "p-change-disclaimers", "p-quick-search", "p-actions", "p-breadcrumb", "p-hide-close-disclaimers", "p-filters", "p-keep-filters", "p-literals", "p-concat-filters", "p-hide-remove-all-disclaimer", "p-quick-search-width", "p-title", "p-quick-search-value"], [3, "p-show-more", "p-sort-by", "p-change-visible-columns", "p-restore-column-manager", "p-sort", "p-actions", "p-actions-right", "p-selectable", "p-columns", "p-items", "p-height", "p-hide-columns-manager", "p-infinite-scroll", "p-show-more-disabled", "p-text-wrap", "p-draggable", "p-spacing", "p-virtual-scroll"]], template: function PoPageDynamicTableComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-page-dynamic-search", 0);
             i0.ɵɵlistener("p-advanced-search", function PoPageDynamicTableComponent_Template_po_page_dynamic_search_p_advanced_search_0_listener($event) { return ctx.onAdvancedSearch($event); })("p-change-disclaimers", function PoPageDynamicTableComponent_Template_po_page_dynamic_search_p_change_disclaimers_0_listener($event) { return ctx.onChangeDisclaimers($event); })("p-quick-search", function PoPageDynamicTableComponent_Template_po_page_dynamic_search_p_quick_search_0_listener($event) { return ctx.onQuickSearch($event); });
             i0.ɵɵelementStart(1, "po-table", 1);
@@ -7172,12 +7193,12 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-hide-close-disclaimers", ctx.hideCloseDisclaimers)("p-filters", ctx.filters)("p-keep-filters", ctx.keepFilters)("p-literals", ctx.searchLiterals)("p-concat-filters", ctx.concatFilters)("p-hide-remove-all-disclaimer", ctx.hideRemoveAllDisclaimer)("p-quick-search-width", ctx.quickSearchWidth)("p-title", ctx.title)("p-quick-search-value", ctx.quickSearchValue || "");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-sort", true)("p-actions", ctx.tableActions)("p-actions-right", ctx.actionRight)("p-selectable", ctx.enableSelectionTable)("p-columns", ctx.columns)("p-items", ctx.items)("p-height", ctx.height)("p-hide-columns-manager", ctx.hideColumnsManager)("p-infinite-scroll", ctx.infiniteScroll)("p-show-more-disabled", !ctx.hasNext)("p-text-wrap", ctx.textWrap)("p-draggable", ctx.draggable)("p-spacing", ctx.spacing);
+            i0.ɵɵproperty("p-sort", true)("p-actions", ctx.tableActions)("p-actions-right", ctx.actionRight)("p-selectable", ctx.enableSelectionTable)("p-columns", ctx.columns)("p-items", ctx.items)("p-height", ctx.height)("p-hide-columns-manager", ctx.hideColumnsManager)("p-infinite-scroll", ctx.infiniteScroll)("p-show-more-disabled", !ctx.hasNext)("p-text-wrap", ctx.textWrap)("p-draggable", ctx.draggable)("p-spacing", ctx.spacing)("p-virtual-scroll", ctx.virtualScroll);
         } }, dependencies: [i2.PoTableComponent, PoPageDynamicSearchComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicTableComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-dynamic-table', providers: [PoPageDynamicService], template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n" }]
+        args: [{ selector: 'po-page-dynamic-table', providers: [PoPageDynamicService], template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n" }]
     }], () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.PoDialogService }, { type: i2.PoNotificationService }, { type: PoPageDynamicService }, { type: PoPageCustomizationService }, { type: PoPageDynamicTableActionsService }, { type: i2.PoLanguageService }], { onLoad: [{
             type: Input,
             args: ['p-load']
@@ -7235,6 +7256,9 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         }], draggable: [{
             type: Input,
             args: ['p-draggable']
+        }], virtualScroll: [{
+            type: Input,
+            args: ['p-virtual-scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicTableComponent, { className: "PoPageDynamicTableComponent", filePath: "lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts", lineNumber: 151 }); })();