@smartsoft001/crud-shell-angular 1.1.541 → 1.1.545

package/fesm2015/smartsoft001-crud-shell-angular.js

@@ -29,11 +29,13 @@ const getCrudError = (entity) => createSelector(getCrudState(entity), (state) =>
 
 class CrudConfig {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudConfig.decorators = [
     { type: Injectable }
 ];
 class CrudFullConfig extends CrudConfig {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudFullConfig.decorators = [
     { type: Injectable }
 ];
@@ -323,10 +325,17 @@ class CrudFacade {
         return this.store;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudFacade.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CrudFacade.ctorParameters = () => [
     { type: Store },
     { type: CrudConfig }
@@ -362,14 +371,21 @@ class ExportComponent extends BaseComponent$1 {
         };
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ExportComponent.decorators = [
     { type: 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 = () => [
     { type: CrudFacade },
     { type: PopoverService },
@@ -383,6 +399,7 @@ class FilterComponent {
     }
     ngOnInit() { }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterComponent.decorators = [
     { type: Component, args: [{
                 selector: "smart-crud-filter",
@@ -390,8 +407,15 @@ FilterComponent.decorators = [
                 styles: [""]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FilterComponent.ctorParameters = () => [];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 FilterComponent.propDecorators = {
     item: [{ type: Input }],
     filter: [{ type: Input }]
@@ -490,15 +514,23 @@ class BaseComponent {
         this.facade.read(this.filter);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 BaseComponent.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 BaseComponent.ctorParameters = () => [
     { type: CrudFacade },
     { type: CrudConfig },
     { type: ICrudModelPossibilitiesProvider, decorators: [{ type: Optional }, { type: Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 BaseComponent.propDecorators = {
     item: [{ type: Input }],
     filter: [{ type: Input }]
@@ -520,11 +552,12 @@ class FilterDateComponent extends BaseComponent {
         return this.value;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterDateComponent.decorators = [
     { type: 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"]
             },] }
 ];
 
@@ -553,44 +586,49 @@ class FilterDateWithEditComponent extends FilterDateComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterDateWithEditComponent.decorators = [
     { type: 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: ViewChild, args: [IonDatetime, { read: IonDatetime, static: false },] }]
 };
 
 class FilterRadioComponent extends BaseComponent {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterRadioComponent.decorators = [
     { type: 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"]
             },] }
 ];
 
 class FilterTextComponent extends BaseComponent {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterTextComponent.decorators = [
     { type: 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"]
             },] }
 ];
 
 class FilterFlagComponent extends BaseComponent {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterFlagComponent.decorators = [
     { type: 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"]
             },] }
 ];
 
@@ -615,11 +653,12 @@ class FilterCheckComponent extends BaseComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterCheckComponent.decorators = [
     { type: 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"]
             },] }
 ];
 
@@ -713,14 +752,21 @@ class FiltersComponent {
         this.filter$ = this.facade.filter$;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FiltersComponent.decorators = [
     { type: 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 = () => [
     { type: MenuService },
     { type: CrudConfig },
@@ -728,6 +774,7 @@ FiltersComponent.ctorParameters = () => [
     { type: StyleService },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 FiltersComponent.propDecorators = {
     hideMenu: [{ type: Input }]
 };
@@ -753,14 +800,21 @@ class FiltersConfigComponent {
         }));
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FiltersConfigComponent.decorators = [
     { type: 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 = () => [
     { type: CrudFacade },
     { type: StyleService },
@@ -812,14 +866,21 @@ class MultiselectComponent {
     ngOnInit() {
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MultiselectComponent.decorators = [
     { type: 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 = () => [
     { type: CrudFacade },
     { type: CrudConfig },
@@ -838,10 +899,17 @@ class SocketService extends Socket {
         this.crudConfig = crudConfig;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 SocketService.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 SocketService.ctorParameters = () => [
     { type: CrudConfig }
 ];
@@ -957,10 +1025,17 @@ class CrudService {
         return query ? "?" + query.replace("&", "") : "";
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudService.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CrudService.ctorParameters = () => [
     { type: CrudConfig },
     { type: HttpClient },
@@ -1117,10 +1192,17 @@ class CrudEffects {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudEffects.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CrudEffects.ctorParameters = () => [
     { type: ActionsSubject },
     { type: CrudService },
@@ -1253,18 +1335,26 @@ class FormOptionsPipe {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FormOptionsPipe.decorators = [
     { type: Pipe, args: [{
                 name: "smartFormOptions",
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FormOptionsPipe.ctorParameters = () => [
     { type: ICrudModelPossibilitiesProvider, decorators: [{ type: Optional }, { type: Inject, args: [CRUD_MODEL_POSSIBILITIES_PROVIDER,] }] }
 ];
 
 class CrudPipesModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudPipesModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
@@ -1309,10 +1399,17 @@ class PageBaseComponent extends BaseComponent$1 {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 PageBaseComponent.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 PageBaseComponent.ctorParameters = () => [
     { type: AuthService },
     { type: CrudFullConfig }
@@ -1370,10 +1467,17 @@ class CrudListPaginationFactory {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudListPaginationFactory.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CrudListPaginationFactory.ctorParameters = () => [
     { type: CrudFacade }
 ];
@@ -1605,6 +1709,7 @@ class ListComponent extends PageBaseComponent {
         ];
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ListComponent.decorators = [
     { type: Component, args: [{
                 selector: "smart-crud-list-page",
@@ -1612,7 +1717,13 @@ ListComponent.decorators = [
                 styles: [""]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 ListComponent.ctorParameters = () => [
     { type: CrudFacade },
     { type: Router },
@@ -1861,6 +1972,7 @@ class ItemComponent extends PageBaseComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ItemComponent.decorators = [
     { type: Component, args: [{
                 selector: "smart-crud-item-page",
@@ -1868,7 +1980,13 @@ ItemComponent.decorators = [
                 styles: [""]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 ItemComponent.ctorParameters = () => [
     { type: Router },
     { type: ActivatedRoute },
@@ -1885,6 +2003,7 @@ ItemComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: ToastService }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 ItemComponent.propDecorators = {
     formComponents: [{ type: ViewChildren, args: [FormComponent, { read: FormComponent },] }],
     content: [{ type: ViewChild, args: [IonContent, { static: true },] }]
@@ -1905,6 +2024,7 @@ const COMPONENTS = [
 ];
 class CrudComponentsModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudComponentsModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
@@ -1948,6 +2068,7 @@ class CrudFullModule {
         effects.init();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudFullModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
@@ -1981,7 +2102,13 @@ CrudFullModule.decorators = [
                 ]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CrudFullModule.ctorParameters = () => [
     { type: Store },
     { type: CrudConfig },
@@ -1996,6 +2123,7 @@ class CrudCoreModule {
         effects.init();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudCoreModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -2019,7 +2147,13 @@ CrudCoreModule.decorators = [
                 ],
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CrudCoreModule.ctorParameters = () => [
     { type: CrudConfig },
     { type: CrudEffects }
@@ -2040,6 +2174,7 @@ class CrudModule {
         };
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CrudModule.decorators = [
     { type: NgModule, args: [{},] }
 ];