@smartsoft001/crud-shell-angular 1.1.639 → 1.1.644

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@ngrx/store'), require('@angular/core'), require('@smartsoft001/angular'), require('rxjs/operators'), require('@smartsoft001/models'), require('moment'), require('lodash-decorators'), require('@ionic/angular'), require('rxjs'), require('lodash'), require('@angular/forms'), require('@angular/common'), require('@angular/common/http'), require('reflect-metadata'), require('@angular/router'), require('@ngx-translate/core')) :
     typeof define === 'function' && define.amd ? define('@smartsoft001/crud-shell-angular', ['exports', '@ngrx/store', '@angular/core', '@smartsoft001/angular', 'rxjs/operators', '@smartsoft001/models', 'moment', 'lodash-decorators', '@ionic/angular', 'rxjs', 'lodash', '@angular/forms', '@angular/common', '@angular/common/http', 'reflect-metadata', '@angular/router', '@ngx-translate/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.smartsoft001 = global.smartsoft001 || {}, global.smartsoft001["crud-shell-angular"] = {}), global.store, global.ng.core, global.angular, global.rxjs.operators, global.models, global.moment, global.lodashDecorators, global.angular$1, global.rxjs, global._, global.ng.forms, global.ng.common, global.ng.common.http, null, global.ng.router, global.core$1));
-})(this, (function (exports, store, core, angular, operators, models, moment, lodashDecorators, angular$1, rxjs, _, forms, common, http, reflectMetadata, router, core$1) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.smartsoft001 = global.smartsoft001 || {}, global.smartsoft001["crud-shell-angular"] = {}), global.store, global.ng.core, global.angular, global.rxjs.operators, global.models, global.moment, global.lodashDecorators, global.angular$1, global.rxjs, global._, global.ng.forms, global.ng.common, global.ng.common.http, null, global.ng.router, global.core));
+})(this, (function (exports, store, i0, angular, operators, models, moment, lodashDecorators, angular$1, rxjs, _, forms, common, http, reflectMetadata, router, core) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -22,6 +22,7 @@
         return Object.freeze(n);
     }
 
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
 
@@ -354,7 +355,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudConfig.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     var CrudFullConfig = /** @class */ (function (_super) {
         __extends(CrudFullConfig, _super);
@@ -365,7 +366,7 @@
     }(CrudConfig));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudFullConfig.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
 
     /*
@@ -662,7 +663,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudFacade.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -712,7 +713,7 @@
     }(angular.BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ExportComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-export',
                     template: "<div class=\"smart-content\">\n    <p>\n        <smart-button [options]=\"buttonExportCsvOptions\">CSV</smart-button>\n    </p>\n    <p>\n        <smart-button [options]=\"buttonExportXlsxOptions\">XLSX</smart-button>\n    </p>\n</div>",
                     styles: [".smart-content{padding:1.2rem}.smart-content p{margin:.6rem 0}.smart-content smart-button{width:100%;display:block}\n"]
@@ -729,7 +730,7 @@
         { type: CrudFacade },
         { type: angular.PopoverService },
         { type: angular.StyleService },
-        { type: core.ElementRef }
+        { type: i0.ElementRef }
     ]; };
 
     var FilterComponent = /** @class */ (function () {
@@ -741,7 +742,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "smart-crud-filter",
                     template: "<ion-item [ngSwitch]=\"item.fieldType\">\n  <smart-crud-filter-date\n          *ngSwitchCase=\"FieldType.date\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-date>\n\n  <smart-crud-filter-date-with-edit\n          *ngSwitchCase=\"FieldType.dateWithEdit\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-date-with-edit>\n\n  <smart-crud-filter-radio\n          *ngSwitchCase=\"FieldType.radio\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-radio>\n\n  <smart-crud-filter-check\n          *ngSwitchCase=\"FieldType.check\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-check>\n\n  <smart-crud-filter-flag\n          *ngSwitchCase=\"FieldType.flag\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-flag>\n\n  <smart-crud-filter-text\n    *ngSwitchDefault\n    [item]=\"item\"\n    [filter]=\"filter\"\n  ></smart-crud-filter-text>\n</ion-item>\n",
                     styles: [""]
@@ -757,8 +758,8 @@
     FilterComponent.ctorParameters = function () { return []; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FilterComponent.propDecorators = {
-        item: [{ type: core.Input }],
-        filter: [{ type: core.Input }]
+        item: [{ type: i0.Input }],
+        filter: [{ type: i0.Input }]
     };
 
     /**
@@ -772,7 +773,7 @@
     /**
      * @deprecated - please, use MODEL_POSSIBILITIES_PROVIDER from @smartsoft001/angular
      */
-    var CRUD_MODEL_POSSIBILITIES_PROVIDER = new core.InjectionToken("CRUD_MODEL_POSSIBILITIES_PROVIDER");
+    var CRUD_MODEL_POSSIBILITIES_PROVIDER = new i0.InjectionToken("CRUD_MODEL_POSSIBILITIES_PROVIDER");
 
     var BaseComponent = /** @class */ (function () {
         function BaseComponent(facade, config, modelPossibilitiesProvider) {
@@ -867,7 +868,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseComponent.decorators = [
-        { type: core.Directive }
+        { type: i0.Directive }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -879,12 +880,12 @@
     BaseComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: CrudConfig },
-        { type: ICrudModelPossibilitiesProvider, decorators: [{ type: core.Optional }, { type: core.Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
+        { type: ICrudModelPossibilitiesProvider, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     BaseComponent.propDecorators = {
-        item: [{ type: core.Input }],
-        filter: [{ type: core.Input }]
+        item: [{ type: i0.Input }],
+        filter: [{ type: i0.Input }]
     };
     __decorate([
         lodashDecorators.Debounce(500),
@@ -914,7 +915,7 @@
     }(BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterDateComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-date',
                     template: "<ion-row>\n    <ion-col>\n        <ion-label position=\"floating\">\n            {{ item.label | translate }}\n        </ion-label>\n        <ion-datetime displayFormat=\"YYYY-MM-DD\"\n                      pickerFormat=\"YYYY-MM-DD\"\n                      [(ngModel)]=\"customValue\"></ion-datetime>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
                     styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
@@ -952,7 +953,7 @@
     }(FilterDateComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterDateWithEditComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-date-with-edit',
                     template: "<ion-row>\n    <ion-col>\n        <ion-label position=\"floating\">\n            {{ item.label | translate }}\n        </ion-label>\n\n        <ion-input placeholder=\"YYYY-MM-DD\"\n                   [(ngModel)]=\"customValue\"\n                   [pattern]=\"'([12]\\\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01]))'\"\n        ></ion-input>\n        <ion-datetime [hidden]=\"true\"\n                      displayFormat=\"YYYY-MM-DD\"\n                      pickerFormat=\"YYYY-MM-DD\"\n                      [(ngModel)]=\"customValue\"></ion-datetime>\n    </ion-col>\n    <ion-col size=\"auto\">\n        <ion-button (click)=\"open()\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"calendar-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
                     styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
@@ -960,7 +961,7 @@
     ];
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FilterDateWithEditComponent.propDecorators = {
-        dateTimePicker: [{ type: core.ViewChild, args: [angular$1.IonDatetime, { read: angular$1.IonDatetime, static: false },] }]
+        dateTimePicker: [{ type: i0.ViewChild, args: [angular$1.IonDatetime, { read: angular$1.IonDatetime, static: false },] }]
     };
 
     var FilterRadioComponent = /** @class */ (function (_super) {
@@ -972,7 +973,7 @@
     }(BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterRadioComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-radio',
                     template: "<ion-row>\n    <ion-col>\n        <ion-radio-group [(ngModel)]=\"value\">\n            <ion-item-divider>\n                <ion-icon slot=\"start\" name=\"filter-outline\"></ion-icon>\n                <ion-label>\n                    {{ item.label | translate }}\n                </ion-label>\n                <ion-button *ngIf=\"value\" slot=\"end\" color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n                    <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n                </ion-button>\n            </ion-item-divider>\n\n            <ion-item *ngFor=\"let item of possibilities$ | async\">\n                <ion-label>{{ item.text | translate }}</ion-label>\n                <ion-radio [value]=\"item.id\"></ion-radio>\n            </ion-item>\n        </ion-radio-group>\n    </ion-col>\n    <!-- <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col> -->\n</ion-row>",
                     styles: [":host{width:100%;margin-bottom:1.2rem}:host ion-radio{margin-right:2.4rem}:host ion-item-divider{font-weight:300;--padding-end: .8rem;font-size:1.2rem;--ion-background-color: linear-gradient(90deg, transparent, var(--ion-color-light))}:host ion-item-divider ion-icon{margin-right:1.6rem;font-size:1.6rem;--color: var(--ion-color-primary)}:host ion-item-divider ion-label{--padding: var(--smart-button-padding-left)/2 var(--smart-button-padding-top)/2 var(--smart-button-padding-right)/2 var(--smart-button-padding-bottom)/2}:host ion-item-divider .squere-button{margin:0;font-size:18px;height:36px;width:36px;padding:0;--padding-start: .2em;--padding-end: .2em}:host ion-item-divider .squere-button ion-icon{margin:0;padding:0}\n"]
@@ -988,7 +989,7 @@
     }(BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterTextComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-text',
                     template: "<ion-row>\n    <ion-col>\n        <ion-label position=\"floating\">\n            {{ item.label | translate }}\n        </ion-label>\n        <ion-input [(ngModel)]=\"value\"></ion-input>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
                     styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
@@ -1004,7 +1005,7 @@
     }(BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterFlagComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-flag',
                     template: "<ion-row>\n    <ion-col>\n        <div class=\"flag-container\">\n            <ion-label position=\"static\">\n                {{ item.label | translate }}\n            </ion-label>\n            <ion-checkbox [(ngModel)]=\"value\" slot=\"end\"></ion-checkbox>\n        </div>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
                     styles: [":host{width:100%}:host .flag-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:0 1.2rem 0 0}:host .flag-container ion-label{--color: var(--smart-color-dark);vertical-align:middle;padding:1.6rem 0}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
@@ -1040,7 +1041,7 @@
     }(BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterCheckComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-check',
                     template: "<ion-row>\n    <ion-col>\n        <ion-item-divider>\n            <ion-icon slot=\"start\" name=\"filter-outline\"></ion-icon>\n            <ion-label>\n                {{ item.label | translate }}\n            </ion-label>\n            <ion-button *ngIf=\"value && value.length\" slot=\"end\" color=\"danger\" (click)=\"refresh([])\" class=\"squere-button\">\n                <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n            </ion-button>\n        </ion-item-divider>\n        <ion-item *ngFor=\"let entry of list$ | async\">\n            <ion-label>{{entry.value.text | translate}}</ion-label>\n            <ion-checkbox slot=\"end\" [checked]=\"entry.isCheck\" (ionChange)=\"onCheckChange($event.detail.checked, entry)\"></ion-checkbox>\n        </ion-item>\n    </ion-col>\n    <!-- <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col> -->\n</ion-row>",
                     styles: [":host{width:100%;margin-bottom:1.2rem}:host ion-radio{margin-right:2.4rem}:host ion-item-divider{font-weight:300;--padding-end: .8rem;font-size:1.2rem;--ion-background-color: linear-gradient(90deg, transparent, var(--ion-color-light))}:host ion-item-divider ion-icon{margin-right:1.6rem;font-size:1.6rem;--color: var(--ion-color-primary)}:host ion-item-divider ion-label{--padding: var(--smart-button-padding-left)/2 var(--smart-button-padding-top)/2 var(--smart-button-padding-right)/2 var(--smart-button-padding-bottom)/2}:host ion-item-divider .squere-button{margin:0;font-size:18px;height:36px;width:36px;padding:0;--padding-start: .2em;--padding-end: .2em}:host ion-item-divider .squere-button ion-icon{margin:0;padding:0}\n"]
@@ -1144,7 +1145,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FiltersComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filters',
                     template: "<ion-header [hidden]=\"hideMenu\">\n    <ion-toolbar>\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"onClose()\">\n                <ion-icon slot=\"icon-only\" name=\"close\"> </ion-icon>\n            </ion-button>\n        </ion-buttons>\n        <ion-title>{{ 'filters' | translate }}</ion-title>\n    </ion-toolbar>\n</ion-header>\n<div class=\"filter-content\">\n    <ng-container *ngIf=\"filter$ | async; let filter\">\n        <ng-container *ngFor=\"let item of list\">\n            <smart-crud-filter [item]=\"item\" [filter]=\"filter\"></smart-crud-filter>\n        </ng-container>\n    </ng-container>\n    <div class=\"menu-bottom-space\">\n        &nbsp;\n    </div>\n</div>",
                     styles: [":host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}ion-modal :host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}@media only screen and (max-width: 992px){:host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}ion-modal :host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));color:var(--ion-color-dark)}}@media only screen and (max-width: 420px){:host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}ion-modal :host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));color:var(--ion-color-dark)}}:host ion-toolbar.ios{height:4.6rem;--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}@media only screen and (max-width: 992px){:host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}:host ion-toolbar.ios ion-title{text-align:left;padding-left:5.2rem}:host ion-toolbar.ios ion-icon{color:var(--ion-color-light)}}@media only screen and (max-width: 420px){:host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}:host ion-toolbar.ios ion-title{text-align:left;padding-left:5.2rem}:host ion-toolbar.ios ion-icon{color:var(--ion-color-light)}}.modal-wrapper :host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}@media only screen and (max-width: 992px){.modal-wrapper :host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-title{text-align:left;padding-left:1.2rem}.modal-wrapper :host ion-toolbar.ios ion-icon{color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-buttons{margin:0}}@media only screen and (max-width: 420px){.modal-wrapper :host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-title{text-align:left;padding-left:1.2rem}.modal-wrapper :host ion-toolbar.ios ion-icon{color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-buttons{margin:0}}:host ion-toolbar.ios.toolbar-searchbar ion-buttons{height:var(--smart-button-height);margin:.4rem}:host ion-toolbar ion-menu-button{color:var(--ion-color-light)}:host ion-toolbar ion-buttons.ios{height:var(--smart-button-height);margin:0}:host .filter-content{display:block;overflow:auto;overflow-x:hidden}:host .menu-bottom-space{height:75px}\n"]
@@ -1162,11 +1163,11 @@
         { type: CrudConfig },
         { type: CrudFacade },
         { type: angular.StyleService },
-        { type: core.ElementRef }
+        { type: i0.ElementRef }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FiltersComponent.propDecorators = {
-        hideMenu: [{ type: core.Input }]
+        hideMenu: [{ type: i0.Input }]
     };
 
     var FiltersConfigComponent = /** @class */ (function () {
@@ -1193,7 +1194,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FiltersConfigComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-filters-config',
                     template: " <ng-container *ngIf=\"query$ | async; let query\">\n    <ion-toolbar *ngIf=\"query?.length\">\n        <ion-chip *ngFor=\"let item of query\" (click)=\"onRemoveQuery(item)\" color=\"medium\" outline=\"true\">\n            <ion-icon name=\"filter-circle-outline\" color=\"primary\"></ion-icon>\n            <ion-label>{{ 'MODEL.' + item.key | translate }} {{ item.type }} {{ item.value | translate }}</ion-label>\n            <ion-icon name=\"close\" color=\"danger\"></ion-icon>\n        </ion-chip>\n    </ion-toolbar>\n</ng-container>",
                     styles: [":host ion-label{font-size:calc(var(--default-font-size) - 2px)}\n"]
@@ -1209,7 +1210,7 @@
     FiltersConfigComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: angular.StyleService },
-        { type: core.ElementRef }
+        { type: i0.ElementRef }
     ]; };
 
     var MultiselectComponent = /** @class */ (function () {
@@ -1279,7 +1280,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MultiselectComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-multiselect',
                     template: "<ng-container *ngIf=\"list$ | async; let list\">\n    <ion-header>\n        <ion-toolbar>\n            <ion-buttons slot=\"end\">\n                <ion-button (click)=\"onClose()\">\n                    <ion-icon slot=\"icon-only\" name=\"close\"> </ion-icon>\n                </ion-button>\n            </ion-buttons>\n            <ion-title>{{ 'selected' | translate }}: {{ list?.length }}</ion-title>\n        </ion-toolbar>\n    </ion-header>\n\n    <div *ngIf=\"item\">\n        <smart-form [options]=\"item | smartFormOptions : 'multiUpdate' : config.type\" (valuePartialChange)=\"onPartialChange($event, list)\" (validChange)=\"onValidChange($event)\"></smart-form>\n\n        <smart-button style=\"float: right\" [disabled]=\"lock || !valid\" [options]=\"buttonOptions\">{{ 'change' | translate }}</smart-button>\n    </div>\n</ng-container>",
                     styles: [":host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}@media only screen and (max-width: 992px){:host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}}@media only screen and (max-width: 420px){:host ion-toolbar{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}}:host ion-toolbar.ios{height:4.6rem;--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}@media only screen and (max-width: 992px){:host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}:host ion-toolbar.ios ion-title{text-align:left;padding-left:5.2rem}:host ion-toolbar.ios ion-icon{color:var(--ion-color-light)}}@media only screen and (max-width: 420px){:host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-primary), var(--ion-color-tertiary));--color: var(--ion-color-light)}:host ion-toolbar.ios ion-title{text-align:left;padding-left:5.2rem}:host ion-toolbar.ios ion-icon{color:var(--ion-color-light)}}.modal-wrapper :host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));--color: var(--ion-color-dark)}@media only screen and (max-width: 992px){.modal-wrapper :host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-title{text-align:left;padding-left:1.2rem}.modal-wrapper :host ion-toolbar.ios ion-icon{color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-buttons{margin:0}}@media only screen and (max-width: 420px){.modal-wrapper :host ion-toolbar.ios{--background: linear-gradient(33deg, var(--ion-color-light), var(--ion-color-light-shade));color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-title{text-align:left;padding-left:1.2rem}.modal-wrapper :host ion-toolbar.ios ion-icon{color:var(--ion-color-dark)}.modal-wrapper :host ion-toolbar.ios ion-buttons{margin:0}}:host ion-toolbar ion-menu-button{color:var(--ion-color-light)}:host ion-toolbar ion-buttons.ios{height:var(--smart-button-height);margin:0}\n"]
@@ -1339,7 +1340,7 @@
     }(angular.BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     GroupComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: 'smart-crud-group',
                     template: "<smart-accordion *ngFor=\"let item of groups\" [(show)]=\"item.show\" (showChange)=\"change($event, item)\">\n    <smart-accordion-header [ngClass]=\"{ 'accordion-show': item.show }\">{{ item.text | translate }}</smart-accordion-header>\n    <smart-accordion-body>\n        <smart-list *ngIf=\"item.show && !item.children && listOptions\" [options]=\"listOptions\"></smart-list>\n        <div *ngIf=\"item.children\" style=\"margin-left: 50px\">\n            <smart-crud-group [groups]=\"item.children\" [listOptions]=\"listOptions\"></smart-crud-group>\n        </div>\n    </smart-accordion-body>\n</smart-accordion>\n<br/><br/><br/>",
                     styles: [".accordion-show{font-weight:bolder}\n"]
@@ -1354,14 +1355,14 @@
      */
     GroupComponent.ctorParameters = function () { return [
         { type: angular.StyleService },
-        { type: core.ElementRef },
+        { type: i0.ElementRef },
         { type: CrudFacade },
-        { type: core.ChangeDetectorRef }
+        { type: i0.ChangeDetectorRef }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     GroupComponent.propDecorators = {
-        groups: [{ type: core.Input }],
-        listOptions: [{ type: core.Input }]
+        groups: [{ type: i0.Input }],
+        listOptions: [{ type: i0.Input }]
     };
 
     var SocketService = /** @class */ (function () {
@@ -1371,7 +1372,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     SocketService.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     var NotSocketService = /** @class */ (function () {
         function NotSocketService() {
@@ -1380,7 +1381,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     NotSocketService.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
 
     var FormOptionsPipe = /** @class */ (function () {
@@ -1423,7 +1424,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FormOptionsPipe.decorators = [
-        { type: core.Pipe, args: [{
+        { type: i0.Pipe, args: [{
                     name: "smartFormOptions",
                 },] }
     ];
@@ -1435,7 +1436,7 @@
      * @nocollapse
      */
     FormOptionsPipe.ctorParameters = function () { return [
-        { type: ICrudModelPossibilitiesProvider, decorators: [{ type: core.Optional }, { type: core.Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
+        { type: ICrudModelPossibilitiesProvider, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
     ]; };
 
     var CrudPipesModule = /** @class */ (function () {
@@ -1445,7 +1446,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudPipesModule.decorators = [
-        { type: core.NgModule, args: [{
+        { type: i0.NgModule, args: [{
                     declarations: [
                         FormOptionsPipe
                     ],
@@ -1572,7 +1573,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudService.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -1584,7 +1585,7 @@
     CrudService.ctorParameters = function () { return [
         { type: CrudConfig },
         { type: http.HttpClient },
-        { type: SocketService, decorators: [{ type: core.Optional }] }
+        { type: SocketService, decorators: [{ type: i0.Optional }] }
     ]; };
 
     var CrudEffects = /** @class */ (function () {
@@ -1741,7 +1742,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudEffects.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -1818,7 +1819,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudListPaginationFactory.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -1852,7 +1853,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudComponentsModule.decorators = [
-        { type: core.NgModule, args: [{
+        { type: i0.NgModule, args: [{
                     declarations: __spreadArray([], __read(COMPONENTS)),
                     entryComponents: __spreadArray([], __read(COMPONENTS)),
                     imports: [
@@ -1995,7 +1996,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     PageService.decorators = [
-        { type: core.Injectable }
+        { type: i0.Injectable }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -2009,9 +2010,55 @@
         { type: CrudFullConfig }
     ]; };
 
+    var CrudSearchService = /** @class */ (function () {
+        function CrudSearchService() {
+            this._filterSource = new rxjs.BehaviorSubject(null);
+            this._enabledSource = new rxjs.BehaviorSubject(false);
+            this.enabled$ = this._enabledSource.asObservable();
+            this.filter$ = rxjs.combineLatest([
+                this._filterSource.asObservable(), this.enabled$
+            ]).pipe(operators.map(function (_a) {
+                var _b = __read(_a, 2), filter = _b[0], enabled = _b[1];
+                if (!enabled)
+                    return {};
+                return filter;
+            }));
+        }
+        Object.defineProperty(CrudSearchService.prototype, "filter", {
+            get: function () {
+                if (!this._enabledSource.value)
+                    return {};
+                return this._filterSource.value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CrudSearchService.prototype, "enabled", {
+            get: function () {
+                return this._enabledSource.value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CrudSearchService.prototype.setFilter = function (val) {
+            this._filterSource.next(val);
+        };
+        CrudSearchService.prototype.setEnabled = function (val) {
+            this._enabledSource.next(val);
+        };
+        return CrudSearchService;
+    }());
+    /** @nocollapse */ CrudSearchService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function CrudSearchService_Factory() { return new CrudSearchService(); }, token: CrudSearchService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
+    CrudSearchService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+
     var ListComponent = /** @class */ (function (_super) {
         __extends(ListComponent, _super);
-        function ListComponent(facade, router, dynamicComponentLoader, injector, cd, menuService, hardwareService, paginationFacade, styleService, elementRef, pageService, config, moduleRef, componentFactoryResolver) {
+        function ListComponent(facade, router, dynamicComponentLoader, injector, cd, menuService, hardwareService, paginationFacade, styleService, elementRef, pageService, config, searchService, moduleRef, componentFactoryResolver) {
             var _this = _super.call(this, cd, moduleRef, componentFactoryResolver) || this;
             _this.facade = facade;
             _this.router = router;
@@ -2025,12 +2072,13 @@
             _this.elementRef = elementRef;
             _this.pageService = pageService;
             _this.config = config;
+            _this.searchService = searchService;
             _this.moduleRef = moduleRef;
             _this.componentFactoryResolver = componentFactoryResolver;
             _this.filter$ = _this.facade.filter$.pipe(operators.tap(function (filter) {
                 _this.filter = filter;
             }));
-            _this.dynamicContents = new core.QueryList();
+            _this.dynamicContents = new i0.QueryList();
             _this.facade.links$.pipe(_this.takeUntilDestroy).subscribe(function (links) {
                 _this.links = links;
             });
@@ -2050,23 +2098,10 @@
                         case 1:
                             _h.sent();
                             if (this.config.list.resetQuery === 'beforeInit') {
-                                this.facade.read({
-                                    query: __spreadArray([], __read(this.config.baseQuery)),
-                                    paginationMode: this.config.list.paginationMode,
-                                    limit: this.config.pagination ? this.config.pagination.limit : null,
-                                    offset: this.config.pagination ? 0 : null,
-                                    sortBy: this.config.sort ? this.config.sort["default"] : null,
-                                    sortDesc: this.config.sort ? this.config.sort["defaultDesc"] : null,
-                                });
+                                this.facade.read(Object.assign({ query: __spreadArray([], __read(this.config.baseQuery)), paginationMode: this.config.list.paginationMode, limit: this.config.pagination ? this.config.pagination.limit : null, offset: this.config.pagination ? 0 : null, sortBy: this.config.sort ? this.config.sort["default"] : null, sortDesc: this.config.sort ? this.config.sort["defaultDesc"] : null }, this.searchService.filter));
                             }
                             else {
-                                this.facade.read({
-                                    paginationMode: this.config.list.paginationMode,
-                                    limit: this.config.pagination ? this.config.pagination.limit : null,
-                                    offset: this.config.pagination ? 0 : null,
-                                    sortBy: this.config.sort ? this.config.sort["default"] : null,
-                                    sortDesc: this.config.sort ? this.config.sort["defaultDesc"] : null,
-                                });
+                                this.facade.read(Object.assign({ paginationMode: this.config.list.paginationMode, limit: this.config.pagination ? this.config.pagination.limit : null, offset: this.config.pagination ? 0 : null, sortBy: this.config.sort ? this.config.sort["default"] : null, sortDesc: this.config.sort ? this.config.sort["defaultDesc"] : null }, this.searchService.filter));
                             }
                             endButtons = this.getEndButtons();
                             this.pageOptions = {
@@ -2324,7 +2359,7 @@
     }(angular.CreateDynamicComponent('crud-list-page')));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ListComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "smart-crud-list-page",
                     template: "\n    <smart-page [options]=\"pageOptions\" *ngIf=\"filter$ | async\">\n      <div #topTpl></div>\n      <smart-crud-list-standard-page *ngIf=\"template === 'default'\" [listOptions]=\"listOptions\">\n      <ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n      </smart-crud-list-standard-page>\n      <ng-template #contentTpl>\n        <ng-content></ng-content>\n      </ng-template>\n      <div class=\"dynamic-content\"></div>\n    </smart-page>\n  "
                 },] }
@@ -2340,23 +2375,24 @@
         { type: CrudFacade },
         { type: router.Router },
         { type: angular.DynamicComponentLoader },
-        { type: core.Injector },
-        { type: core.ChangeDetectorRef },
+        { type: i0.Injector },
+        { type: i0.ChangeDetectorRef },
         { type: angular.MenuService },
         { type: angular.HardwareService },
         { type: CrudListPaginationFactory },
         { type: angular.StyleService },
-        { type: core.ElementRef },
+        { type: i0.ElementRef },
         { type: PageService },
         { type: CrudFullConfig },
-        { type: core.NgModuleRef },
-        { type: core.ComponentFactoryResolver }
+        { type: CrudSearchService },
+        { type: i0.NgModuleRef },
+        { type: i0.ComponentFactoryResolver }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ListComponent.propDecorators = {
-        topTpl: [{ type: core.ViewChild, args: ["topTpl", { read: core.ViewContainerRef, static: false },] }],
-        contentTpl: [{ type: core.ViewChild, args: ["contentTpl", { read: core.TemplateRef, static: false },] }],
-        dynamicContents: [{ type: core.ViewChildren, args: [angular.DynamicContentDirective, { read: angular.DynamicContentDirective },] }]
+        topTpl: [{ type: i0.ViewChild, args: ["topTpl", { read: i0.ViewContainerRef, static: false },] }],
+        contentTpl: [{ type: i0.ViewChild, args: ["contentTpl", { read: i0.TemplateRef, static: false },] }],
+        dynamicContents: [{ type: i0.ViewChildren, args: [angular.DynamicContentDirective, { read: angular.DynamicContentDirective },] }]
     };
 
     var CrudItemPageBaseComponent = /** @class */ (function (_super) {
@@ -2365,10 +2401,10 @@
             var _this = _super.call(this) || this;
             _this.config = config;
             _this.facade = facade;
-            _this.formComponents = new core.QueryList();
-            _this.onPartialChange = new core.EventEmitter();
-            _this.onChange = new core.EventEmitter();
-            _this.onValidChange = new core.EventEmitter();
+            _this.formComponents = new i0.QueryList();
+            _this.onPartialChange = new i0.EventEmitter();
+            _this.onChange = new i0.EventEmitter();
+            _this.onValidChange = new i0.EventEmitter();
             _this.selected$ = facade.selected$;
             return _this;
         }
@@ -2377,7 +2413,7 @@
     CrudItemPageBaseComponent.smartType = "crud-item-page";
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudItemPageBaseComponent.decorators = [
-        { type: core.Directive }
+        { type: i0.Directive }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -2392,14 +2428,14 @@
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     CrudItemPageBaseComponent.propDecorators = {
-        contentTpl: [{ type: core.ViewChild, args: ["contentTpl", { read: core.ViewContainerRef, static: true },] }],
-        formComponents: [{ type: core.ViewChildren, args: [angular.FormComponent, { read: angular.FormComponent },] }],
-        detailsOptions: [{ type: core.Input }],
-        mode: [{ type: core.Input }],
-        uniqueProvider: [{ type: core.Input }],
-        onPartialChange: [{ type: core.Output }],
-        onChange: [{ type: core.Output }],
-        onValidChange: [{ type: core.Output }]
+        contentTpl: [{ type: i0.ViewChild, args: ["contentTpl", { read: i0.ViewContainerRef, static: true },] }],
+        formComponents: [{ type: i0.ViewChildren, args: [angular.FormComponent, { read: angular.FormComponent },] }],
+        detailsOptions: [{ type: i0.Input }],
+        mode: [{ type: i0.Input }],
+        uniqueProvider: [{ type: i0.Input }],
+        onPartialChange: [{ type: i0.Output }],
+        onChange: [{ type: i0.Output }],
+        onValidChange: [{ type: i0.Output }]
     };
 
     var ItemStandardComponent = /** @class */ (function (_super) {
@@ -2411,7 +2447,7 @@
     }(CrudItemPageBaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ItemStandardComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "smart-crud-item-standard-page",
                     template: "<ng-container *ngIf=\"mode === 'details'; else editTpl\">\n    <smart-details *ngIf=\"detailsOptions\" [options]='detailsOptions'></smart-details>\n</ng-container>\n\n<ng-template #editTpl>\n    <smart-form\n            [options]=\"\n          (selected$ | async)\n          | smartFormOptions : mode:config?.type:uniqueProvider : config.inputComponents\n        \"\n            (valuePartialChange)=\"onPartialChange.emit($event)\"\n            (valueChange)=\"onChange.emit($event)\"\n            (validChange)=\"onValidChange.emit($event)\"\n    ></smart-form>\n</ng-template>\n\n<br/><br/>",
                     styles: [""]
@@ -2445,8 +2481,8 @@
                 hideMenuButton: true,
             };
             _this.formValid = false;
-            _this.standardComponents = new core.QueryList();
-            _this.dynamicContents = new core.QueryList();
+            _this.standardComponents = new i0.QueryList();
+            _this.dynamicContents = new i0.QueryList();
             _this.selected$ = _this.facade.selected$;
             return _this;
         }
@@ -2713,7 +2749,7 @@
     }(angular.CreateDynamicComponent('crud-item-page')));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ItemComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "smart-crud-item-page",
                     template: "\n    <smart-page [options]=\"pageOptions\">\n      <div #topTpl></div>\n      <smart-crud-item-standard-page *ngIf=\"template === 'default'\"\n                                     [detailsOptions]=\"detailsOptions\"\n                                     [mode]=\"mode\"\n                                     [uniqueProvider]=\"uniqueProvider\"\n                                     (onPartialChange)=\"onPartialChange($event)\"\n                                     (onChange)=\"onChange($event)\"\n                                     (onValidChange)=\"onValidChange($event)\"\n      >\n        <ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n      </smart-crud-item-standard-page>\n      <ng-template #contentTpl>\n        <ng-content></ng-content>\n      </ng-template>\n      <div class=\"dynamic-content\"></div>\n    </smart-page>\n  "
                 },] }
@@ -2732,25 +2768,25 @@
         { type: CrudService },
         { type: router.ActivatedRoute },
         { type: angular.DynamicComponentLoader },
-        { type: core$1.TranslateService },
+        { type: core.TranslateService },
         { type: CrudFullConfig },
         { type: common.Location },
-        { type: core.ChangeDetectorRef },
+        { type: i0.ChangeDetectorRef },
         { type: angular.AuthService },
         { type: angular.StyleService },
-        { type: core.ElementRef },
+        { type: i0.ElementRef },
         { type: angular.ToastService },
         { type: PageService },
-        { type: core.NgModuleRef },
-        { type: core.ComponentFactoryResolver },
+        { type: i0.NgModuleRef },
+        { type: i0.ComponentFactoryResolver },
         { type: angular.DetailsService }
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ItemComponent.propDecorators = {
-        standardComponents: [{ type: core.ViewChildren, args: [ItemStandardComponent, { read: ItemStandardComponent },] }],
-        content: [{ type: core.ViewChild, args: [angular$1.IonContent, { static: true },] }],
-        contentTpl: [{ type: core.ViewChild, args: ["contentTpl", { read: core.TemplateRef, static: false },] }],
-        dynamicContents: [{ type: core.ViewChildren, args: [angular.DynamicContentDirective, { read: angular.DynamicContentDirective },] }]
+        standardComponents: [{ type: i0.ViewChildren, args: [ItemStandardComponent, { read: ItemStandardComponent },] }],
+        content: [{ type: i0.ViewChild, args: [angular$1.IonContent, { static: true },] }],
+        contentTpl: [{ type: i0.ViewChild, args: ["contentTpl", { read: i0.TemplateRef, static: false },] }],
+        dynamicContents: [{ type: i0.ViewChildren, args: [angular.DynamicContentDirective, { read: angular.DynamicContentDirective },] }]
     };
 
     var CrudListPageBaseComponent = /** @class */ (function (_super) {
@@ -2765,7 +2801,7 @@
     CrudListPageBaseComponent.smartType = "crud-list-page";
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudListPageBaseComponent.decorators = [
-        { type: core.Directive }
+        { type: i0.Directive }
     ];
     /**
      * @type {function(): !Array<(null|{
@@ -2779,8 +2815,8 @@
     ]; };
     /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     CrudListPageBaseComponent.propDecorators = {
-        contentTpl: [{ type: core.ViewChild, args: ["contentTpl", { read: core.ViewContainerRef, static: true },] }],
-        listOptions: [{ type: core.Input }]
+        contentTpl: [{ type: i0.ViewChild, args: ["contentTpl", { read: i0.ViewContainerRef, static: true },] }],
+        listOptions: [{ type: i0.Input }]
     };
 
     var ListStandardComponent = /** @class */ (function (_super) {
@@ -2792,7 +2828,7 @@
     }(CrudListPageBaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ListStandardComponent.decorators = [
-        { type: core.Component, args: [{
+        { 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>",
                     styles: [""]
@@ -2816,7 +2852,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudFullModule.decorators = [
-        { type: core.NgModule, args: [{
+        { type: i0.NgModule, args: [{
                     declarations: __spreadArray([], __read(PAGES)),
                     entryComponents: __spreadArray([], __read(PAGES)),
                     imports: [
@@ -2868,7 +2904,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudCoreModule.decorators = [
-        { type: core.NgModule, args: [{
+        { type: i0.NgModule, args: [{
                     imports: [
                         //AuthSharedModule,
                         store.StoreModule,
@@ -2923,7 +2959,7 @@
     }());
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudModule.decorators = [
-        { type: core.NgModule, args: [{},] }
+        { type: i0.NgModule, args: [{},] }
     ];
 
     /**
@@ -2943,6 +2979,7 @@
     exports.CrudListPaginationFactory = CrudListPaginationFactory;
     exports.CrudModule = CrudModule;
     exports.CrudPipesModule = CrudPipesModule;
+    exports.CrudSearchService = CrudSearchService;
     exports.CrudService = CrudService;
     exports.ExportComponent = ExportComponent;
     exports.FilterCheckComponent = FilterCheckComponent;