@messaia/cdk 12.1.3 → 12.2.2

package/bundles/messaia-cdk.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/common/http'), require('@angular/core'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/material/snack-bar'), require('@angular/platform-browser'), require('@angular/router'), require('rxjs'), require('@angular/localize/init'), require('rxjs/operators'), require('@angular/material/paginator'), require('@angular/material/sort'), require('file-saver'), require('@angular/animations'), require('reflect-metadata'), require('@angular/cdk/collections'), require('@angular/material/table'), require('@angular/cdk/table'), require('@angular/material/autocomplete'), require('@angular/material/chips'), require('@angular/material/icon'), require('@angular/material/input'), require('@angular/material/progress-spinner'), require('@angular/material/select'), require('@angular/cdk/a11y'), require('@angular/cdk/portal'), require('@angular/material/core'), require('@angular/material/form-field'), require('@angular/cdk/coercion'), require('@angular/platform-browser-dynamic'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/datepicker'), require('@angular/material/slide-toggle'), require('@angular/cdk/scrolling'), require('@angular/material/card'), require('@angular/material/list'), require('@angular/material/sidenav'), require('@angular/material/toolbar'), require('@angular/cdk/bidi'), require('@angular/material/menu'), require('@angular/material/progress-bar')) :
     typeof define === 'function' && define.amd ? define('@messaia/cdk', ['exports', '@angular/common', '@angular/common/http', '@angular/core', '@angular/forms', '@angular/material/dialog', '@angular/material/snack-bar', '@angular/platform-browser', '@angular/router', 'rxjs', '@angular/localize/init', 'rxjs/operators', '@angular/material/paginator', '@angular/material/sort', 'file-saver', '@angular/animations', 'reflect-metadata', '@angular/cdk/collections', '@angular/material/table', '@angular/cdk/table', '@angular/material/autocomplete', '@angular/material/chips', '@angular/material/icon', '@angular/material/input', '@angular/material/progress-spinner', '@angular/material/select', '@angular/cdk/a11y', '@angular/cdk/portal', '@angular/material/core', '@angular/material/form-field', '@angular/cdk/coercion', '@angular/platform-browser-dynamic', '@angular/material/button', '@angular/material/checkbox', '@angular/material/datepicker', '@angular/material/slide-toggle', '@angular/cdk/scrolling', '@angular/material/card', '@angular/material/list', '@angular/material/sidenav', '@angular/material/toolbar', '@angular/cdk/bidi', '@angular/material/menu', '@angular/material/progress-bar'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.messaia = global.messaia || {}, global.messaia.cdk = {}), global.ng.common, global.ng.common.http, global.ng.core, global.ng.forms, global.ng.material.dialog, global.ng.material.snackBar, global.ng.platformBrowser, global.ng.router, global.rxjs, global.ng.localize.init, global.rxjs.operators, global.ng.material.paginator, global.ng.material.sort, global.saveAs, global.ng.animations, null, global.ng.cdk.collections, global.ng.material.table, global.ng.cdk.table, global.ng.material.autocomplete, global.ng.material.chips, global.ng.material.icon, global.ng.material.input, global.ng.material.progressSpinner, global.ng.material.select, global.ng.cdk.a11y, global.ng.cdk.portal, global.ng.material.core, global.ng.material.formField, global.ng.cdk.coercion, global.ng.platformBrowserDynamic, global.ng.material.button, global.ng.material.checkbox, global.ng.material.datepicker, global.ng.material.slideToggle, global.ng.cdk.scrolling, global.ng.material.card, global.ng.material.list, global.ng.material.sidenav, global.ng.material.toolbar, global.ng.cdk.bidi, global.ng.material.menu, global.ng.material.progressBar));
-}(this, (function (exports, common, http, i0, forms, i1, i2, platformBrowser, i1$1, rxjs, init, operators, paginator, sort, fileSaver, animations, reflectMetadata, collections, table, table$1, autocomplete, chips, icon, input, progressSpinner, select, a11y, portal, core, formField, coercion, platformBrowserDynamic, button, checkbox, datepicker, slideToggle, scrolling, card, list, sidenav, toolbar, bidi, menu, progressBar) { 'use strict';
+})(this, (function (exports, common, http, i0, forms, i1, i2, platformBrowser, i1$1, rxjs, init, operators, paginator, sort, fileSaver, animations, reflectMetadata, collections, table, table$1, autocomplete, chips, icon, input, progressSpinner, select, a11y, portal, core, formField, coercion, platformBrowserDynamic, button, checkbox, datepicker, slideToggle, scrolling, card, list, sidenav, toolbar, bidi, menu, progressBar) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -352,6 +350,7 @@
         }
         return AppSetting;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     AppSetting.decorators = [
         { type: i0.Injectable }
     ];
@@ -390,14 +389,21 @@
         };
         return VdAlertDialogComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdAlertDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-alert-dialog',
                     template: "<vd-dialog>\r\n\t<vd-dialog-title *ngIf=\"title\">{{title}}</vd-dialog-title>\r\n\t<vd-dialog-content class=\"md-subhead tc-grey-700\" [innerHtml]=\"message\"></vd-dialog-content>\r\n\t<vd-dialog-actions>\r\n\t\t<button mat-button color=\"accent\" (click)=\"close()\">{{closeButton}}</button>\r\n\t</vd-dialog-actions>\r\n</vd-dialog>",
-                    styles: ["@media (min-width:600px){vd-dialog{width:400px}}@media (max-width:599px){vd-dialog{width:250px}}"]
+                    styles: ["@media (min-width: 600px){vd-dialog{width:400px}}@media (max-width: 599px){vd-dialog{width:250px}}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdAlertDialogComponent.ctorParameters = function () { return [
         { type: i1.MatDialogRef }
     ]; };
@@ -427,14 +433,21 @@
         };
         return VdConfirmDialogComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdConfirmDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-confirm-dialog',
                     template: "<vd-dialog>\r\n\t<vd-dialog-title *ngIf=\"title\">{{title}}</vd-dialog-title>\r\n\t<vd-dialog-content class=\"md-subhead tc-grey-700\" [innerHtml]=\"message\"></vd-dialog-content>\r\n\t<vd-dialog-actions>\r\n\t\t<button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{cancelButton}}</button>\r\n\t\t<button mat-button color=\"accent\" #acceptBtn (keydown.arrowleft)=\"closeBtn.focus()\" (click)=\"accept()\">{{acceptButton}}</button>\r\n\t</vd-dialog-actions>\r\n</vd-dialog>",
-                    styles: ["@media (min-width:600px){vd-dialog{width:400px}}@media (max-width:599px){vd-dialog{width:250px}}"]
+                    styles: ["@media (min-width: 600px){vd-dialog{width:400px}}@media (max-width: 599px){vd-dialog{width:250px}}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdConfirmDialogComponent.ctorParameters = function () { return [
         { type: i1.MatDialogRef }
     ]; };
@@ -464,14 +477,21 @@
         };
         return VdPromptDialogComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdPromptDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-prompt-dialog',
                     template: "<vd-dialog>\r\n\t<vd-dialog-title *ngIf=\"title\">{{title}}</vd-dialog-title>\r\n\t<vd-dialog-content layout=\"column\" class=\"md-subhead tc-grey-700\">\r\n\t\t<span [innerHtml]=\"message\"></span>\r\n\t\t<form #form=\"ngForm\" layout=\"row\" novalidate flex>\r\n\t\t\t<mat-form-field flex>\r\n\t\t\t\t<input matInput (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\" [(ngModel)]=\"value\" name=\"value\" required />\r\n\t\t\t</mat-form-field>\r\n\t\t</form>\r\n\t</vd-dialog-content>\r\n\t<vd-dialog-actions>\r\n\t\t<button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{cancelButton}}</button>\r\n\t\t<button mat-button color=\"accent\" #acceptBtn (keydown.arrowleft)=\"closeBtn.focus()\" [disabled]=\"!form.valid\" (click)=\"accept()\">{{acceptButton}}</button>\r\n\t</vd-dialog-actions>\r\n</vd-dialog>",
-                    styles: ["@media (min-width:600px){vd-dialog{width:400px}}@media (max-width:599px){vd-dialog{width:250px}}"]
+                    styles: ["@media (min-width: 600px){vd-dialog{width:400px}}@media (max-width: 599px){vd-dialog{width:250px}}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdPromptDialogComponent.ctorParameters = function () { return [
         { type: i1.MatDialogRef }
     ]; };
@@ -592,10 +612,17 @@
         return VdDialogService;
     }());
     /** @nocollapse */ VdDialogService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function VdDialogService_Factory() { return new VdDialogService(i0__namespace.ɵɵinject(i1__namespace.MatDialog)); }, token: VdDialogService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDialogService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdDialogService.ctorParameters = function () { return [
         { type: i1.MatDialog }
     ]; };
