@smartsoft001/crud-shell-angular 1.1.722 → 1.1.724

package/bundles/smartsoft001-crud-shell-angular.umd.js

@@ -1411,43 +1411,97 @@
         { type: angular.MenuService }
     ]; };
 
+    var CrudListGroupService = /** @class */ (function () {
+        function CrudListGroupService(facade) {
+            this.facade = facade;
+            this._destroyed = [];
+        }
+        CrudListGroupService.prototype.change = function (val, item, groups, force) {
+            if (val || force) {
+                item.changed = true;
+                var current = this.facade.filter.query.find(function (q) { return q.key === item.key && q.type === '='; });
+                if (!current) {
+                    current = {
+                        key: item.key,
+                        type: "=",
+                        value: null
+                    };
+                    this.facade.filter.query.push(current);
+                }
+                current.value = item.value;
+                current.hidden = true;
+                this.facade.read(Object.assign(Object.assign({}, this.facade.filter), { offset: 0 }));
+            }
+        };
+        CrudListGroupService.prototype.destroy = function (groups) {
+            this._destroyed = __spreadArray(__spreadArray([], __read((this._destroyed ? this._destroyed : []))), __read(groups.filter(function (g) { return g.changed; })));
+            this.refresh();
+        };
+        CrudListGroupService.prototype.refresh = function () {
+            var list = this._destroyed;
+            this._destroyed = [];
+            var newQuery = this.facade.filter.query.filter(function (q) { return !list.some(function (i) { return q.key === i.key; }); });
+            this.facade.read(Object.assign(Object.assign({}, this.facade.filter), { query: newQuery }));
+        };
+        return CrudListGroupService;
+    }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
+    CrudListGroupService.decorators = [
+        { type: i0.Injectable }
+    ];
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
+    CrudListGroupService.ctorParameters = function () { return [
+        { type: CrudFacade }
+    ]; };
+    __decorate([
+        lodashDecorators.debounce(250),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CrudListGroupService.prototype, "refresh", null);
+
     var GroupComponent = /** @class */ (function (_super) {
         __extends(GroupComponent, _super);
-        function GroupComponent(styleService, elementRef, facade, cd) {
+        function GroupComponent(styleService, elementRef, facade, cd, groupService) {
             var _this = _super.call(this) || this;
             _this.styleService = styleService;
             _this.elementRef = elementRef;
             _this.facade = facade;
             _this.cd = cd;
+            _this.groupService = groupService;
             return _this;
         }
-        GroupComponent.prototype.change = function (val, item) {
+        GroupComponent.prototype.change = function (val, item, force) {
             var _this = this;
+            if (force === void 0) { force = false; }
             this.groups.filter(function (i) { return i.value !== item.value || i.key !== item.key; }).forEach(function (i) {
                 i.show = false;
             });
+            this.groupService.change(val, item, this.groups, force);
             if (val) {
-                var current = this.facade.filter.query.find(function (q) { return q.key === item.key && q.type === '='; });
-                if (!current) {
-                    current = {
-                        key: item.key,
-                        type: "=",
-                        value: null
-                    };
-                    this.facade.filter.query.push(current);
-                }
-                current.value = item.value;
-                current.hidden = true;
-                this.facade.read(Object.assign(Object.assign({}, this.facade.filter), { offset: 0 }));
                 setTimeout(function () {
                     item.show = val;
                     _this.cd.detectChanges();
                 });
             }
+            else {
+                item.show = val;
+                this.cd.detectChanges();
+            }
         };
         GroupComponent.prototype.ngOnInit = function () {
             this.styleService.init(this.elementRef);
         };
+        GroupComponent.prototype.ngOnDestroy = function () {
+            this.groupService.destroy(this.groups);
+            _super.prototype.ngOnDestroy.call(this);
+        };
         return GroupComponent;
     }(angular.BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
@@ -1469,7 +1523,8 @@
         { type: angular.StyleService },
         { type: i0.ElementRef },
         { type: CrudFacade },
-        { type: i0.ChangeDetectorRef }
+        { type: i0.ChangeDetectorRef },
+        { type: CrudListGroupService }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     GroupComponent.propDecorators = {
@@ -2957,8 +3012,14 @@
 
     var ListStandardComponent = /** @class */ (function (_super) {
         __extends(ListStandardComponent, _super);
-        function ListStandardComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+        function ListStandardComponent(facade, config) {
+            var _this = _super.call(this, config) || this;
+            _this.facade = facade;
+            _this.config = config;
+            _this.isSearch$ = _this.facade.filter$.pipe(operators.map(function (filter) {
+                return !!(filter === null || filter === void 0 ? void 0 : filter.searchText);
+            }));
+            return _this;
         }
         return ListStandardComponent;
     }(CrudListPageBaseComponent));
@@ -2966,10 +3027,24 @@
     ListStandardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "smart-crud-list-standard-page",
-                    template: "<smart-crud-filters-config></smart-crud-filters-config>\n<smart-list *ngIf=\"listOptions\" [hidden]=\"config.list?.groups\" [options]=\"listOptions\"></smart-list>\n<smart-crud-group *ngIf=\"config.list?.groups\" [groups]=\"config.list?.groups\" [listOptions]=\"listOptions\">\n</smart-crud-group>",
+                    template: "<smart-crud-filters-config></smart-crud-filters-config>\n<smart-list *ngIf=\"listOptions\"\n            [hidden]=\"!(!config.list?.groups || (isSearch$ | async))\"\n            [options]=\"listOptions\"\n></smart-list>\n<smart-crud-group *ngIf=\"config.list?.groups && !(isSearch$ | async)\"\n                  [groups]=\"config.list?.groups\"\n                  [listOptions]=\"listOptions\"\n>\n</smart-crud-group>",
+                    providers: [
+                        CrudListGroupService
+                    ],
                     styles: [""]
                 },] }
     ];
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
+    ListStandardComponent.ctorParameters = function () { return [
+        { type: CrudFacade },
+        { type: CrudFullConfig }
+    ]; };
 
     var PAGES = [
         ItemComponent,
@@ -3009,6 +3084,7 @@
                     entryComponents: __spreadArray([], __read(PAGES)),
                     providers: [
                         CrudService,
+                        CrudListGroupService,
                         PageService,
                         CrudEffects,
                         CrudFacade,
@@ -3054,6 +3130,7 @@
                     exports: [CrudComponentsModule],
                     providers: [
                         CrudService,
+                        CrudListGroupService,
                         PageService,
                         CrudEffects,
                         CrudFacade,
@@ -3190,14 +3267,15 @@
     exports["ɵn"] = FilterIntComponent;
     exports["ɵo"] = MultiselectComponent;
     exports["ɵp"] = GroupComponent;
-    exports["ɵq"] = SocketService;
-    exports["ɵr"] = NotSocketService;
-    exports["ɵs"] = ItemComponent;
-    exports["ɵt"] = ItemStandardComponent;
-    exports["ɵu"] = CrudItemPageBaseComponent;
-    exports["ɵv"] = ListComponent;
-    exports["ɵw"] = ListStandardComponent;
-    exports["ɵx"] = CrudListPageBaseComponent;
+    exports["ɵq"] = CrudListGroupService;
+    exports["ɵr"] = SocketService;
+    exports["ɵs"] = NotSocketService;
+    exports["ɵt"] = ItemComponent;
+    exports["ɵu"] = ItemStandardComponent;
+    exports["ɵv"] = CrudItemPageBaseComponent;
+    exports["ɵw"] = ListComponent;
+    exports["ɵx"] = ListStandardComponent;
+    exports["ɵy"] = CrudListPageBaseComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });