@c8y/ngx-components 1024.15.1 → 1024.15.13

package/fesm2022/c8y-ngx-components-widgets-implementations-asset-table.mjs

@@ -613,6 +613,28 @@ class DefaultAssetTableGridColumn extends CustomColumnExtended {
         this.cellRendererComponent = DefaultCellRendererComponent;
         this.filterable = true;
         this.sortable = true;
+        // The inherited value entries are optional, so blank ones stay valid on their own. Adding or
+        // removing an entry marks the form as dirty, which would enable "Apply" for a filter that has
+        // nothing to filter by. Wrapping the inherited fields in a key-less group keeps the model flat
+        // while letting a group validator require at least one actual value.
+        this.filteringConfig = {
+            ...this.filteringConfig,
+            fields: [
+                {
+                    fieldGroup: this.filteringConfig.fields,
+                    validators: {
+                        atLeastOneFilled: {
+                            expression: (formGroup) => !!formGroup.get('exists')?.value || this.hasValueEntry(formGroup),
+                            message: gettext('Specify at least one value.')
+                        }
+                    }
+                }
+            ]
+        };
+    }
+    hasValueEntry(formGroup) {
+        const entries = formGroup.get('equals')?.value ?? [];
+        return entries.some(entry => (typeof entry === 'string' ? entry.trim() !== '' : entry != null));
     }
 }
 