@@ -706,10 +733,17 @@
         };
         return VdMediaService;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdMediaService.decorators = [
         { type: i0.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdMediaService.ctorParameters = function () { return [
         { type: i0.NgZone }
     ]; };
@@ -918,6 +952,14 @@
              */
             this.changeDetectorRef.detectChanges();
         };
+        /**
+         * Refreshs this page/component
+         */
+        BaseComponent.prototype.reloadPage = function () {
+            var _this = this;
+            var currentUrl = this.router.url;
+            this.router.navigateByUrl('/', { skipLocationChange: true }).then(function () { return _this.router.navigate([currentUrl]); });
+        };
         /**
          * Retrieves an instance from the injector based on the provided token.
          * If not found:
@@ -1167,10 +1209,17 @@
         };
         return BaseComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseComponent.decorators = [
         { type: i0.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     BaseComponent.ctorParameters = function () { return [
         { type: i1$1.ActivatedRoute },
         { type: i0.ChangeDetectorRef }
@@ -1195,14 +1244,14 @@
          */
         Utils.removeEmptyValues = function (obj) {
             return Object.entries(obj)
-                .filter(function (_a) {
-                var _b = __read(_a, 2), _ = _b[0], v = _b[1];
+                .filter(function (_f) {
+                var _g = __read(_f, 2), _ = _g[0], v = _g[1];
                 return v != null;
             })
-                .reduce(function (acc, _a) {
-                var _b;
-                var _c = __read(_a, 2), k = _c[0], v = _c[1];
-                return (Object.assign(Object.assign({}, acc), (_b = {}, _b[k] = v, _b)));
+                .reduce(function (acc, _f) {
+                var _g;
+                var _h = __read(_f, 2), k = _h[0], v = _h[1];
+                return (Object.assign(Object.assign({}, acc), (_g = {}, _g[k] = v, _g)));
             }, {});
         };
         /**
@@ -1296,6 +1345,32 @@
             catch (error) { }
             return obj;
         };
+        /**
+         * Gets the query params and the hash from the specified url
+         * @param url
+         * @returns
+         */
+        Utils.getUrlParts = function (url) {
+            var _a, _b, _c, _d, _e;
+            try {
+                /* Get urls parts */
+                var urlHashParts = (_a = url === null || url === void 0 ? void 0 : url.split('#')) !== null && _a !== void 0 ? _a : [];
+                /* Get hash */
+                var urlHash = (_b = urlHashParts[1]) !== null && _b !== void 0 ? _b : null;
+                /* Get query parts */
+                var urlQueryParts = (_c = urlHashParts[0]) === null || _c === void 0 ? void 0 : _c.split('?');
+                /* Get query params as object */
+                var urlParams = (_e = (_d = urlQueryParts[1]) === null || _d === void 0 ? void 0 : _d.split("&").reduce(function (prev, curr) {
+                    var p = curr.split("=");
+                    prev[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
+                    return prev;
+                }, {})) !== null && _e !== void 0 ? _e : null;
+                return { url: urlQueryParts[0], params: urlParams, hash: urlHash };
+            }
+            catch (error) {
+                return { url: url, params: null, hash: null };
+            }
+        };
         return Utils;
     }());
     /**
@@ -1315,6 +1390,7 @@
         { name: 'November', id: 11 },
         { name: 'Dezember', id: 12 }
     ];
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     Utils.decorators = [
         { type: i0.Directive }
     ];
@@ -1663,7 +1739,8 @@
         GenericFormComponent.prototype.back = function (action) {
             if (action === void 0) { action = exports.SaveAction.SaveAndClose; }
             if (action == exports.SaveAction.SaveAndClose && this.returnUrl) {
-                this.router.navigate([this.returnUrl]);
+                var urlParts = Utils.getUrlParts(this.returnUrl);
+                this.router.navigate([urlParts.url], { queryParams: urlParts.params, fragment: urlParts.hash });
             }
             else {
                 if (this.isEditMode) {
@@ -1671,7 +1748,7 @@
                         this.location.back();
                     }
                     else if (action == exports.SaveAction.SaveAndEdit) {
-                        this.loadItem();
+                        this.reloadPage();
                     }
                 }
                 else {
@@ -1808,16 +1885,24 @@
         };
         return GenericFormComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     GenericFormComponent.decorators = [
         { type: i0.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     GenericFormComponent.ctorParameters = function () { return [
         { type: undefined },
         { type: undefined },
         { type: i1$1.ActivatedRoute },
         { type: i0.ChangeDetectorRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     GenericFormComponent.propDecorators = {
         input: [{ type: i0.ViewChildren, args: ['focus',] }],
         handleKeyboardEvent: [{ type: i0.HostListener, args: ['document:keydown', ['$event'],] }]
@@ -1880,6 +1965,7 @@
             return null;
         }
     };
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     AppStorage.decorators = [
         { type: i0.Directive }
     ];
@@ -1931,10 +2017,17 @@
         return DynamicBuilder;
     }());
     /** @nocollapse */ DynamicBuilder.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DynamicBuilder_Factory() { return new DynamicBuilder(i0__namespace.ɵɵinject(i0__namespace.Compiler)); }, token: DynamicBuilder, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     DynamicBuilder.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     DynamicBuilder.ctorParameters = function () { return [
         { type: i0.Compiler }
     ]; };
@@ -2259,7 +2352,7 @@
          */
         VdDynamicTableComponent.prototype.hasVisibleActionMenus = function (row, column) {
             var _a, _b;
-            return ((_b = (_a = column === null || column === void 0 ? void 0 : column.actionMenus) === null || _a === void 0 ? void 0 : _a.filter(function (x) { return !x.hide(row); })) === null || _b === void 0 ? void 0 : _b.length) > 0;
+            return ((_b = (_a = column === null || column === void 0 ? void 0 : column.actionMenus) === null || _a === void 0 ? void 0 : _a.filter(function (x) { return !x.hide || !x.hide(row); })) === null || _b === void 0 ? void 0 : _b.length) > 0;
         };
         /**
          * A function to to compute the identity of items in an iterable.
@@ -2305,6 +2398,7 @@
         };
         return VdDynamicTableComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDynamicTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-dynamic-table',
@@ -2318,10 +2412,17 @@
                     ]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdDynamicTableComponent.ctorParameters = function () { return [
         { type: DynamicBuilder }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdDynamicTableComponent.propDecorators = {
         detailsTemplateRef: [{ type: i0.ViewChildren, args: ['detailsTemplate', { read: i0.ViewContainerRef },] }],
         dataSource: [{ type: i0.Input }],
@@ -3002,16 +3103,24 @@
         };
         return GenericListComponent;
     }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     GenericListComponent.decorators = [
         { type: i0.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     GenericListComponent.ctorParameters = function () { return [
         { type: undefined },
         { type: i1$1.ActivatedRoute },
         { type: i0.ChangeDetectorRef },
         { type: undefined }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     GenericListComponent.propDecorators = {
         paginator: [{ type: i0.ViewChild, args: [paginator.MatPaginator, { static: true },] }],
         sort: [{ type: i0.ViewChild, args: [sort.MatSort, { static: true },] }],
@@ -3146,10 +3255,17 @@
         return BaseInterceptor;
     }());
     /** @nocollapse */ BaseInterceptor.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function BaseInterceptor_Factory() { return new BaseInterceptor(i0__namespace.ɵɵinject(AppSetting), i0__namespace.ɵɵinject(i2__namespace.MatSnackBar)); }, token: BaseInterceptor, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseInterceptor.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     BaseInterceptor.ctorParameters = function () { return [
         { type: AppSetting },
         { type: i2.MatSnackBar }
@@ -3215,10 +3331,17 @@
         return CachingInterceptor;
     }());
     /** @nocollapse */ CachingInterceptor.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function CachingInterceptor_Factory() { return new CachingInterceptor(); }, token: CachingInterceptor, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     CachingInterceptor.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     CachingInterceptor.ctorParameters = function () { return []; };
 
     var LoadingScreenService = /** @class */ (function () {
@@ -3264,6 +3387,7 @@
         return LoadingScreenService;
     }());
     /** @nocollapse */ LoadingScreenService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LoadingScreenService_Factory() { return new LoadingScreenService(); }, token: LoadingScreenService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     LoadingScreenService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -3333,10 +3457,17 @@
         ;
         return LoadingScreenInterceptor;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     LoadingScreenInterceptor.decorators = [
         { type: i0.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     LoadingScreenInterceptor.ctorParameters = function () { return [
         { type: LoadingScreenService }
     ]; };
@@ -3680,10 +3811,17 @@
         return FileService;
     }(GenericService));
     /** @nocollapse */ FileService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function FileService_Factory() { return new FileService(); }, token: FileService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FileService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FileService.ctorParameters = function () { return []; };
 
     var PrintService = /** @class */ (function () {
@@ -3718,10 +3856,17 @@
         return PrintService;
     }());
     /** @nocollapse */ PrintService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PrintService_Factory() { return new PrintService(i0__namespace.ɵɵinject(i1__namespace$1.Router)); }, token: PrintService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     PrintService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     PrintService.ctorParameters = function () { return [
         { type: i1$1.Router }
     ]; };
@@ -3733,6 +3878,7 @@
         }
         return VdBaseModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdBaseModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -4009,10 +4155,17 @@
      * The element ID
      */
     AbstractMatFormField.nextId = 0;
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     AbstractMatFormField.decorators = [
         { type: i0.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     AbstractMatFormField.ctorParameters = function () { return [
         { type: String },
         { type: forms.NgControl },
@@ -4022,6 +4175,7 @@
         { type: a11y.FocusMonitor },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     AbstractMatFormField.propDecorators = {
         placeholder: [{ type: i0.Input }],
         required: [{ type: i0.Input }],
@@ -4042,10 +4196,17 @@
         }
         return VdChipDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdChipDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-chip]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdChipDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -4060,10 +4221,17 @@
         }
         return VdAutocompleteOptionDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdAutocompleteOptionDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-autocomplete-option]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdAutocompleteOptionDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -4418,6 +4586,7 @@
         };
         return VdChipsComponent;
     }(AbstractMatFormField));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdChipsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-chips',
@@ -4425,10 +4594,16 @@
                     providers: [
                         { provide: formField.MatFormFieldControl, useExisting: VdChipsComponent }
                     ],
-                    styles: [".mat-chip{display:flex;flex-direction:row;width:100%;padding:4px 5px}.mat-chip.mat-chip-disabled{color:rgba(0,0,0,.64)}.mat-chip .vd-chip-content{flex-grow:1!important;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-chip .mat-icon{cursor:pointer;color:#000;color:initial;top:calc(50% - 13px);position:absolute;right:8px}.mat-chip .vd-chip-launch{font-size:18px;position:absolute;right:4px;top:0;cursor:pointer}.mat-chip .vd-chip-launch.removable{right:34px}mat-spinner{margin-top:-9px;margin-right:6px}"]
+                    styles: [".mat-chip{display:flex;flex-direction:row;width:100%;padding:4px 5px}.mat-chip.mat-chip-disabled{color:#000000a3}.mat-chip .vd-chip-content{flex-grow:1!important;font-weight:normal;font-weight:initial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-chip .mat-icon{cursor:pointer;color:#000;color:initial;top:calc(50% - 13px);position:absolute;right:8px}.mat-chip .vd-chip-launch{font-size:18px;position:absolute;right:4px;top:0;cursor:pointer}.mat-chip .vd-chip-launch.removable{right:34px}mat-spinner{margin-top:-9px;margin-right:6px}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdChipsComponent.ctorParameters = function () { return [
         { type: i0.Injector },
         { type: forms.NgControl, decorators: [{ type: i0.Optional }, { type: i0.Self }] },
@@ -4438,6 +4613,7 @@
         { type: a11y.FocusMonitor },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdChipsComponent.propDecorators = {
         chipInput: [{ type: i0.ViewChild, args: [input.MatInput, { static: true },] }],
         chips: [{ type: i0.Input }],
@@ -4479,6 +4655,7 @@
         }
         return VdChipsModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdChipsModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -4523,13 +4700,21 @@
         });
         return DisableControlDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     DisableControlDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[disableControl]' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     DisableControlDirective.ctorParameters = function () { return [
         { type: forms.NgControl }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     DisableControlDirective.propDecorators = {
         disableControl: [{ type: i0.Input }]
     };
