@messaia/cdk 12.1.3 → 12.2.2

package/fesm2015/messaia-cdk.js

@@ -49,6 +49,7 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 
 class AppSetting {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 AppSetting.decorators = [
     { type: Injectable }
 ];
@@ -83,14 +84,21 @@ class VdAlertDialogComponent {
         this._dialogRef.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdAlertDialogComponent.decorators = [
     { type: 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 = () => [
     { type: MatDialogRef }
 ];
@@ -118,14 +126,21 @@ class VdConfirmDialogComponent {
         this._dialogRef.close(true);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdConfirmDialogComponent.decorators = [
     { type: 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 = () => [
     { type: MatDialogRef }
 ];
@@ -153,14 +168,21 @@ class VdPromptDialogComponent {
         this._dialogRef.close(this.value);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdPromptDialogComponent.decorators = [
     { type: 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 = () => [
     { type: MatDialogRef }
 ];
@@ -279,10 +301,17 @@ class VdDialogService {
     }
 }
 /** @nocollapse */ VdDialogService.ɵprov = i0.ɵɵdefineInjectable({ factory: function VdDialogService_Factory() { return new VdDialogService(i0.ɵɵinject(i1.MatDialog)); }, token: VdDialogService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDialogService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdDialogService.ctorParameters = () => [
     { type: MatDialog }
 ];
@@ -386,10 +415,17 @@ class VdMediaService {
         this._querySources[query].next(matchMedia(query).matches);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdMediaService.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdMediaService.ctorParameters = () => [
     { type: NgZone }
 ];
@@ -577,6 +613,13 @@ class BaseComponent {
          */
         this.changeDetectorRef.detectChanges();
     }
+    /**
+     * Refreshs this page/component
+     */
+    reloadPage() {
+        let currentUrl = this.router.url;
+        this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => this.router.navigate([currentUrl]));
+    }
     /**
      * Retrieves an instance from the injector based on the provided token.
      * If not found:
@@ -808,10 +851,17 @@ class BaseComponent {
         return obj;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 BaseComponent.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 BaseComponent.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: ChangeDetectorRef }
@@ -926,6 +976,32 @@ class Utils {
         catch (error) { }
         return obj;
     }
+    /**
+     * Gets the query params and the hash from the specified url
+     * @param url
+     * @returns
+     */
+    static getUrlParts(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((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 };
+        }
+    }
 }
 /**
  * Month names
@@ -944,6 +1020,7 @@ Utils.germanMonthNames = [
     { name: 'November', id: 11 },
     { name: 'Dezember', id: 12 }
 ];
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 Utils.decorators = [
     { type: Directive }
 ];
@@ -1258,7 +1335,8 @@ class GenericFormComponent extends BaseComponent {
      */
     back(action = SaveAction.SaveAndClose) {
         if (action == 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) {
@@ -1266,7 +1344,7 @@ class GenericFormComponent extends BaseComponent {
                     this.location.back();
                 }
                 else if (action == SaveAction.SaveAndEdit) {
-                    this.loadItem();
+                    this.reloadPage();
                 }
             }
             else {
@@ -1398,16 +1476,24 @@ class GenericFormComponent extends BaseComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 GenericFormComponent.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 GenericFormComponent.ctorParameters = () => [
     { type: undefined },
     { type: undefined },
     { type: ActivatedRoute },
     { type: ChangeDetectorRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 GenericFormComponent.propDecorators = {
     input: [{ type: ViewChildren, args: ['focus',] }],
     handleKeyboardEvent: [{ type: HostListener, args: ['document:keydown', ['$event'],] }]
@@ -1467,6 +1553,7 @@ AppStorage.getObject = (key) => {
         return null;
     }
 };
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 AppStorage.decorators = [
     { type: Directive }
 ];
@@ -1511,10 +1598,17 @@ class DynamicBuilder {
     }
 }
 /** @nocollapse */ DynamicBuilder.ɵprov = i0.ɵɵdefineInjectable({ factory: function DynamicBuilder_Factory() { return new DynamicBuilder(i0.ɵɵinject(i0.Compiler)); }, token: DynamicBuilder, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 DynamicBuilder.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 DynamicBuilder.ctorParameters = () => [
     { type: Compiler }
 ];
@@ -1815,7 +1909,7 @@ class VdDynamicTableComponent {
      */
     hasVisibleActionMenus(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(x => !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(x => !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.
@@ -1859,6 +1953,7 @@ class VdDynamicTableComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDynamicTableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vd-dynamic-table',
@@ -1872,10 +1967,17 @@ VdDynamicTableComponent.decorators = [
                 ]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdDynamicTableComponent.ctorParameters = () => [
     { type: DynamicBuilder }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdDynamicTableComponent.propDecorators = {
     detailsTemplateRef: [{ type: ViewChildren, args: ['detailsTemplate', { read: ViewContainerRef },] }],
     dataSource: [{ type: Input }],
@@ -2520,16 +2622,24 @@ class GenericListComponent extends BaseComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 GenericListComponent.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 GenericListComponent.ctorParameters = () => [
     { type: undefined },
     { type: ActivatedRoute },
     { type: ChangeDetectorRef },
     { type: undefined }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 GenericListComponent.propDecorators = {
     paginator: [{ type: ViewChild, args: [MatPaginator, { static: true },] }],
     sort: [{ type: ViewChild, args: [MatSort, { static: true },] }],
@@ -2661,10 +2771,17 @@ class BaseInterceptor {
     }
 }
 /** @nocollapse */ BaseInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function BaseInterceptor_Factory() { return new BaseInterceptor(i0.ɵɵinject(AppSetting), i0.ɵɵinject(i2.MatSnackBar)); }, token: BaseInterceptor, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 BaseInterceptor.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 BaseInterceptor.ctorParameters = () => [
     { type: AppSetting },
     { type: MatSnackBar }
@@ -2727,10 +2844,17 @@ class CachingInterceptor {
     }
 }
 /** @nocollapse */ CachingInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function CachingInterceptor_Factory() { return new CachingInterceptor(); }, token: CachingInterceptor, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 CachingInterceptor.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 CachingInterceptor.ctorParameters = () => [];
 
 class LoadingScreenService {
@@ -2771,6 +2895,7 @@ class LoadingScreenService {
     }
 }
 /** @nocollapse */ LoadingScreenService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoadingScreenService_Factory() { return new LoadingScreenService(); }, token: LoadingScreenService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 LoadingScreenService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -2827,10 +2952,17 @@ class LoadingScreenInterceptor {
     }
     ;
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 LoadingScreenInterceptor.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 LoadingScreenInterceptor.ctorParameters = () => [
     { type: LoadingScreenService }
 ];
@@ -3158,10 +3290,17 @@ class FileService extends GenericService {
     }
 }
 /** @nocollapse */ FileService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FileService_Factory() { return new FileService(); }, token: FileService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FileService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FileService.ctorParameters = () => [];
 
 class PrintService {
@@ -3194,10 +3333,17 @@ class PrintService {
     }
 }
 /** @nocollapse */ PrintService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PrintService_Factory() { return new PrintService(i0.ɵɵinject(i1$1.Router)); }, token: PrintService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 PrintService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 PrintService.ctorParameters = () => [
     { type: Router }
 ];
@@ -3206,6 +3352,7 @@ const DECLARATIONS$5 = [];
 const MATRIAL_DECLARATIONS$1 = [];
 class VdBaseModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdBaseModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -3450,10 +3597,17 @@ class AbstractMatFormField extends mixinErrorState(_AbstractMatFormField) {
  * The element ID
  */
 AbstractMatFormField.nextId = 0;
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 AbstractMatFormField.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 AbstractMatFormField.ctorParameters = () => [
     { type: String },
     { type: NgControl },
@@ -3463,6 +3617,7 @@ AbstractMatFormField.ctorParameters = () => [
     { type: FocusMonitor },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 AbstractMatFormField.propDecorators = {
     placeholder: [{ type: Input }],
     required: [{ type: Input }],
@@ -3481,10 +3636,17 @@ class VdChipDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdChipDirective.decorators = [
     { type: Directive, args: [{ selector: '[vd-chip]ng-template' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdChipDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -3497,10 +3659,17 @@ class VdAutocompleteOptionDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdAutocompleteOptionDirective.decorators = [
     { type: 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 = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -3816,6 +3985,7 @@ class VdChipsComponent extends AbstractMatFormField {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdChipsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vd-chips',
@@ -3823,10 +3993,16 @@ VdChipsComponent.decorators = [
                 providers: [
                     { provide: 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 = () => [
     { type: Injector },
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
@@ -3836,6 +4012,7 @@ VdChipsComponent.ctorParameters = () => [
     { type: FocusMonitor },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdChipsComponent.propDecorators = {
     chipInput: [{ type: ViewChild, args: [MatInput, { static: true },] }],
     chips: [{ type: Input }],
@@ -3874,6 +4051,7 @@ const MATRIAL_DECLARATIONS = [
 ];
 class VdChipsModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdChipsModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -3913,13 +4091,21 @@ class DisableControlDirective {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 DisableControlDirective.decorators = [
     { type: Directive, args: [{ selector: '[disableControl]' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 DisableControlDirective.ctorParameters = () => [
     { type: NgControl }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 DisableControlDirective.propDecorators = {
     disableControl: [{ type: Input }]
 };
@@ -3929,6 +4115,7 @@ class DataSourcePipe {
         return data ? new MatTableDataSource(data) : null;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 DataSourcePipe.decorators = [
     { type: Pipe, args: [{ name: 'dataSource' },] }
 ];
@@ -3943,6 +4130,7 @@ class EnumPipe {
         return `${prefix}${enumType[value]}${suffix}`;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 EnumPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'enum',
@@ -3979,6 +4167,7 @@ class FileSizePipe {
         return `${bytes.toFixed(precision[unit])} ${unit}`;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FileSizePipe.decorators = [
     { type: Pipe, args: [{ name: 'fileSize' },] }
 ];
@@ -3994,6 +4183,7 @@ class FilterPipe {
         return items === null || items === void 0 ? void 0 : items.filter(item => item.id.indexOf(filterBy) !== -1);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'filter',
@@ -4012,6 +4202,7 @@ class FirstLetterPipe {
         return uppercase ? val.toUpperCase() : val;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FirstLetterPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'firstLetter',
@@ -4029,6 +4220,7 @@ class KeysPipe {
         return keys;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 KeysPipe.decorators = [
     { type: Pipe, args: [{ name: 'keys' },] }
 ];
@@ -4048,6 +4240,7 @@ class MonthNamePipe {
         return (month < 1 || month > 12) ? 'N/A' : this.monthNames[month - 1];
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MonthNamePipe.decorators = [
     { type: Pipe, args: [{
                 name: 'monthName',
@@ -4092,15 +4285,23 @@ class OnlyNumberDirective {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 OnlyNumberDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[onlyNumber]'
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 OnlyNumberDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 OnlyNumberDirective.propDecorators = {
     onlyNumber: [{ type: Input }],
     onKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
@@ -4277,6 +4478,7 @@ class OrderPipe {
         }, value);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 OrderPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'orderBy',
@@ -4297,6 +4499,7 @@ class PlaceholderPipe {
         return '';
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 PlaceholderPipe.decorators = [
     { type: Pipe, args: [{
                 name: 'placeholder',
@@ -4325,10 +4528,17 @@ class SafeHtmlPipe {
         return this.sanitizer.bypassSecurityTrustHtml(html);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 SafeHtmlPipe.decorators = [
     { type: Pipe, args: [{ name: 'safeHtml' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 SafeHtmlPipe.ctorParameters = () => [
     { type: DomSanitizer }
 ];
@@ -4344,6 +4554,7 @@ class TimePipe {
         return time;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 TimePipe.decorators = [
     { type: Pipe, args: [{ name: 'time' },] }
 ];
@@ -4353,6 +4564,7 @@ class TitleCase {
         return input.length > 0 ? input.replace(/\w\S*/g, (txt => txt[0].toUpperCase() + txt.substr(1).toLowerCase())) : '';
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 TitleCase.decorators = [
     { type: Pipe, args: [{ name: 'titlecase', pure: false },] }
 ];
@@ -4362,6 +4574,7 @@ class TruncatePipe {
         return Utils.truncateText(text, length);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 TruncatePipe.decorators = [
     { type: Pipe, args: [{ name: 'truncate' },] }
 ];
@@ -4371,6 +4584,7 @@ class ValuesPipe {
         return Object.keys(value).map(key => value[key]);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ValuesPipe.decorators = [
     { type: Pipe, args: [{ name: 'values', pure: false },] }
 ];
@@ -4483,10 +4697,17 @@ class BaseService extends GenericService {
     }
 }
 /** @nocollapse */ BaseService.ɵprov = i0.ɵɵdefineInjectable({ factory: function BaseService_Factory() { return new BaseService(); }, token: BaseService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 BaseService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 BaseService.ctorParameters = () => [];
 
 //@dynamic
@@ -4525,6 +4746,7 @@ class EnumService {
             .map(key => ({ id: enumType[key], name: `${prefix}${key}` }));
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 EnumService.decorators = [
     { type: Injectable }
 ];
@@ -4562,6 +4784,7 @@ const COMMON_DECLARATIONS = [
 ];
 class VdCommonModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdCommonModule.decorators = [
     { type: NgModule, args: [{
                 imports: [],
@@ -4573,16 +4796,19 @@ VdCommonModule.decorators = [
 
 class VdDialogTitleDirective {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDialogTitleDirective.decorators = [
     { type: Directive, args: [{ selector: 'vd-dialog-title' },] }
 ];
 class VdDialogContentDirective {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDialogContentDirective.decorators = [
     { type: Directive, args: [{ selector: 'vd-dialog-content' },] }
 ];
 class VdDialogActionsDirective {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDialogActionsDirective.decorators = [
     { type: Directive, args: [{ selector: 'vd-dialog-actions' },] }
 ];
@@ -4599,13 +4825,15 @@ class VdDialogComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDialogComponent.decorators = [
     { type: 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: ContentChildren, args: [VdDialogTitleDirective,] }],
     dialogContent: [{ type: ContentChildren, args: [VdDialogContentDirective,] }],
@@ -4628,6 +4856,7 @@ const VD_DIALOGS_ENTRY_COMPONENTS = [
 ];
 class VdDialogsModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdDialogsModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -4887,6 +5116,7 @@ class VdFileInputComponent {
         this.fm.stopMonitoring(this._elementRef.nativeElement);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdFileInputComponent.decorators = [
     { type: Component, args: [{
                 selector: '[vd-file-input]',
@@ -4914,7 +5144,13 @@ VdFileInputComponent.decorators = [
 		}`]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdFileInputComponent.ctorParameters = () => [
     { type: NgControl },
     { type: FocusMonitor },
@@ -4922,6 +5158,7 @@ VdFileInputComponent.ctorParameters = () => [
     { type: Renderer2 },
     { type: ChangeDetectorRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdFileInputComponent.propDecorators = {
     accept: [{ type: Input, args: ['accept',] }],
     onSelect: [{ type: Output, args: ['select',] }],
@@ -4940,6 +5177,7 @@ VdFileInputComponent.propDecorators = {
 
 class VdFileModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdFileModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -9148,9 +9386,11 @@ class BaseDirective {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 BaseDirective.decorators = [
     { type: Directive }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 BaseDirective.propDecorators = {
     model: [{ type: Input }]
 };
@@ -9161,15 +9401,23 @@ class HtmlControlTemplateDirective {
     }
     ;
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 HtmlControlTemplateDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[htmlControlTemplate]'
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 HtmlControlTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 HtmlControlTemplateDirective.propDecorators = {
     type: [{ type: Input, args: ['htmlControlTemplate',] }]
 };
@@ -9345,11 +9593,13 @@ class RxwebFormDirective extends BaseDirective {
     ngOnDestroy() {
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 RxwebFormDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[formGroup],[rxwebForm]',
             },] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 RxwebFormDirective.propDecorators = {
     formGroup: [{ type: Input }],
     ngForm: [{ type: Input, args: ['rxwebForm',] }]
@@ -9362,6 +9612,7 @@ class AsyncValidationDirective {
         return of(null);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 AsyncValidationDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[ngModel],[formControlName],[formControl]',
@@ -9372,6 +9623,7 @@ AsyncValidationDirective.decorators = [
                     }]
             },] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 AsyncValidationDirective.propDecorators = {
     async: [{ type: Input }]
 };
@@ -9433,6 +9685,7 @@ class FileControlDirective {
         return result;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FileControlDirective.decorators = [
     { type: Directive, args: [{
                 selector: "input[type=file]",
@@ -9447,10 +9700,17 @@ FileControlDirective.decorators = [
                     }]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FileControlDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 FileControlDirective.propDecorators = {
     writeFile: [{ type: Input }],
     extension: [{ type: Input }],
@@ -9483,6 +9743,7 @@ class ImageFileControlDirective {
         return of(null);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ImageFileControlDirective.decorators = [
     { type: Directive, args: [{
                 selector: "input[type=file]",
@@ -9493,10 +9754,17 @@ ImageFileControlDirective.decorators = [
                     }]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 ImageFileControlDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 ImageFileControlDirective.propDecorators = {
     image: [{ type: Input }]
 };
@@ -9544,10 +9812,17 @@ class DecimalProvider {
         this.isSetConfig = true;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 DecimalProvider.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 DecimalProvider.ctorParameters = () => [
     { type: DecimalPipe },
     { type: String, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
@@ -9993,9 +10268,11 @@ class ControlExpressionProcess {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ControlExpressionProcess.decorators = [
     { type: Directive }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 ControlExpressionProcess.propDecorators = {
     name: [{ type: Input }],
     formControlName: [{ type: Input }]
@@ -10031,9 +10308,11 @@ class BaseValidator extends ControlExpressionProcess {
         this.eventName = eventName.toLowerCase();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 BaseValidator.decorators = [
     { type: Directive }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 BaseValidator.propDecorators = {
     formControl: [{ type: Input }]
 };
@@ -10191,18 +10470,26 @@ class RxFormControlDirective extends BaseValidator {
             this.maskProvider.onDestroy();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 RxFormControlDirective.decorators = [
     { type: 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 = () => [
     { type: ElementRef },
     { type: Renderer2 },
     { type: DecimalProvider }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 RxFormControlDirective.propDecorators = {
     rxalpha: [{ type: Input }],
     rxalphaNumeric: [{ type: Input }],
@@ -10288,15 +10575,23 @@ class ControlHostDirective {
             this.viewContainerRef.clear();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ControlHostDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[controlHost]'
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 ControlHostDirective.ctorParameters = () => [
     { type: ViewContainerRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 ControlHostDirective.propDecorators = {
     portal: [{ type: Input, args: ['controlHost',] }]
 };
@@ -10999,10 +11294,17 @@ class RxFormBuilder extends BaseFormBuilder {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 RxFormBuilder.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 RxFormBuilder.ctorParameters = () => [];
 
 class TypedFormBuilder {
@@ -11017,15 +11319,23 @@ class TypedFormBuilder {
         return this.formBuilder.group(controlsConfig, options);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 TypedFormBuilder.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 TypedFormBuilder.ctorParameters = () => [];
 
 class RxReactiveFormsModule {
     static forRoot() { return { ngModule: RxReactiveFormsModule, providers: [] }; }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 RxReactiveFormsModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [RxwebFormDirective, HtmlControlTemplateDirective, ControlHostDirective, RxFormControlDirective, FileControlDirective, ImageFileControlDirective, AsyncValidationDirective],
@@ -11042,6 +11352,7 @@ class ReactiveTypedFormsModule {
     }
     static forRoot() { return { ngModule: ReactiveTypedFormsModule, providers: [] }; }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ReactiveTypedFormsModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [],
@@ -11050,7 +11361,13 @@ ReactiveTypedFormsModule.decorators = [
                 exports: [ReactiveFormsModule, FormsModule, ReactiveFormsModule]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 ReactiveTypedFormsModule.ctorParameters = () => [];
 
 function baseValidator(config, type, validator) {
@@ -11581,10 +11898,17 @@ class VdSelectOptionDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdSelectOptionDirective.decorators = [
     { type: 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 = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -11886,15 +12210,22 @@ class VdSelectComponent extends AbstractMatFormField {
         this.filteredOptions = this.options.filter((x) => { var _a; return ((_a = x[this.text]) === null || _a === void 0 ? void 0 : _a.toLowerCase().search(searchText)) > -1; });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdSelectComponent.decorators = [
     { type: 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: 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 = () => [
     { type: Injector },
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
@@ -11904,6 +12235,7 @@ VdSelectComponent.ctorParameters = () => [
     { type: FocusMonitor },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdSelectComponent.propDecorators = {
     optionTemplate: [{ type: ContentChild, args: [VdSelectOptionDirective,] }],
     selectEl: [{ type: ViewChild, args: [MatSelect, { static: false },] }],
@@ -11937,6 +12269,7 @@ const EXPORTED_DECLARATIONS = [
 ];
 class VdSelectModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdSelectModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -11977,10 +12310,17 @@ class VdEditorDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdEditorDirective.decorators = [
     { type: Directive, args: [{ selector: '[vd-editor]ng-template' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdEditorDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -11993,10 +12333,17 @@ class VdCodeDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdCodeDirective.decorators = [
     { type: Directive, args: [{ selector: '[vd-code]ng-template' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdCodeDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -12009,10 +12356,17 @@ class VdFileDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdFileDirective.decorators = [
     { type: Directive, args: [{ selector: '[vd-file]ng-template' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdFileDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -12025,10 +12379,17 @@ class VdCustomDirective extends CdkPortal {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdCustomDirective.decorators = [
     { type: Directive, args: [{ selector: '[vd-custom]ng-template' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdCustomDirective.ctorParameters = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -12052,6 +12413,7 @@ class VdGenericFormComponent {
         this.fieldRows = (_b = (_a = this.fieldGroups) === null || _a === void 0 ? void 0 : _a.filter(x => { var _a, _b; return ((_a = x.name) === null || _a === void 0 ? void 0 : _a.trim()) == ((_b = this.groupName) === null || _b === void 0 ? void 0 : _b.trim()); })[0]) === null || _b === void 0 ? void 0 : _b.groups;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdGenericFormComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vd-generic-form',
@@ -12059,6 +12421,7 @@ VdGenericFormComponent.decorators = [
                 styles: [""]
             },] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdGenericFormComponent.propDecorators = {
     formGroup: [{ type: Input }],
     fieldGroups: [{ type: Input }],
@@ -12088,13 +12451,20 @@ class MatFormFieldReadonlyDirective {
         return false;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MatFormFieldReadonlyDirective.decorators = [
     { type: 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 = () => [
     { type: MatFormField }
 ];
@@ -12147,6 +12517,7 @@ class EqualValidator {
         return null;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 EqualValidator.decorators = [
     { type: Directive, args: [{
                 selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',
@@ -12159,7 +12530,13 @@ EqualValidator.decorators = [
                 ]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 EqualValidator.ctorParameters = () => [
     { type: String, decorators: [{ type: Attribute, args: ['validateEqual',] }] },
     { type: String, decorators: [{ type: Attribute, args: ['reverse',] }] }
@@ -12184,10 +12561,17 @@ class NativeElementInjectorDirective {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 NativeElementInjectorDirective.decorators = [
     { type: Directive, args: [{ selector: '[ngModel]' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 NativeElementInjectorDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: NgControl },
@@ -12241,17 +12625,25 @@ class UniqueValidatorDirective {
         }));
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 UniqueValidatorDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[unique]',
                 providers: [{ provide: NG_ASYNC_VALIDATORS, useExisting: UniqueValidatorDirective, multi: true }]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 UniqueValidatorDirective.ctorParameters = () => [
     { type: HttpClient },
     { type: String, decorators: [{ type: Attribute, args: ['unique',] }] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 UniqueValidatorDirective.propDecorators = {
     uniqueProperty: [{ type: Input }],
     uniqueId: [{ type: Input }],
@@ -12550,9 +12942,11 @@ class ValueAccessorBase extends MatFormFieldControl {
         this.stateChanges.complete();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 ValueAccessorBase.decorators = [
     { type: Directive }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 ValueAccessorBase.propDecorators = {
     describedBy: [{ type: HostBinding, args: ['attr.aria-describedby',] }]
 };
@@ -12570,6 +12964,7 @@ const DECLARATIONS$3 = [
 ];
 class VdFormsModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdFormsModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -12596,6 +12991,7 @@ VdFormsModule.decorators = [
 
 class VdHttpModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdHttpModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -12622,13 +13018,15 @@ class VdLayoutCardOverComponent {
         this.color = 'primary';
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutCardOverComponent.decorators = [
     { type: 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: Input, args: ['cardTitle',] }],
     cardSubtitle: [{ type: Input, args: ['cardSubtitle',] }],
@@ -12658,19 +13056,27 @@ class VdLayoutFooterComponent {
         return this._color;
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutFooterComponent.decorators = [
     { type: 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 = () => [
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutFooterComponent.propDecorators = {
     color: [{ type: Input, args: ['color',] }]
 };
@@ -12768,17 +13174,25 @@ class VdLayoutManageListComponent {
         return this.sidenav.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutManageListComponent.decorators = [
     { type: 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 = () => [
     { type: VdMediaService }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutManageListComponent.propDecorators = {
     sidenav: [{ type: ViewChild, args: [MatSidenav, { static: true },] }],
     mode: [{ type: Input, args: ['mode',] }],
@@ -12846,15 +13260,23 @@ class LayoutToggle {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 LayoutToggle.decorators = [
     { type: Directive }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 LayoutToggle.ctorParameters = () => [
     { type: undefined },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 LayoutToggle.propDecorators = {
     hideWhenOpened: [{ type: Input, args: ['hideWhenOpened',] }],
     clickListener: [{ type: HostListener, args: ['click', ['$event'],] }]
@@ -12871,17 +13293,25 @@ class VdLayoutManageListToggleDirective extends LayoutToggle {
         this._layout.toggle();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutManageListToggleDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutManageListToggle]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutManageListToggleDirective.ctorParameters = () => [
     { type: VdLayoutManageListComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutManageListComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutManageListToggleDirective.propDecorators = {
     vdLayoutManageListToggle: [{ type: Input, args: ['vdLayoutManageListToggle',] }]
 };
@@ -12896,17 +13326,25 @@ class VdLayoutManageListCloseDirective extends LayoutToggle {
         this._layout.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutManageListCloseDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutManageListClose]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutManageListCloseDirective.ctorParameters = () => [
     { type: VdLayoutManageListComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutManageListComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutManageListCloseDirective.propDecorators = {
     vdLayoutManageListClose: [{ type: Input, args: ['vdLayoutManageListClose',] }]
 };
@@ -12921,17 +13359,25 @@ class VdLayoutManageListOpenDirective extends LayoutToggle {
         this._layout.open();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutManageListOpenDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutManageListOpen]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutManageListOpenDirective.ctorParameters = () => [
     { type: VdLayoutManageListComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutManageListComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutManageListOpenDirective.propDecorators = {
     vdLayoutManageListOpen: [{ type: Input, args: ['vdLayoutManageListOpen',] }]
 };
@@ -13013,17 +13459,25 @@ class VdLayoutNavListComponent {
         return this.sidenav.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutNavListComponent.decorators = [
     { type: 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 = () => [
     { type: Router, decorators: [{ type: Optional }] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutNavListComponent.propDecorators = {
     sidenav: [{ type: ViewChild, args: [MatSidenav, { static: true },] }],
     toolbarTitle: [{ type: Input, args: ['toolbarTitle',] }],
@@ -13047,17 +13501,25 @@ class VdLayoutNavListToggleDirective extends LayoutToggle {
         this._layout.toggle();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutNavListToggleDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutNavListToggle]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutNavListToggleDirective.ctorParameters = () => [
     { type: VdLayoutNavListComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutNavListComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutNavListToggleDirective.propDecorators = {
     vdLayoutNavListToggle: [{ type: Input, args: ['vdLayoutNavListToggle',] }]
 };
@@ -13072,17 +13534,25 @@ class VdLayoutNavListCloseDirective extends LayoutToggle {
         this._layout.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutNavListCloseDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutNavListClose]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutNavListCloseDirective.ctorParameters = () => [
     { type: VdLayoutNavListComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutNavListComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutNavListCloseDirective.propDecorators = {
     vdLayoutNavListClose: [{ type: Input, args: ['vdLayoutNavListClose',] }]
 };
@@ -13097,17 +13567,25 @@ class VdLayoutNavListOpenDirective extends LayoutToggle {
         this._layout.open();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutNavListOpenDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutNavListOpen]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutNavListOpenDirective.ctorParameters = () => [
     { type: VdLayoutNavListComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutNavListComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutNavListOpenDirective.propDecorators = {
     vdLayoutNavListOpen: [{ type: Input, args: ['vdLayoutNavListOpen',] }]
 };
@@ -13142,17 +13620,25 @@ class VdLayoutNavComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutNavComponent.decorators = [
     { type: 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 = () => [
     { type: Router, decorators: [{ type: Optional }] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutNavComponent.propDecorators = {
     toolbarTitle: [{ type: Input, args: ['toolbarTitle',] }],
     icon: [{ type: Input, args: ['icon',] }],
@@ -13220,13 +13706,15 @@ class VdLayoutComponent {
         return this.sidenav.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutComponent.decorators = [
     { type: 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: ViewChild, args: [MatSidenav, { static: true },] }],
     mode: [{ type: Input, args: ['mode',] }],
@@ -13245,17 +13733,25 @@ class VdLayoutToggleDirective extends LayoutToggle {
         this._layout.toggle();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutToggleDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutToggle]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutToggleDirective.ctorParameters = () => [
     { type: VdLayoutComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutToggleDirective.propDecorators = {
     vdLayoutToggle: [{ type: Input, args: ['vdLayoutToggle',] }]
 };
@@ -13270,17 +13766,25 @@ class VdLayoutCloseDirective extends LayoutToggle {
         this._layout.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutCloseDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutClose]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutCloseDirective.ctorParameters = () => [
     { type: VdLayoutComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutCloseDirective.propDecorators = {
     vdLayoutClose: [{ type: Input, args: ['vdLayoutClose',] }]
 };
@@ -13295,17 +13799,25 @@ class VdLayoutOpenDirective extends LayoutToggle {
         this._layout.open();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutOpenDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdLayoutOpen]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdLayoutOpenDirective.ctorParameters = () => [
     { type: VdLayoutComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutComponent),] }] },
     { type: Renderer2 },
     { type: ElementRef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdLayoutOpenDirective.propDecorators = {
     vdLayoutClose: [{ type: Input, args: ['vdLayoutOpen',] }]
 };
@@ -13355,6 +13867,7 @@ function VdCollapseAnimation(collapseOptions = {}) {
 
 class VdNavigationDrawerMenuDirective {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdNavigationDrawerMenuDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vd-navigation-drawer-menu]',
@@ -13362,6 +13875,7 @@ VdNavigationDrawerMenuDirective.decorators = [
 ];
 class VdNavigationDrawerToolbarDirective {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdNavigationDrawerToolbarDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vd-navigation-drawer-toolbar]',
@@ -13459,20 +13973,28 @@ class VdNavigationDrawerComponent {
         return this._layout.close();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdNavigationDrawerComponent.decorators = [
     { type: 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 = () => [
     { type: VdLayoutComponent, decorators: [{ type: Inject, args: [forwardRef(() => VdLayoutComponent),] }] },
     { type: Router, decorators: [{ type: Optional }] },
     { type: DomSanitizer }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdNavigationDrawerComponent.propDecorators = {
     _drawerMenu: [{ type: ContentChildren, args: [VdNavigationDrawerMenuDirective,] }],
     _toolbar: [{ type: ContentChildren, args: [VdNavigationDrawerToolbarDirective,] }],
@@ -13508,6 +14030,7 @@ const VD_LAYOUTS = [
 ];
 class VdLayoutModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdLayoutModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -13619,17 +14142,25 @@ class VdMediaToggleDirective {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdMediaToggleDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[vdMediaToggle]',
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 VdMediaToggleDirective.ctorParameters = () => [
     { type: Renderer2 },
     { type: ElementRef },
     { type: VdMediaService }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdMediaToggleDirective.propDecorators = {
     query: [{ type: Input, args: ['vdMediaToggle',] }],
     attributes: [{ type: Input, args: ['mediaAttributes',] }],
@@ -13642,6 +14173,7 @@ const VD_MEDIA = [
 ];
 class VdMediaModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdMediaModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -13687,6 +14219,7 @@ class VdMenuComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vd-menu',
@@ -13694,6 +14227,7 @@ VdMenuComponent.decorators = [
                 styles: [""]
             },] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdMenuComponent.propDecorators = {
     items: [{ type: Input }],
     activeExact: [{ type: Input }],
@@ -13711,10 +14245,17 @@ class MenuService extends GenericService {
     }
 }
 /** @nocollapse */ MenuService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MenuService_Factory() { return new MenuService(); }, token: MenuService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MenuService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MenuService.ctorParameters = () => [];
 
 var MenuScope;
@@ -13739,10 +14280,17 @@ class MenuItemService extends GenericService {
     }
 }
 /** @nocollapse */ MenuItemService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MenuItemService_Factory() { return new MenuItemService(); }, token: MenuItemService, providedIn: "root" });
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MenuItemService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MenuItemService.ctorParameters = () => [];
 
 /**
@@ -13764,10 +14312,17 @@ class MenuResolve {
         return this.menuService.getList(route.data || {}, null, { cache: 'yes' });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 MenuResolve.decorators = [
     { type: Injectable }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 MenuResolve.ctorParameters = () => [
     { type: MenuService }
 ];
@@ -13792,6 +14347,7 @@ class SubMenuResolve {
         return [];
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 SubMenuResolve.decorators = [
     { type: Injectable }
 ];
@@ -13801,6 +14357,7 @@ const DECLARATIONS$2 = [
 ];
 class VdMenuModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdMenuModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -13888,6 +14445,7 @@ class VdSearchInputComponent {
         this.onSearchDebounce.emit(value);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdSearchInputComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vd-search-input',
@@ -13910,13 +14468,20 @@ VdSearchInputComponent.decorators = [
                         transition('show => *', 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 = () => [
     { type: Dir, decorators: [{ type: Optional }] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 VdSearchInputComponent.propDecorators = {
     _input: [{ type: ViewChild, args: [MatInput, { static: true },] }],
     showUnderline: [{ type: Input, args: ['showUnderline',] }],
@@ -13999,6 +14564,7 @@ class VdSearchBoxComponent {
         this.onClear.emit(undefined);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdSearchBoxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vd-search-box',
@@ -14019,9 +14585,10 @@ VdSearchBoxComponent.decorators = [
                         transition('1 => 0', 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: ViewChild, args: [VdSearchInputComponent, { static: true },] }],
     backIcon: [{ type: Input, args: ['backIcon',] }],
@@ -14040,6 +14607,7 @@ const DECLARATIONS$1 = [
 ];
 class VdSearchModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdSearchModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
@@ -14069,6 +14637,7 @@ class FilterClearComponent {
         this.table.dataSource.clearFilters();
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterClearComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mat-header-cell[filter-clear],[mat-header-cell][filter-clear]',
@@ -14078,7 +14647,13 @@ FilterClearComponent.decorators = [
 		</button>`
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FilterClearComponent.ctorParameters = () => [
     { type: MatTable }
 ];
@@ -14170,6 +14745,7 @@ class FilterDateComponent {
      */
     registerOnTouched(fn) { this.onTouched = fn; }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterDateComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mat-header-cell[filter-date],[mat-header-cell][filter-date]',
@@ -14192,11 +14768,18 @@ FilterDateComponent.decorators = [
                 ]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FilterDateComponent.ctorParameters = () => [
     { type: MatTable },
     { type: CdkColumnDef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 FilterDateComponent.propDecorators = {
     field: [{ type: Input }],
     debounce: [{ type: Input, args: ['debounce',] }],
@@ -14332,6 +14915,7 @@ class FilterInputComponent {
         }
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterInputComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mat-header-cell[filter-input],[mat-header-cell][filter-input]',
@@ -14352,11 +14936,18 @@ FilterInputComponent.decorators = [
                 ]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FilterInputComponent.ctorParameters = () => [
     { type: MatTable },
     { type: CdkColumnDef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 FilterInputComponent.propDecorators = {
     _filter: [{ type: ViewChild, args: ['filterElement', { static: true },] }],
     field: [{ type: Input }],
@@ -14372,10 +14963,17 @@ class VdFilterOptionDirective extends TemplatePortalDirective {
         super(templateRef, viewContainerRef);
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdFilterOptionDirective.decorators = [
     { type: 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 = () => [
     { type: TemplateRef },
     { type: ViewContainerRef }
@@ -14581,6 +15179,7 @@ class FilterSelectComponent {
      */
     registerOnTouched(fn) { this.onTouched = fn; }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'mat-header-cell[filter-select],[mat-header-cell][filter-select]',
@@ -14622,12 +15221,19 @@ FilterSelectComponent.decorators = [
 		}`]
             },] }
 ];
-/** @nocollapse */
+/**
+ * @type {function(): !Array<(null|{
+ *   type: ?,
+ *   decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>),
+ * })>}
+ * @nocollapse
+ */
 FilterSelectComponent.ctorParameters = () => [
     { type: Injector },
     { type: MatTable },
     { type: CdkColumnDef }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 FilterSelectComponent.propDecorators = {
     optionTemplate: [{ type: ContentChild, args: [VdFilterOptionDirective,] }],
     selectEl: [{ type: ViewChild, args: [MatSelect, { static: false },] }],
@@ -14678,11 +15284,13 @@ class DataSourceFilterDirective {
         });
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 DataSourceFilterDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[dataSourceFilter]'
             },] }
 ];
+/** @type {!Object<string, !Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
 DataSourceFilterDirective.propDecorators = {
     dataSource: [{ type: Input }],
     dataSourceFilter: [{ type: Input }]
@@ -14723,6 +15331,7 @@ class PaginatorIntl extends MatPaginatorIntl {
         };
     }
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 PaginatorIntl.decorators = [
     { type: Injectable }
 ];
@@ -14898,6 +15507,7 @@ const DECLARATIONS = [
 ];
 class VdTableModule {
 }
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 VdTableModule.decorators = [
     { type: NgModule, args: [{
                 imports: [