@@ -1705,11 +1727,11 @@ class AssetTableWidgetViewComponent {
             .subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: AssetTableWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: AssetTableWidgetViewComponent, isStandalone: true, selector: "c8y-asset-table-widget-view", inputs: { config: "config" }, host: { properties: { "class.hide-footer": "config?.displayOptions?.footer === false" } }, ngImport: i0, template: "@if (!config.widgetInstanceGlobalTimeContext) {\n  <c8y-widget-action>\n    <c8y-asset-table-auto-refresh\n      class=\"d-contents\"\n      [isIntervalRefresh]=\"!!config.refreshInterval\"\n      [refreshInterval]=\"config.refreshInterval\"\n      [config]=\"config\"\n      [isRefreshDisabled]=\"false\"\n      [isLoading]=\"isLoading$\"\n      (onCountdownEnded)=\"updateSelectedAssets()\"\n    ></c8y-asset-table-auto-refresh>\n  </c8y-widget-action>\n}\n<c8y-data-grid\n  class=\"content-fullpage d-flex d-col\"\n  [title]=\"config.title\"\n  [displayOptions]=\"config.displayOptions\"\n  [configureColumnsEnabled]=\"config.displayOptions.configurableColumnsEnabled ?? true\"\n  [columns]=\"columns\"\n  [serverSideDataCallback]=\"serverSideDataCallback\"\n  [pagination]=\"pagination\"\n  (onPageSizeChange)=\"pagination = $event.pagination\"\n  [refresh]=\"refresh\"\n  (onSort)=\"onGridSort($event)\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'search'\"\n    [title]=\"'No results to display.' | translate\"\n    [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</c8y-data-grid>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: i1.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: AssetTableAutoRefreshComponent, selector: "c8y-asset-table-auto-refresh", inputs: ["config", "isIntervalRefresh", "refreshInterval", "isLoading", "isScrolling", "isRefreshDisabled"], outputs: ["onCountdownEnded"] }, { kind: "component", type: WidgetActionWrapperComponent, selector: "c8y-widget-action" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: AssetTableWidgetViewComponent, isStandalone: true, selector: "c8y-asset-table-widget-view", inputs: { config: "config" }, host: { properties: { "class.hide-footer": "config?.displayOptions?.footer === false" } }, ngImport: i0, template: "@if (!config.widgetInstanceGlobalTimeContext) {\n  <c8y-widget-action>\n    <c8y-asset-table-auto-refresh\n      class=\"d-contents\"\n      [isIntervalRefresh]=\"!!config.refreshInterval\"\n      [refreshInterval]=\"config.refreshInterval\"\n      [config]=\"config\"\n      [isRefreshDisabled]=\"false\"\n      [isLoading]=\"isLoading$\"\n      (onCountdownEnded)=\"updateSelectedAssets()\"\n    ></c8y-asset-table-auto-refresh>\n  </c8y-widget-action>\n}\n<c8y-data-grid\n  class=\"content-fullpage d-flex d-col\"\n  [title]=\"config.title\"\n  [displayOptions]=\"config.displayOptions\"\n  [configureColumnsEnabled]=\"config.displayOptions?.configurableColumnsEnabled ?? true\"\n  [columns]=\"columns\"\n  [serverSideDataCallback]=\"serverSideDataCallback\"\n  [pagination]=\"pagination\"\n  (onPageSizeChange)=\"pagination = $event.pagination\"\n  [refresh]=\"refresh\"\n  (onSort)=\"onGridSort($event)\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'search'\"\n    [title]=\"'No results to display.' | translate\"\n    [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</c8y-data-grid>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: i1.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: AssetTableAutoRefreshComponent, selector: "c8y-asset-table-auto-refresh", inputs: ["config", "isIntervalRefresh", "refreshInterval", "isLoading", "isScrolling", "isRefreshDisabled"], outputs: ["onCountdownEnded"] }, { kind: "component", type: WidgetActionWrapperComponent, selector: "c8y-widget-action" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: AssetTableWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-asset-table-widget-view', standalone: true, imports: [CoreModule, RouterModule, AssetTableAutoRefreshComponent, WidgetActionWrapperComponent], host: { '[class.hide-footer]': 'config?.displayOptions?.footer === false' }, template: "@if (!config.widgetInstanceGlobalTimeContext) {\n  <c8y-widget-action>\n    <c8y-asset-table-auto-refresh\n      class=\"d-contents\"\n      [isIntervalRefresh]=\"!!config.refreshInterval\"\n      [refreshInterval]=\"config.refreshInterval\"\n      [config]=\"config\"\n      [isRefreshDisabled]=\"false\"\n      [isLoading]=\"isLoading$\"\n      (onCountdownEnded)=\"updateSelectedAssets()\"\n    ></c8y-asset-table-auto-refresh>\n  </c8y-widget-action>\n}\n<c8y-data-grid\n  class=\"content-fullpage d-flex d-col\"\n  [title]=\"config.title\"\n  [displayOptions]=\"config.displayOptions\"\n  [configureColumnsEnabled]=\"config.displayOptions.configurableColumnsEnabled ?? true\"\n  [columns]=\"columns\"\n  [serverSideDataCallback]=\"serverSideDataCallback\"\n  [pagination]=\"pagination\"\n  (onPageSizeChange)=\"pagination = $event.pagination\"\n  [refresh]=\"refresh\"\n  (onSort)=\"onGridSort($event)\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'search'\"\n    [title]=\"'No results to display.' | translate\"\n    [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</c8y-data-grid>\n" }]
+            args: [{ selector: 'c8y-asset-table-widget-view', standalone: true, imports: [CoreModule, RouterModule, AssetTableAutoRefreshComponent, WidgetActionWrapperComponent], host: { '[class.hide-footer]': 'config?.displayOptions?.footer === false' }, template: "@if (!config.widgetInstanceGlobalTimeContext) {\n  <c8y-widget-action>\n    <c8y-asset-table-auto-refresh\n      class=\"d-contents\"\n      [isIntervalRefresh]=\"!!config.refreshInterval\"\n      [refreshInterval]=\"config.refreshInterval\"\n      [config]=\"config\"\n      [isRefreshDisabled]=\"false\"\n      [isLoading]=\"isLoading$\"\n      (onCountdownEnded)=\"updateSelectedAssets()\"\n    ></c8y-asset-table-auto-refresh>\n  </c8y-widget-action>\n}\n<c8y-data-grid\n  class=\"content-fullpage d-flex d-col\"\n  [title]=\"config.title\"\n  [displayOptions]=\"config.displayOptions\"\n  [configureColumnsEnabled]=\"config.displayOptions?.configurableColumnsEnabled ?? true\"\n  [columns]=\"columns\"\n  [serverSideDataCallback]=\"serverSideDataCallback\"\n  [pagination]=\"pagination\"\n  (onPageSizeChange)=\"pagination = $event.pagination\"\n  [refresh]=\"refresh\"\n  (onSort)=\"onGridSort($event)\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'search'\"\n    [title]=\"'No results to display.' | translate\"\n    [subtitle]=\"'Refine your search terms or check your spelling.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</c8y-data-grid>\n" }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }] } });