@@ -4542,6 +4727,7 @@
         };
         return DataSourcePipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     DataSourcePipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'dataSource' },] }
     ];
@@ -4561,6 +4747,7 @@
         };
         return EnumPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     EnumPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'enum',
@@ -4600,6 +4787,7 @@
         };
         return FileSizePipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FileSizePipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'fileSize' },] }
     ];
@@ -4618,6 +4806,7 @@
         };
         return FilterPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'filter',
@@ -4639,6 +4828,7 @@
         };
         return FirstLetterPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FirstLetterPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'firstLetter',
@@ -4659,6 +4849,7 @@
         };
         return KeysPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     KeysPipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'keys' },] }
     ];
@@ -4679,6 +4870,7 @@
         };
         return MonthNamePipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MonthNamePipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'monthName',
@@ -4724,15 +4916,23 @@
         };
         return OnlyNumberDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     OnlyNumberDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[onlyNumber]'
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     OnlyNumberDirective.ctorParameters = function () { return [
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     OnlyNumberDirective.propDecorators = {
         onlyNumber: [{ type: i0.Input }],
         onKeyDown: [{ type: i0.HostListener, args: ['keydown', ['$event'],] }]
@@ -4915,6 +5115,7 @@
         };
         return OrderPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     OrderPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'orderBy',
@@ -4938,6 +5139,7 @@
         };
         return PlaceholderPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     PlaceholderPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'placeholder',
@@ -4967,10 +5169,17 @@
         };
         return SafeHtmlPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     SafeHtmlPipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'safeHtml' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     SafeHtmlPipe.ctorParameters = function () { return [
         { type: platformBrowser.DomSanitizer }
     ]; };
@@ -4989,6 +5198,7 @@
         };
         return TimePipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     TimePipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'time' },] }
     ];
@@ -5001,6 +5211,7 @@
         };
         return TitleCase;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     TitleCase.decorators = [
         { type: i0.Pipe, args: [{ name: 'titlecase', pure: false },] }
     ];
@@ -5013,6 +5224,7 @@
         };
         return TruncatePipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     TruncatePipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'truncate' },] }
     ];
@@ -5026,6 +5238,7 @@
         };
         return ValuesPipe;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ValuesPipe.decorators = [
         { type: i0.Pipe, args: [{ name: 'values', pure: false },] }
     ];
@@ -5168,10 +5381,17 @@
         return BaseService;
     }(GenericService));
     /** @nocollapse */ BaseService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function BaseService_Factory() { return new BaseService(); }, token: BaseService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     BaseService.ctorParameters = function () { return []; };
 
     //@dynamic
@@ -5214,6 +5434,7 @@
         };
         return EnumService;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     EnumService.decorators = [
         { type: i0.Injectable }
     ];
@@ -5254,6 +5475,7 @@
         }
         return VdCommonModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdCommonModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [],
@@ -5268,6 +5490,7 @@
         }
         return VdDialogTitleDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDialogTitleDirective.decorators = [
         { type: i0.Directive, args: [{ selector: 'vd-dialog-title' },] }
     ];
@@ -5276,6 +5499,7 @@
         }
         return VdDialogContentDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDialogContentDirective.decorators = [
         { type: i0.Directive, args: [{ selector: 'vd-dialog-content' },] }
     ];
@@ -5284,6 +5508,7 @@
         }
         return VdDialogActionsDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDialogActionsDirective.decorators = [
         { type: i0.Directive, args: [{ selector: 'vd-dialog-actions' },] }
     ];
@@ -5303,13 +5528,15 @@
         };
         return VdDialogComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-dialog',
                     template: "<div class=\"vd-dialog-wrapper\">\r\n\t<h3 class=\"vd-dialog-title md-title\" *ngIf=\"dialogTitle.length > 0\">\r\n\t\t<ng-content select=\"vd-dialog-title\"></ng-content>\r\n\t</h3>\r\n\t<div class=\"vd-dialog-content\" *ngIf=\"dialogContent.length > 0\">\r\n\t\t<ng-content select=\"vd-dialog-content\"></ng-content>\r\n\t</div>\r\n\t<div class=\"vd-dialog-actions\" *ngIf=\"dialogActions.length > 0\" layout=\"row\">\r\n\t\t<span flex></span>\r\n\t\t<ng-content select=\"vd-dialog-actions\"></ng-content>\r\n\t</div>\r\n</div>",
