@smartsoft001/crud-shell-angular 1.1.541 → 1.1.545

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

@@ -360,6 +360,7 @@
         }
         return CrudConfig;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudConfig.decorators = [
         { type: core.Injectable }
     ];
@@ -370,6 +371,7 @@
         }
         return CrudFullConfig;
     }(CrudConfig));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudFullConfig.decorators = [
         { type: core.Injectable }
     ];
@@ -666,10 +668,17 @@
         };
         return CrudFacade;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudFacade.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CrudFacade.ctorParameters = function () { return [
         { type: store.Store },
         { type: CrudConfig }
@@ -709,14 +718,21 @@
         };
         return ExportComponent;
     }(angular.BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ExportComponent.decorators = [
         { type: core.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}"]
+                    styles: [".smart-content{padding:1.2rem}.smart-content p{margin:.6rem 0}.smart-content smart-button{width:100%;display:block}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     ExportComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: angular.PopoverService },
@@ -731,6 +747,7 @@
         FilterComponent.prototype.ngOnInit = function () { };
         return FilterComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "smart-crud-filter",
@@ -738,8 +755,15 @@
                     styles: [""]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FilterComponent.ctorParameters = function () { return []; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FilterComponent.propDecorators = {
         item: [{ type: core.Input }],
         filter: [{ type: core.Input }]
@@ -849,15 +873,23 @@
         };
         return BaseComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseComponent.decorators = [
         { type: core.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     BaseComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: CrudConfig },
         { type: ICrudModelPossibilitiesProvider, decorators: [{ type: core.Optional }, { type: core.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 }]
@@ -888,11 +920,12 @@
         });
         return FilterDateComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterDateComponent.decorators = [
         { type: core.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}"]
+                    styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
                 },] }
     ];
 
@@ -925,13 +958,15 @@
         };
         return FilterDateWithEditComponent;
     }(FilterDateComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterDateWithEditComponent.decorators = [
         { type: core.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}"]
+                    styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
                 },] }
     ];
+    /** @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 },] }]
     };
@@ -943,11 +978,12 @@
         }
         return FilterRadioComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterRadioComponent.decorators = [
         { type: core.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}"]
+                    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"]
                 },] }
     ];
 
@@ -958,11 +994,12 @@
         }
         return FilterTextComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterTextComponent.decorators = [
         { type: core.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}"]
+                    styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
                 },] }
     ];
 
@@ -973,11 +1010,12 @@
         }
         return FilterFlagComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterFlagComponent.decorators = [
         { type: core.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}"]
+                    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"]
                 },] }
     ];
 
@@ -1008,11 +1046,12 @@
         };
         return FilterCheckComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterCheckComponent.decorators = [
         { type: core.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}"]
+                    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"]
                 },] }
     ];
 
@@ -1111,14 +1150,21 @@
         };
         return FiltersComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FiltersComponent.decorators = [
         { type: core.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\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",
-                    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}"]
+                    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}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FiltersComponent.ctorParameters = function () { return [
         { type: angular.MenuService },
         { type: CrudConfig },
@@ -1126,6 +1172,7 @@
         { type: angular.StyleService },
         { type: core.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FiltersComponent.propDecorators = {
         hideMenu: [{ type: core.Input }]
     };
@@ -1152,14 +1199,21 @@
         };
         return FiltersConfigComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FiltersConfigComponent.decorators = [
         { type: core.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)}"]
+                    styles: [":host ion-label{font-size:calc(var(--default-font-size) - 2px)}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FiltersConfigComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: angular.StyleService },
@@ -1231,14 +1285,21 @@
         };
         return MultiselectComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MultiselectComponent.decorators = [
         { type: core.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}"]
+                    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"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MultiselectComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: CrudConfig },
@@ -1260,10 +1321,17 @@
         }
         return SocketService;
     }(ngxSocketIo.Socket));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     SocketService.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     SocketService.ctorParameters = function () { return [
         { type: CrudConfig }
     ]; };
@@ -1384,10 +1452,17 @@
         };
         return CrudService;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudService.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CrudService.ctorParameters = function () { return [
         { type: CrudConfig },
         { type: http.HttpClient },
@@ -1546,10 +1621,17 @@
         };
         return CrudEffects;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudEffects.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CrudEffects.ctorParameters = function () { return [
         { type: store.ActionsSubject },
         { type: CrudService },
@@ -1681,12 +1763,19 @@
         };
         return FormOptionsPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FormOptionsPipe.decorators = [
         { type: core.Pipe, args: [{
                     name: "smartFormOptions",
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FormOptionsPipe.ctorParameters = function () { return [
         { type: ICrudModelPossibilitiesProvider, decorators: [{ type: core.Optional }, { type: core.Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
     ]; };
@@ -1696,6 +1785,7 @@
         }
         return CrudPipesModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudPipesModule.decorators = [
         { type: core.NgModule, args: [{
                     declarations: [
@@ -1746,10 +1836,17 @@
         };
         return PageBaseComponent;
     }(angular.BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     PageBaseComponent.decorators = [
         { type: core.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     PageBaseComponent.ctorParameters = function () { return [
         { type: angular.AuthService },
         { type: CrudFullConfig }
@@ -1812,10 +1909,17 @@
         };
         return CrudListPaginationFactory;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudListPaginationFactory.decorators = [
         { type: core.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CrudListPaginationFactory.ctorParameters = function () { return [
         { type: CrudFacade }
     ]; };
@@ -2100,6 +2204,7 @@
         };
         return ListComponent;
     }(PageBaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ListComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "smart-crud-list-page",
@@ -2107,7 +2212,13 @@
                     styles: [""]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     ListComponent.ctorParameters = function () { return [
         { type: CrudFacade },
         { type: router.Router },
@@ -2381,6 +2492,7 @@
         };
         return ItemComponent;
     }(PageBaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ItemComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "smart-crud-item-page",
@@ -2388,7 +2500,13 @@
                     styles: [""]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     ItemComponent.ctorParameters = function () { return [
         { type: router.Router },
         { type: router.ActivatedRoute },
@@ -2405,6 +2523,7 @@
         { type: core.ElementRef },
         { type: angular.ToastService }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ItemComponent.propDecorators = {
         formComponents: [{ type: core.ViewChildren, args: [angular.FormComponent, { read: angular.FormComponent },] }],
         content: [{ type: core.ViewChild, args: [angular$1.IonContent, { static: true },] }]
@@ -2428,6 +2547,7 @@
         }
         return CrudComponentsModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudComponentsModule.decorators = [
         { type: core.NgModule, args: [{
                     declarations: __spreadArray([], __read(COMPONENTS)),
@@ -2467,6 +2587,7 @@
         }
         return CrudFullModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudFullModule.decorators = [
         { type: core.NgModule, args: [{
                     declarations: __spreadArray([], __read(PAGES)),
@@ -2494,7 +2615,13 @@
                     ]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CrudFullModule.ctorParameters = function () { return [
         { type: store.Store },
         { type: CrudConfig },
@@ -2510,6 +2637,7 @@
         }
         return CrudCoreModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudCoreModule.decorators = [
         { type: core.NgModule, args: [{
                     imports: [
@@ -2533,7 +2661,13 @@
                     ],
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CrudCoreModule.ctorParameters = function () { return [
         { type: CrudConfig },
         { type: CrudEffects }
@@ -2556,6 +2690,7 @@
         };
         return CrudModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CrudModule.decorators = [
         { type: core.NgModule, args: [{},] }
     ];