-                    styles: [".vd-dialog-title{margin-top:0;margin-bottom:20px}.vd-dialog-content{margin-bottom:16px}.vd-dialog-actions{position:relative;top:16px;left:16px}::ng-deep [dir=rtl] .vd-dialog-actions{right:16px;left:auto}:host{display:block}:host .vd-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] :host .vd-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}"]
+                    styles: [".vd-dialog-title{margin-top:0;margin-bottom:20px}.vd-dialog-content{margin-bottom:16px}.vd-dialog-actions{position:relative;top:16px;left:16px}::ng-deep [dir=rtl] .vd-dialog-actions{right:16px;left:auto}:host{display:block}:host .vd-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] :host .vd-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}\n"]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdDialogComponent.propDecorators = {
         dialogTitle: [{ type: i0.ContentChildren, args: [VdDialogTitleDirective,] }],
         dialogContent: [{ type: i0.ContentChildren, args: [VdDialogContentDirective,] }],
@@ -5335,6 +5562,7 @@
         }
         return VdDialogsModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdDialogsModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -5640,6 +5868,7 @@
         };
         return VdFileInputComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdFileInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: '[vd-file-input]',
@@ -5650,7 +5879,13 @@
                     styles: ["\n\t\t.btn-suffix .mat-button {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t}"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdFileInputComponent.ctorParameters = function () { return [
         { type: forms.NgControl },
         { type: a11y.FocusMonitor },
@@ -5658,6 +5893,7 @@
         { type: i0.Renderer2 },
         { type: i0.ChangeDetectorRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdFileInputComponent.propDecorators = {
         accept: [{ type: i0.Input, args: ['accept',] }],
         onSelect: [{ type: i0.Output, args: ['select',] }],
@@ -5679,6 +5915,7 @@
         }
         return VdFileModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdFileModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -10359,9 +10596,11 @@
         };
         return BaseDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseDirective.decorators = [
         { type: i0.Directive }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     BaseDirective.propDecorators = {
         model: [{ type: i0.Input }]
     };
@@ -10373,15 +10612,23 @@
         ;
         return HtmlControlTemplateDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     HtmlControlTemplateDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[htmlControlTemplate]'
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     HtmlControlTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     HtmlControlTemplateDirective.propDecorators = {
         type: [{ type: i0.Input, args: ['htmlControlTemplate',] }]
     };
@@ -10567,11 +10814,13 @@
         };
         return RxwebFormDirective;
     }(BaseDirective));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     RxwebFormDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[formGroup],[rxwebForm]',
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     RxwebFormDirective.propDecorators = {
         formGroup: [{ type: i0.Input }],
         ngForm: [{ type: i0.Input, args: ['rxwebForm',] }]
@@ -10587,6 +10836,7 @@
         };
         return AsyncValidationDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     AsyncValidationDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[ngModel],[formControlName],[formControl]',
@@ -10597,6 +10847,7 @@
                         }]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     AsyncValidationDirective.propDecorators = {
         async: [{ type: i0.Input }]
     };
@@ -10683,6 +10934,7 @@
         };
         return FileControlDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FileControlDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: "input[type=file]",
@@ -10697,10 +10949,17 @@
                         }]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FileControlDirective.ctorParameters = function () { return [
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FileControlDirective.propDecorators = {
         writeFile: [{ type: i0.Input }],
         extension: [{ type: i0.Input }],
@@ -10738,6 +10997,7 @@
         };
         return ImageFileControlDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ImageFileControlDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: "input[type=file]",
@@ -10748,10 +11008,17 @@
                         }]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     ImageFileControlDirective.ctorParameters = function () { return [
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ImageFileControlDirective.propDecorators = {
         image: [{ type: i0.Input }]
     };
@@ -10800,10 +11067,17 @@
         };
         return DecimalProvider;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     DecimalProvider.decorators = [
         { type: i0.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     DecimalProvider.ctorParameters = function () { return [
         { type: common.DecimalPipe },
         { type: String, decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
@@ -11253,9 +11527,11 @@
         };
         return ControlExpressionProcess;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ControlExpressionProcess.decorators = [
         { type: i0.Directive }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ControlExpressionProcess.propDecorators = {
         name: [{ type: i0.Input }],
         formControlName: [{ type: i0.Input }]
@@ -11305,9 +11581,11 @@
         };
         return BaseValidator;
     }(ControlExpressionProcess));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     BaseValidator.decorators = [
         { type: i0.Directive }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     BaseValidator.propDecorators = {
         formControl: [{ type: i0.Input }]
     };
@@ -11475,18 +11753,26 @@
         };
         return RxFormControlDirective;
     }(BaseValidator));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     RxFormControlDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[ngModel],[formControlName],[formControl]',
                     providers: [NGMODEL_BINDING],
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     RxFormControlDirective.ctorParameters = function () { return [
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
         { type: DecimalProvider }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     RxFormControlDirective.propDecorators = {
         rxalpha: [{ type: i0.Input }],
         rxalphaNumeric: [{ type: i0.Input }],
@@ -11583,15 +11869,23 @@
         };
         return ControlHostDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ControlHostDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[controlHost]'
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     ControlHostDirective.ctorParameters = function () { return [
         { type: i0.ViewContainerRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ControlHostDirective.propDecorators = {
         portal: [{ type: i0.Input, args: ['controlHost',] }]
     };
@@ -12417,10 +12711,17 @@
         };
         return RxFormBuilder;
     }(BaseFormBuilder));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     RxFormBuilder.decorators = [
         { type: i0.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     RxFormBuilder.ctorParameters = function () { return []; };
 
     var TypedFormBuilder = /** @class */ (function () {
@@ -12436,10 +12737,17 @@
         };
         return TypedFormBuilder;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     TypedFormBuilder.decorators = [
         { type: i0.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     TypedFormBuilder.ctorParameters = function () { return []; };
 
     var RxReactiveFormsModule = /** @class */ (function () {
@@ -12448,6 +12756,7 @@
         RxReactiveFormsModule.forRoot = function () { return { ngModule: RxReactiveFormsModule, providers: [] }; };
         return RxReactiveFormsModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     RxReactiveFormsModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: [RxwebFormDirective, HtmlControlTemplateDirective, ControlHostDirective, RxFormControlDirective, FileControlDirective, ImageFileControlDirective, AsyncValidationDirective],
@@ -12465,6 +12774,7 @@
         ReactiveTypedFormsModule.forRoot = function () { return { ngModule: ReactiveTypedFormsModule, providers: [] }; };
         return ReactiveTypedFormsModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ReactiveTypedFormsModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: [],
@@ -12473,7 +12783,13 @@
                     exports: [forms.ReactiveFormsModule, forms.FormsModule, forms.ReactiveFormsModule]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     ReactiveTypedFormsModule.ctorParameters = function () { return []; };
 
     function baseValidator(config, type, validator) {
@@ -13009,10 +13325,17 @@
         }
         return VdSelectOptionDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdSelectOptionDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-select-option]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdSelectOptionDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -13357,15 +13680,22 @@
         };
         return VdSelectComponent;
     }(AbstractMatFormField));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdSelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-select',
                     template: "<mat-select [placeholder]=\"placeholder\" i18n-placeholder [(ngModel)]=\"value\" #select=\"matSelect\" (selectionChange)=\"handleChange($event)\" *ngIf=\"!readonly\" [multiple]=\"multiple\" [disabled]=\"disabled\" flex>\r\n    <input #filterInput *ngIf=\"filterable\" type=\"text\" placeholder=\"Filter...\" class=\"vd-select-filter\" (keyup)=\"handleFilter($event.target.value)\">\r\n    <mat-select-trigger *ngIf=\"onLaunch?.observers?.length > 0\">\r\n        <span>{{select.selected?select.selected['viewValue']:''}}</span>\r\n        <mat-icon class=\"vd-select-launch\" (click)=\"$event.stopPropagation(); handleLaunchClicked(value)\">launch</mat-icon>\r\n    </mat-select-trigger>\r\n    <mat-option class=\"tc-grey-500\" *ngIf=\"!multiple\" i18n=\"@@pleaseSelect\">--- Please Select ---</mat-option>\r\n    <ng-template let-option let-first=\"first\" ngFor [ngForOf]=\"filteredOptions\">\r\n        <mat-option [value]=\"option[key]\">\r\n            <span *ngIf=\"!optionTemplate?.templateRef\" i18n=\"@@selection\">{option[text], select, option {option} other {{{option[text]}}}}</span>\r\n            <ng-template *ngIf=\"optionTemplate?.templateRef\" [ngTemplateOutlet]=\"optionTemplate?.templateRef\" [ngTemplateOutletContext]=\"{ option: option }\"></ng-template>\r\n        </mat-option>\r\n    </ng-template>\r\n</mat-select>\r\n\r\n<div *ngIf=\"readonly\">\r\n    <div *ngIf=\"currentValue\">\r\n        <div class=\"readonly-value\">\r\n            <span *ngIf=\"!optionTemplate?.templateRef\" i18n=\"@@selection\">{currentValue[text], select, option {option} other {{{currentValue[text]}}}}</span>\r\n            <ng-template *ngIf=\"optionTemplate?.templateRef\" [ngTemplateOutlet]=\"optionTemplate?.templateRef\" [ngTemplateOutletContext]=\"{ option: currentValue }\"></ng-template>\r\n        </div>\r\n        <mat-icon *ngIf=\"onLaunch?.observers?.length > 0\" class=\"vd-select-launch-readonly\" (click)=\"$event.stopPropagation(); handleLaunchClicked(value)\">launch</mat-icon>\r\n    </div>\r\n    <div *ngIf=\"!currentValue\">&nbsp;</div>\r\n</div>",
                     providers: [{ provide: formField.MatFormFieldControl, useExisting: VdSelectComponent }],
-                    styles: [".vd-select-launch{position:absolute;right:30px;top:-5px;font-size:18px;cursor:pointer}.readonly-value{padding-right:24px;color:rgba(0,0,0,.64);min-height:15px}.vd-select-launch-readonly{position:absolute;right:0;top:9px;font-size:18px;cursor:pointer}.vd-select-filter{position:sticky;top:0;z-index:100;font-size:inherit;box-shadow:none;border-radius:0;padding:16px;box-sizing:border-box;border:none;border-bottom:1px solid #dcdcdc;width:100%;background-color:#f5f5f5;outline:none}"]
+                    styles: [".vd-select-launch{position:absolute;right:30px;top:-5px;font-size:18px;cursor:pointer}.readonly-value{padding-right:24px;color:#000000a3;min-height:15px}.vd-select-launch-readonly{position:absolute;right:0px;top:9px;font-size:18px;cursor:pointer}.vd-select-filter{position:-webkit-sticky;position:sticky;top:0;z-index:100;font-size:inherit;box-shadow:none;border-radius:0;padding:16px;box-sizing:border-box;border:none;border-bottom:1px solid #dcdcdc;width:100%;background-color:#f5f5f5;outline:none}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdSelectComponent.ctorParameters = function () { return [
         { type: i0.Injector },
         { type: forms.NgControl, decorators: [{ type: i0.Optional }, { type: i0.Self }] },
@@ -13375,6 +13705,7 @@
         { type: a11y.FocusMonitor },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdSelectComponent.propDecorators = {
         optionTemplate: [{ type: i0.ContentChild, args: [VdSelectOptionDirective,] }],
         selectEl: [{ type: i0.ViewChild, args: [select.MatSelect, { static: false },] }],
@@ -13411,6 +13742,7 @@
         }
         return VdSelectModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdSelectModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -13453,10 +13785,17 @@
         }
         return VdEditorDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdEditorDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-editor]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdEditorDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -13471,10 +13810,17 @@
         }
         return VdCodeDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdCodeDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-code]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdCodeDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -13489,10 +13835,17 @@
         }
         return VdFileDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdFileDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-file]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdFileDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -13507,10 +13860,17 @@
         }
         return VdCustomDirective;
     }(portal.CdkPortal));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdCustomDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-custom]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdCustomDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -13536,6 +13896,7 @@
         };
         return VdGenericFormComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdGenericFormComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-generic-form',
@@ -13543,6 +13904,7 @@
                     styles: [""]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdGenericFormComponent.propDecorators = {
         formGroup: [{ type: i0.Input }],
         fieldGroups: [{ type: i0.Input }],
@@ -13573,13 +13935,20 @@
         };
         return MatFormFieldReadonlyDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MatFormFieldReadonlyDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: 'mat-form-field',
                     host: { '[class.mat-form-field-readonly]': 'isReadonlyInput()' }
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MatFormFieldReadonlyDirective.ctorParameters = function () { return [
         { type: formField.MatFormField }
     ]; };
@@ -13637,6 +14006,7 @@
         };
         return EqualValidator;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     EqualValidator.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',
@@ -13649,7 +14019,13 @@
                     ]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     EqualValidator.ctorParameters = function () { return [
         { type: String, decorators: [{ type: i0.Attribute, args: ['validateEqual',] }] },
         { type: String, decorators: [{ type: i0.Attribute, args: ['reverse',] }] }
@@ -13675,10 +14051,17 @@
         }
         return NativeElementInjectorDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     NativeElementInjectorDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ngModel]' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     NativeElementInjectorDirective.ctorParameters = function () { return [
         { type: i0.ElementRef },
         { type: forms.NgControl },
@@ -13734,17 +14117,25 @@
         };
         return UniqueValidatorDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     UniqueValidatorDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[unique]',
                     providers: [{ provide: forms.NG_ASYNC_VALIDATORS, useExisting: UniqueValidatorDirective, multi: true }]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     UniqueValidatorDirective.ctorParameters = function () { return [
         { type: http.HttpClient },
         { type: String, decorators: [{ type: i0.Attribute, args: ['unique',] }] }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     UniqueValidatorDirective.propDecorators = {
         uniqueProperty: [{ type: i0.Input }],
         uniqueId: [{ type: i0.Input }],
@@ -14050,9 +14441,11 @@
         };
         return ValueAccessorBase;
     }(formField.MatFormFieldControl));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     ValueAccessorBase.decorators = [
         { type: i0.Directive }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     ValueAccessorBase.propDecorators = {
         describedBy: [{ type: i0.HostBinding, args: ['attr.aria-describedby',] }]
     };
@@ -14073,6 +14466,7 @@
         }
         return VdFormsModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdFormsModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -14102,6 +14496,7 @@
         }
         return VdHttpModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdHttpModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -14129,13 +14524,15 @@
         }
         return VdLayoutCardOverComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutCardOverComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-layout-card-over',
                     template: "<mat-toolbar [color]=\"color\"></mat-toolbar>\r\n<div class=\"vd-layout-card-over-wrapper\">\r\n\t<div class=\"vd-layout-card-over\" [style.max-width.%]=\"cardWidth\" [style.flex]=\"'1 1 ' + cardWidth + '%'\" [style.-ms-flex]=\"'1 1 ' + cardWidth + '%'\"\r\n\t [style.-webkit-box-flex]=\"1\">\r\n\t\t<mat-card>\r\n\t\t\t<mat-card-title *ngIf=\"cardTitle\">{{cardTitle}}</mat-card-title>\r\n\t\t\t<mat-card-subtitle *ngIf=\"cardSubtitle\">{{cardSubtitle}}</mat-card-subtitle>\r\n\t\t\t<mat-divider *ngIf=\"cardTitle || cardSubtitle\"></mat-divider>\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</mat-card>\r\n\t\t<ng-content select=\"[vd-after-card]\"></ng-content>\r\n\t</div>\r\n</div>",
-                    styles: [":host{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [vd-after-card]{display:block}.vd-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width:960px){.vd-layout-card-over-wrapper{flex-direction:row;box-sizing:border-box;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center}.vd-layout-card-over-wrapper .vd-layout-card-over{max-height:100%;box-sizing:border-box}}@media (max-width:959px){.vd-layout-card-over-wrapper .vd-layout-card-over{max-width:100%!important}}"]
+                    styles: [":host{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [vd-after-card]{display:block}.vd-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width: 960px){.vd-layout-card-over-wrapper{flex-direction:row;box-sizing:border-box;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center}.vd-layout-card-over-wrapper .vd-layout-card-over{max-height:100%;box-sizing:border-box}}@media (max-width: 959px){.vd-layout-card-over-wrapper .vd-layout-card-over{max-width:100%!important}}\n"]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutCardOverComponent.propDecorators = {
         cardTitle: [{ type: i0.Input, args: ['cardTitle',] }],
         cardSubtitle: [{ type: i0.Input, args: ['cardSubtitle',] }],
@@ -14170,19 +14567,27 @@
         });
         return VdLayoutFooterComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutFooterComponent.decorators = [
         { type: i0.Component, args: [{
                     /* tslint:disable-next-line */
                     selector: 'vd-layout-footer,vd-layout-footer-inner',
                     template: "<ng-content></ng-content>",
-                    styles: [":host{display:block;padding:10px 16px}"]
+                    styles: [":host{display:block;padding:10px 16px}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutFooterComponent.ctorParameters = function () { return [
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutFooterComponent.propDecorators = {
         color: [{ type: i0.Input, args: ['color',] }]
     };
@@ -14286,17 +14691,25 @@
         };
         return VdLayoutManageListComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutManageListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-layout-manage-list',
                     template: "<mat-sidenav-container fullscreen class=\"vd-layout-manage-list\">\r\n\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\"\r\n\t [style.min-width]=\"sidenavWidth\">\r\n\t\t<ng-content select=\"mat-toolbar[vd-sidenav-content]\"></ng-content>\r\n\t\t<div class=\"vd-layout-manage-list-sidenav\" cdkScrollable>\r\n\t\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t\t</div>\r\n\t</mat-sidenav>\r\n\t<div class=\"vd-layout-manage-list-main\">\r\n\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t<div class=\"vd-layout-manage-list-content\" cdkScrollable>\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t</div>\r\n</mat-sidenav-container>",
-                    styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.vd-layout-manage-list{flex:1}:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closed,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closing,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opened,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opening{box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}:host .vd-layout-manage-list-sidenav{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;flex-direction:column;box-sizing:border-box;display:flex}:host .vd-layout-manage-list-main .vd-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>mat-sidenav{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:flex;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}"]
+                    styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.vd-layout-manage-list{flex:1}:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opened,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opening,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closed,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closing{box-shadow:0 1px 3px #0003}:host .vd-layout-manage-list-sidenav{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;flex-direction:column;box-sizing:border-box;display:flex}:host .vd-layout-manage-list-main .vd-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>mat-sidenav{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutManageListComponent.ctorParameters = function () { return [
         { type: VdMediaService }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutManageListComponent.propDecorators = {
         sidenav: [{ type: i0.ViewChild, args: [sidenav.MatSidenav, { static: true },] }],
         mode: [{ type: i0.Input, args: ['mode',] }],
@@ -14374,15 +14787,23 @@
         };
         return LayoutToggle;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     LayoutToggle.decorators = [
         { type: i0.Directive }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     LayoutToggle.ctorParameters = function () { return [
         { type: undefined },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     LayoutToggle.propDecorators = {
         hideWhenOpened: [{ type: i0.Input, args: ['hideWhenOpened',] }],
         clickListener: [{ type: i0.HostListener, args: ['click', ['$event'],] }]
@@ -14405,17 +14826,25 @@
         };
         return VdLayoutManageListToggleDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutManageListToggleDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutManageListToggle]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutManageListToggleDirective.ctorParameters = function () { return [
         { type: VdLayoutManageListComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutManageListComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutManageListToggleDirective.propDecorators = {
         vdLayoutManageListToggle: [{ type: i0.Input, args: ['vdLayoutManageListToggle',] }]
     };
@@ -14436,17 +14865,25 @@
         };
         return VdLayoutManageListCloseDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutManageListCloseDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutManageListClose]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutManageListCloseDirective.ctorParameters = function () { return [
         { type: VdLayoutManageListComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutManageListComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutManageListCloseDirective.propDecorators = {
         vdLayoutManageListClose: [{ type: i0.Input, args: ['vdLayoutManageListClose',] }]
     };
@@ -14467,17 +14904,25 @@
         };
         return VdLayoutManageListOpenDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutManageListOpenDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutManageListOpen]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutManageListOpenDirective.ctorParameters = function () { return [
         { type: VdLayoutManageListComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutManageListComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutManageListOpenDirective.propDecorators = {
         vdLayoutManageListOpen: [{ type: i0.Input, args: ['vdLayoutManageListOpen',] }]
     };
@@ -14568,17 +15013,25 @@
         };
         return VdLayoutNavListComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutNavListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-layout-nav-list',
                     template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\"\r\n\t\t [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<mat-toolbar [color]=\"color\">\r\n\t\t\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\r\n\t\t\t\t<span *ngIf=\"icon || logo || toolbarTitle\" class=\"vd-layout-nav-list-toolbar-content\" [class.cursor-pointer]=\"routerEnabled\"\r\n\t\t\t\t (click)=\"handleNavigationClick()\">\r\n\t\t\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<ng-content select=\"[vd-sidenav-toolbar-content]\"></ng-content>\r\n\t\t\t</mat-toolbar>\r\n\t\t\t<div class=\"vd-layout-nav-list-content\" cdkScrollable>\r\n\t\t\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</mat-sidenav>\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<mat-toolbar [color]=\"color\">\r\n\t\t\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\r\n\t\t\t</mat-toolbar>\r\n\t\t\t<div class=\"vd-layout-nav-list-content\" cdkScrollable>\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t</div>\r\n\t</mat-sidenav-container>\r\n</div>\r\n<ng-content select=\"vd-layout-footer\"></ng-content>",
-                    styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;flex-direction:column;box-sizing:border-box;display:flex;flex:1}:host .vd-layout-nav-list-wrapper{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-content{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main .vd-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list{flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closing,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opening{box-shadow:none}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>mat-sidenav{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:flex;flex-direction:column}"]
+                    styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;flex-direction:column;box-sizing:border-box;display:flex;flex:1}:host .vd-layout-nav-list-wrapper{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-content{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main .vd-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list{flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opening,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closing{box-shadow:none}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>mat-sidenav{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;flex-direction:column}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutNavListComponent.ctorParameters = function () { return [
         { type: i1$1.Router, decorators: [{ type: i0.Optional }] }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutNavListComponent.propDecorators = {
         sidenav: [{ type: i0.ViewChild, args: [sidenav.MatSidenav, { static: true },] }],
         toolbarTitle: [{ type: i0.Input, args: ['toolbarTitle',] }],
@@ -14608,17 +15061,25 @@
         };
         return VdLayoutNavListToggleDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutNavListToggleDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutNavListToggle]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutNavListToggleDirective.ctorParameters = function () { return [
         { type: VdLayoutNavListComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutNavListComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutNavListToggleDirective.propDecorators = {
         vdLayoutNavListToggle: [{ type: i0.Input, args: ['vdLayoutNavListToggle',] }]
     };
@@ -14639,17 +15100,25 @@
         };
         return VdLayoutNavListCloseDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutNavListCloseDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutNavListClose]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutNavListCloseDirective.ctorParameters = function () { return [
         { type: VdLayoutNavListComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutNavListComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutNavListCloseDirective.propDecorators = {
         vdLayoutNavListClose: [{ type: i0.Input, args: ['vdLayoutNavListClose',] }]
     };
@@ -14670,17 +15139,25 @@
         };
         return VdLayoutNavListOpenDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutNavListOpenDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutNavListOpen]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutNavListOpenDirective.ctorParameters = function () { return [
         { type: VdLayoutNavListComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutNavListComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutNavListOpenDirective.propDecorators = {
         vdLayoutNavListOpen: [{ type: i0.Input, args: ['vdLayoutNavListOpen',] }]
     };
@@ -14720,17 +15197,25 @@
         };
         return VdLayoutNavComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutNavComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-layout-nav',
                     template: "<div class=\"vd-layout-nav-wrapper\">\r\n\t<mat-toolbar [color]=\"color\">\r\n\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\r\n\t\t<span *ngIf=\"icon || logo || toolbarTitle\" [class.cursor-pointer]=\"routerEnabled\" (click)=\"handleNavigationClick()\" class=\"vd-layout-nav-toolbar-content\">\r\n\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t<span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>\r\n\t\t</span>\r\n\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\r\n\t</mat-toolbar>\r\n\t<div class=\"vd-layout-nav-content\" cdkScrollable>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<ng-content select=\"vd-layout-footer\"></ng-content>\r\n</div>",
-                    styles: [".vd-menu-button{margin-left:0}::ng-deep [dir=rtl] .vd-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .vd-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .vd-layout-nav-wrapper .vd-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-wrapper .vd-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}"]
+                    styles: [".vd-menu-button{margin-left:0}::ng-deep [dir=rtl] .vd-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .vd-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .vd-layout-nav-wrapper .vd-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-wrapper .vd-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutNavComponent.ctorParameters = function () { return [
         { type: i1$1.Router, decorators: [{ type: i0.Optional }] }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutNavComponent.propDecorators = {
         toolbarTitle: [{ type: i0.Input, args: ['toolbarTitle',] }],
         icon: [{ type: i0.Input, args: ['icon',] }],
@@ -14803,13 +15288,15 @@
         };
         return VdLayoutComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-layout',
                     template: "<mat-sidenav-container fullscreen>\r\n\t<mat-sidenav #sidenav class=\"vd-layout-sidenav\" [mode]=\"mode\" [opened]=\"opened\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\"\r\n\t [disableClose]=\"disableClose\">\r\n\t\t<ng-content select=\"vd-navigation-drawer\"></ng-content>\r\n\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t</mat-sidenav>\r\n\t<ng-content></ng-content>\r\n</mat-sidenav-container>",
-                    styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container>mat-sidenav{display:flex;flex-direction:column}"]
+                    styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container>mat-sidenav{display:flex;flex-direction:column}\n"]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutComponent.propDecorators = {
         sidenav: [{ type: i0.ViewChild, args: [sidenav.MatSidenav, { static: true },] }],
         mode: [{ type: i0.Input, args: ['mode',] }],
@@ -14834,17 +15321,25 @@
         };
         return VdLayoutToggleDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutToggleDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutToggle]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutToggleDirective.ctorParameters = function () { return [
         { type: VdLayoutComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutToggleDirective.propDecorators = {
         vdLayoutToggle: [{ type: i0.Input, args: ['vdLayoutToggle',] }]
     };
@@ -14865,17 +15360,25 @@
         };
         return VdLayoutCloseDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutCloseDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutClose]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutCloseDirective.ctorParameters = function () { return [
         { type: VdLayoutComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutCloseDirective.propDecorators = {
         vdLayoutClose: [{ type: i0.Input, args: ['vdLayoutClose',] }]
     };
@@ -14896,17 +15399,25 @@
         };
         return VdLayoutOpenDirective;
     }(LayoutToggle));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutOpenDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdLayoutOpen]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdLayoutOpenDirective.ctorParameters = function () { return [
         { type: VdLayoutComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutComponent; }),] }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdLayoutOpenDirective.propDecorators = {
         vdLayoutClose: [{ type: i0.Input, args: ['vdLayoutOpen',] }]
     };
@@ -14960,6 +15471,7 @@
         }
         return VdNavigationDrawerMenuDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdNavigationDrawerMenuDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vd-navigation-drawer-menu]',
@@ -14970,6 +15482,7 @@
         }
         return VdNavigationDrawerToolbarDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdNavigationDrawerToolbarDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vd-navigation-drawer-toolbar]',
@@ -15097,20 +15610,28 @@
         };
         return VdNavigationDrawerComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdNavigationDrawerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-navigation-drawer',
                     template: "<mat-toolbar [color]=\"color\" [style.background-image]=\"backgroundImage\" [class.vd-toolbar-background]=\"!!isBackgroundAvailable\"\r\n class=\"vd-nagivation-drawer-toolbar\">\r\n\t<ng-content select=\"[vd-navigation-drawer-toolbar]\"></ng-content>\r\n\t<ng-container *ngIf=\"!isCustomToolbar\">\r\n\t\t<div *ngIf=\"icon || logo || sidenavTitle\" class=\"vd-navigation-drawer-toolbar-content\" [class.cursor-pointer]=\"routerEnabled\"\r\n\t\t (click)=\"handleNavigationClick()\">\r\n\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t<span *ngIf=\"sidenavTitle\" class=\"vd-navigation-drawer-title\">{{sidenavTitle}}</span>\r\n\t\t</div>\r\n\t\t<div class=\"vd-navigation-drawer-name\" *ngIf=\"email && name\">{{name}}</div>\r\n\t\t<div class=\"vd-navigation-drawer-menu-toggle\" href *ngIf=\"email || name\" (click)=\"toggleMenu()\">\r\n\t\t\t<span class=\"vd-navigation-drawer-label\">{{email || name}}</span>\r\n\t\t\t<button mat-icon-button class=\"vd-navigation-drawer-menu-button\" *ngIf=\"isMenuAvailable\">\r\n\t\t\t\t<mat-icon *ngIf=\"!menuToggled\">arrow_drop_down</mat-icon>\r\n\t\t\t\t<mat-icon *ngIf=\"menuToggled\">arrow_drop_up</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</ng-container>\r\n</mat-toolbar>\r\n<div class=\"vd-navigation-drawer-content\" [@vdCollapse]=\"menuToggled\">\r\n\t<ng-content></ng-content>\r\n</div>\r\n<div class=\"vd-navigation-drawer-menu-content\" [@vdCollapse]=\"!menuToggled\">\r\n\t<ng-content select=\"[vd-navigation-drawer-menu]\"></ng-content>\r\n</div>",
                     animations: [VdCollapseAnimation()],
-                    styles: [":host{width:100%}:host .vd-navigation-drawer-content.ng-animating,:host .vd-navigation-drawer-menu-content.ng-animating{overflow:hidden}:host mat-toolbar{padding:16px}:host mat-toolbar.vd-toolbar-background{background-repeat:no-repeat;background-size:cover}:host mat-toolbar.vd-nagivation-drawer-toolbar{flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .vd-navigation-drawer-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host mat-toolbar .vd-navigation-drawer-menu-toggle{flex-direction:row;box-sizing:border-box;display:flex}:host mat-toolbar .vd-navigation-drawer-menu-toggle .vd-navigation-drawer-label{flex:1}:host mat-toolbar .vd-navigation-drawer-menu-toggle .vd-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}"]
+                    styles: [":host{width:100%}:host .vd-navigation-drawer-content.ng-animating,:host .vd-navigation-drawer-menu-content.ng-animating{overflow:hidden}:host mat-toolbar{padding:16px}:host mat-toolbar.vd-toolbar-background{background-repeat:no-repeat;background-size:cover}:host mat-toolbar.vd-nagivation-drawer-toolbar{flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .vd-navigation-drawer-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host mat-toolbar .vd-navigation-drawer-menu-toggle{flex-direction:row;box-sizing:border-box;display:flex}:host mat-toolbar .vd-navigation-drawer-menu-toggle .vd-navigation-drawer-label{flex:1}:host mat-toolbar .vd-navigation-drawer-menu-toggle .vd-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdNavigationDrawerComponent.ctorParameters = function () { return [
         { type: VdLayoutComponent, decorators: [{ type: i0.Inject, args: [i0.forwardRef(function () { return VdLayoutComponent; }),] }] },
         { type: i1$1.Router, decorators: [{ type: i0.Optional }] },
         { type: platformBrowser.DomSanitizer }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdNavigationDrawerComponent.propDecorators = {
         _drawerMenu: [{ type: i0.ContentChildren, args: [VdNavigationDrawerMenuDirective,] }],
         _toolbar: [{ type: i0.ContentChildren, args: [VdNavigationDrawerToolbarDirective,] }],
@@ -15149,6 +15670,7 @@
         }
         return VdLayoutModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdLayoutModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -15279,17 +15801,25 @@
         };
         return VdMediaToggleDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdMediaToggleDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[vdMediaToggle]',
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdMediaToggleDirective.ctorParameters = function () { return [
         { type: i0.Renderer2 },
         { type: i0.ElementRef },
         { type: VdMediaService }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdMediaToggleDirective.propDecorators = {
         query: [{ type: i0.Input, args: ['vdMediaToggle',] }],
         attributes: [{ type: i0.Input, args: ['mediaAttributes',] }],
@@ -15305,6 +15835,7 @@
         }
         return VdMediaModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdMediaModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -15351,6 +15882,7 @@
         };
         return VdMenuComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdMenuComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-menu',
@@ -15358,6 +15890,7 @@
                     styles: [""]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdMenuComponent.propDecorators = {
         items: [{ type: i0.Input }],
         activeExact: [{ type: i0.Input }],
@@ -15377,10 +15910,17 @@
         return MenuService;
     }(GenericService));
     /** @nocollapse */ MenuService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(); }, token: MenuService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MenuService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MenuService.ctorParameters = function () { return []; };
 
     exports.MenuScope = void 0;
@@ -15413,10 +15953,17 @@
         return MenuItemService;
     }(GenericService));
     /** @nocollapse */ MenuItemService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MenuItemService_Factory() { return new MenuItemService(); }, token: MenuItemService, providedIn: "root" });
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MenuItemService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MenuItemService.ctorParameters = function () { return []; };
 
     /**
@@ -15439,10 +15986,17 @@
         };
         return MenuResolve;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     MenuResolve.decorators = [
         { type: i0.Injectable }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     MenuResolve.ctorParameters = function () { return [
         { type: MenuService }
     ]; };
@@ -15470,6 +16024,7 @@
         };
         return SubMenuResolve;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     SubMenuResolve.decorators = [
         { type: i0.Injectable }
     ];
@@ -15482,6 +16037,7 @@
         }
         return VdMenuModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdMenuModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -15575,6 +16131,7 @@
         };
         return VdSearchInputComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdSearchInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-search-input',
@@ -15597,13 +16154,20 @@
                             animations.transition('show => *', animations.animate('200ms ease-out')),
                         ]),
                     ],
-                    styles: [".vd-search-input{overflow-x:hidden}.vd-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-input-underline{display:none}"]
+                    styles: [".vd-search-input{overflow-x:hidden}.vd-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-input-underline{display:none}\n"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdSearchInputComponent.ctorParameters = function () { return [
         { type: bidi.Dir, decorators: [{ type: i0.Optional }] }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdSearchInputComponent.propDecorators = {
         _input: [{ type: i0.ViewChild, args: [input.MatInput, { static: true },] }],
         showUnderline: [{ type: i0.Input, args: ['showUnderline',] }],
@@ -15695,6 +16259,7 @@
         };
         return VdSearchBoxComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdSearchBoxComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vd-search-box',
@@ -15715,9 +16280,10 @@
                             animations.transition('1 => 0', animations.animate('200ms ease-out')),
                         ]),
                     ],
-                    styles: [":host{display:block}.vd-search-box vd-search-input{margin-left:12px}::ng-deep [dir=rtl] .vd-search-box vd-search-input{margin-right:12px;margin-left:0!important}"]
+                    styles: [":host{display:block}.vd-search-box vd-search-input{margin-left:12px}::ng-deep [dir=rtl] .vd-search-box vd-search-input{margin-right:12px;margin-left:0!important}\n"]
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     VdSearchBoxComponent.propDecorators = {
         _searchInput: [{ type: i0.ViewChild, args: [VdSearchInputComponent, { static: true },] }],
         backIcon: [{ type: i0.Input, args: ['backIcon',] }],
@@ -15739,6 +16305,7 @@
         }
         return VdSearchModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdSearchModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -15769,13 +16336,20 @@
         };
         return FilterClearComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterClearComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mat-header-cell[filter-clear],[mat-header-cell][filter-clear]',
                     template: "\n\t\t<button type=\"button\" mat-icon-button (click)=\"clear()\">\n\t\t\t<mat-icon>backspace</mat-icon>\n\t\t</button>"
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FilterClearComponent.ctorParameters = function () { return [
         { type: table.MatTable }
     ]; };
@@ -15873,6 +16447,7 @@
         FilterDateComponent.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
         return FilterDateComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterDateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mat-header-cell[filter-date],[mat-header-cell][filter-date]',
@@ -15886,11 +16461,18 @@
                     ]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FilterDateComponent.ctorParameters = function () { return [
         { type: table.MatTable },
         { type: table$1.CdkColumnDef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FilterDateComponent.propDecorators = {
         field: [{ type: i0.Input }],
         debounce: [{ type: i0.Input, args: ['debounce',] }],
@@ -16033,6 +16615,7 @@
         };
         return FilterInputComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mat-header-cell[filter-input],[mat-header-cell][filter-input]',
@@ -16046,11 +16629,18 @@
                     ]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FilterInputComponent.ctorParameters = function () { return [
         { type: table.MatTable },
         { type: table$1.CdkColumnDef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FilterInputComponent.propDecorators = {
         _filter: [{ type: i0.ViewChild, args: ['filterElement', { static: true },] }],
         field: [{ type: i0.Input }],
@@ -16068,10 +16658,17 @@
         }
         return VdFilterOptionDirective;
     }(portal.TemplatePortalDirective));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdFilterOptionDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[vd-filter-option]ng-template' },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     VdFilterOptionDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef },
         { type: i0.ViewContainerRef }
@@ -16306,6 +16903,7 @@
         FilterSelectComponent.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
         return FilterSelectComponent;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     FilterSelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mat-header-cell[filter-select],[mat-header-cell][filter-select]',
@@ -16320,12 +16918,19 @@
                     styles: ["\n\t\t.vd-select-filter {\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\tz-index: 100;\n\t\t\tfont-size: inherit;\n\t\t\tbox-shadow: none;\n\t\t\tborder-radius: 0;\n\t\t\tpadding: 11px 16px;\n\t\t\tbox-sizing: border-box;\n\t\t\tborder: none;\n\t\t\tborder-bottom: 1px solid #dcdcdc;\n\t\t\twidth: 100%;\n\t\t\tbackground-color: #f5f5f5;\n\t\t\toutline: none;\n\t\t}"]
                 },] }
     ];
-    /** @nocollapse */
+    /**
+     * @type {function(): !Array<(null|{
+     *   type: ?,
+     *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+     * })>}
+     * @nocollapse
+     */
     FilterSelectComponent.ctorParameters = function () { return [
         { type: i0.Injector },
         { type: table.MatTable },
         { type: table$1.CdkColumnDef }
     ]; };
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     FilterSelectComponent.propDecorators = {
         optionTemplate: [{ type: i0.ContentChild, args: [VdFilterOptionDirective,] }],
         selectEl: [{ type: i0.ViewChild, args: [select.MatSelect, { static: false },] }],
@@ -16382,11 +16987,13 @@
         };
         return DataSourceFilterDirective;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     DataSourceFilterDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[dataSourceFilter]'
                 },] }
     ];
+    /** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
     DataSourceFilterDirective.propDecorators = {
         dataSource: [{ type: i0.Input }],
         dataSourceFilter: [{ type: i0.Input }]
@@ -16430,6 +17037,7 @@
         }
         return PaginatorIntl;
     }(paginator.MatPaginatorIntl));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     PaginatorIntl.decorators = [
         { type: i0.Injectable }
     ];
@@ -16614,6 +17222,7 @@
         }
         return VdTableModule;
     }());
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
     VdTableModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
@@ -16913,40 +17522,40 @@
     exports.url = url;
     exports.urlAsync = urlAsync;
     exports.whitelist = whitelist;
-    exports.ɵ0 = ɵ0$1;
-    exports.ɵa = VdChipDirective;
-    exports.ɵb = VdAutocompleteOptionDirective;
-    exports.ɵba = VdFileDirective;
-    exports.ɵbb = VdCustomDirective;
-    exports.ɵbc = VdGenericFormComponent;
-    exports.ɵbd = LayoutToggle;
-    exports.ɵbe = VdCollapseAnimation;
-    exports.ɵbf = PaginatorIntl;
-    exports.ɵc = DIALOG_PROVIDER_FACTORY;
-    exports.ɵd = DIALOG_PROVIDER;
-    exports.ɵe = MEDIA_PROVIDER_FACTORY;
-    exports.ɵf = MEDIA_PROVIDER;
-    exports.ɵg = VdSelectOptionDirective;
-    exports.ɵh = VdFilterOptionDirective;
-    exports.ɵi = DisableControlDirective;
-    exports.ɵj = OnlyNumberDirective;
-    exports.ɵk = FileSizePipe;
-    exports.ɵl = FilterPipe;
-    exports.ɵm = PlaceholderPipe;
-    exports.ɵn = TruncatePipe;
-    exports.ɵo = TimePipe;
-    exports.ɵp = MonthNamePipe;
-    exports.ɵq = SafeHtmlPipe;
-    exports.ɵr = BaseValidator;
-    exports.ɵs = ControlExpressionProcess;
-    exports.ɵt = DecimalProvider;
-    exports.ɵv = ControlHostDirective;
-    exports.ɵw = BaseFormBuilder;
-    exports.ɵx = MatFormFieldReadonlyDirective;
-    exports.ɵy = VdEditorDirective;
-    exports.ɵz = VdCodeDirective;
+    exports["ɵ0"] = ɵ0$1;
+    exports["ɵa"] = VdChipDirective;
+    exports["ɵb"] = VdAutocompleteOptionDirective;
+    exports["ɵba"] = VdFileDirective;
+    exports["ɵbb"] = VdCustomDirective;
+    exports["ɵbc"] = VdGenericFormComponent;
+    exports["ɵbd"] = LayoutToggle;
+    exports["ɵbe"] = VdCollapseAnimation;
+    exports["ɵbf"] = PaginatorIntl;
+    exports["ɵc"] = DIALOG_PROVIDER_FACTORY;
+    exports["ɵd"] = DIALOG_PROVIDER;
+    exports["ɵe"] = MEDIA_PROVIDER_FACTORY;
+    exports["ɵf"] = MEDIA_PROVIDER;
+    exports["ɵg"] = VdSelectOptionDirective;
+    exports["ɵh"] = VdFilterOptionDirective;
+    exports["ɵi"] = DisableControlDirective;
+    exports["ɵj"] = OnlyNumberDirective;
+    exports["ɵk"] = FileSizePipe;
+    exports["ɵl"] = FilterPipe;
+    exports["ɵm"] = PlaceholderPipe;
+    exports["ɵn"] = TruncatePipe;
+    exports["ɵo"] = TimePipe;
+    exports["ɵp"] = MonthNamePipe;
+    exports["ɵq"] = SafeHtmlPipe;
+    exports["ɵr"] = BaseValidator;
+    exports["ɵs"] = ControlExpressionProcess;
+    exports["ɵt"] = DecimalProvider;
+    exports["ɵv"] = ControlHostDirective;
+    exports["ɵw"] = BaseFormBuilder;
+    exports["ɵx"] = MatFormFieldReadonlyDirective;
+    exports["ɵy"] = VdEditorDirective;
+    exports["ɵz"] = VdCodeDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=messaia-cdk.umd.js.map