@delon/theme 20.1.0 → 21.0.0-next.1

package/fesm2022/theme.mjs

@@ -1,6 +1,6 @@
 import { DOCUMENT, isPlatformServer, CommonModule, registerLocaleData } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, InjectionToken, Injectable, DestroyRef, Injector, Pipe, Optional, SkipSelf, NgModule, importProvidersFrom, LOCALE_ID, provideEnvironmentInitializer, makeEnvironmentProviders, Version } from '@angular/core';
+import { inject, PLATFORM_ID, InjectionToken, Injectable, signal, DestroyRef, Injector, Pipe, Optional, SkipSelf, NgModule, importProvidersFrom, LOCALE_ID, provideEnvironmentInitializer, makeEnvironmentProviders, Version } from '@angular/core';
 import { BehaviorSubject, filter, share, Subject, map, of, delay, isObservable, switchMap, Observable, take, tap, finalize, throwError, catchError } from 'rxjs';
 import { ACLService } from '@delon/acl';
 import { AlainConfigService, ALAIN_CONFIG } from '@delon/util/config';
@@ -76,6 +76,15 @@ class AlainI18nBaseService {
             interpolation: ['{{', '}}']
         });
     }
+    /**
+     * Merge the data into the current language data.
+     */
+    mergeData(data) {
+        if (!data)
+            return;
+        const flatData = this.flatData(data, []);
+        this._data = { ...this._data, ...flatData };
+    }
     /**
      * Flattened data source
      *
@@ -109,7 +118,7 @@ class AlainI18nBaseService {
         return res;
     }
     fanyi(path, params) {
-        let content = this._data[path] || '';
+        let content = this._data[path] ?? '';
         if (!content)
             return path;
         if (!params)
@@ -124,10 +133,10 @@ class AlainI18nBaseService {
         (Array.isArray(params) ? params : [params]).forEach((item, index) => (content = content.replace(new RegExp(`\\{\\s?${index}\\s?\\}`, 'g'), `${item}`)));
         return content;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18nBaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18nBaseService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18nBaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18nBaseService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18nBaseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18nBaseService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 class AlainI18NServiceFake extends AlainI18nBaseService {
@@ -139,10 +148,10 @@ class AlainI18NServiceFake extends AlainI18nBaseService {
     getLangs() {
         return [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18NServiceFake, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18NServiceFake, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18NServiceFake, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18NServiceFake, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18NServiceFake, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18NServiceFake, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -451,10 +460,10 @@ class MenuService {
         this._change$.unsubscribe();
         this.i18n$?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MenuService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -472,14 +481,23 @@ class SettingsService {
     KEYS = inject(ALAIN_SETTING_KEYS);
     platform = inject(Platform);
     notify$ = new Subject();
-    _app = null;
-    _user = null;
-    _layout = null;
+    appSignal = signal({
+        year: new Date().getFullYear(),
+        ...this.getData(this.KEYS.app)
+    }, ...(ngDevMode ? [{ debugName: "appSignal" }] : []));
+    userSignal = signal({ ...this.getData(this.KEYS.user) }, ...(ngDevMode ? [{ debugName: "userSignal" }] : []));
+    layoutSignal = signal({
+        fixed: true,
+        collapsed: false,
+        boxed: false,
+        lang: null,
+        ...this.getData(this.KEYS.layout)
+    }, ...(ngDevMode ? [{ debugName: "layoutSignal" }] : []));
     getData(key) {
         if (!this.platform.isBrowser) {
             return null;
         }
-        return JSON.parse(localStorage.getItem(key) || 'null') || null;
+        return JSON.parse(localStorage.getItem(key) ?? 'null') ?? null;
     }
     setData(key, value) {
         if (!this.platform.isBrowser) {
@@ -488,72 +506,52 @@ class SettingsService {
         localStorage.setItem(key, JSON.stringify(value));
     }
     get layout() {
-        if (!this._layout) {
-            this._layout = {
-                fixed: true,
-                collapsed: false,
-                boxed: false,
-                lang: null,
-                ...this.getData(this.KEYS.layout)
-            };
-            this.setData(this.KEYS.layout, this._layout);
-        }
-        return this._layout;
+        return this.layoutSignal();
     }
     get app() {
-        if (!this._app) {
-            this._app = {
-                year: new Date().getFullYear(),
-                ...this.getData(this.KEYS.app)
-            };
-            this.setData(this.KEYS.app, this._app);
-        }
-        return this._app;
+        return this.appSignal();
     }
     get user() {
-        if (!this._user) {
-            this._user = { ...this.getData(this.KEYS.user) };
-            this.setData(this.KEYS.user, this._user);
-        }
-        return this._user;
+        return this.userSignal();
     }
     get notify() {
         return this.notify$.asObservable();
     }
     setLayout(name, value) {
-        if (typeof name === 'string') {
-            this.layout[name] = value;
-        }
-        else {
-            this._layout = name;
-        }
-        this.setData(this.KEYS.layout, this._layout);
+        this.layoutSignal.update(l => {
+            if (typeof name === 'string') {
+                l[name] = value;
+                return { ...l };
+            }
+            return { ...name };
+        });
+        this.setData(this.KEYS.layout, this.layout);
         this.notify$.next({ type: 'layout', name, value });
         return true;
     }
     getLayout() {
-        return this._layout;
+        return this.layout;
     }
     setApp(value) {
-        this._app = value;
+        this.appSignal.set(value);
         this.setData(this.KEYS.app, value);
         this.notify$.next({ type: 'app', value });
     }
     getApp() {
-        return this._app;
+        return this.app;
     }
     setUser(value) {
-        this._user = value;
+        this.userSignal.set(value);
         this.setData(this.KEYS.user, value);
         this.notify$.next({ type: 'user', value });
     }
     getUser() {
-        return this._user;
+        return this.user;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SettingsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -602,10 +600,10 @@ class ResponsiveService {
             clsMap.push(`${antColClass}-xxl-${paddingSpan(rule.xxl)}`);
         return clsMap;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ResponsiveService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ResponsiveService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -691,10 +689,10 @@ class RTLService {
             this.delon.set(name, { direction: this.dir });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RTLService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RTLService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RTLService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RTLService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RTLService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RTLService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -780,7 +778,7 @@ class TitleService {
         let next = this.injector.get(ActivatedRoute);
         while (next.firstChild)
             next = next.firstChild;
-        const data = (next.snapshot && next.snapshot.data) || {};
+        const data = (next.snapshot && next.snapshot.data) ?? {};
         if (data.titleI18n)
             data.title = this.i18nSrv.fanyi(data.titleI18n);
         return isObservable(data.title) ? data.title : of(data.title);
@@ -793,7 +791,7 @@ class TitleService {
         let title;
         if (item.i18n)
             title = this.i18nSrv.fanyi(item.i18n);
-        return of(title || item.text);
+        return of(title ?? item.text);
     }
     /**
      * Set the document title
@@ -826,10 +824,10 @@ class TitleService {
     ngOnDestroy() {
         this.tit$?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TitleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TitleService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TitleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TitleService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TitleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TitleService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -839,10 +837,10 @@ class I18nPipe {
     transform(key, params) {
         return this.i18n.fanyi(key, params);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: I18nPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: I18nPipe, isStandalone: true, name: "i18n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: I18nPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: I18nPipe, isStandalone: true, name: "i18n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: I18nPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: I18nPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'i18n' }]
         }] });
@@ -857,10 +855,10 @@ class AlainI18NGuardService {
         }
         return of(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18NGuardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18NGuardService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18NGuardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18NGuardService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainI18NGuardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainI18NGuardService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1051,10 +1049,10 @@ class ModalHelper {
         };
         return this.create(comp, params, { ...options, modalOptions });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ModalHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ModalHelper, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ModalHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ModalHelper, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ModalHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ModalHelper, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1154,10 +1152,10 @@ class DrawerHelper {
         };
         return this.create(title, comp, params, { ...options, drawerOptions });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DrawerHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DrawerHelper, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DrawerHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DrawerHelper, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DrawerHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DrawerHelper, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1304,10 +1302,10 @@ class _HttpClient {
         // Make sure to always be asynchronous, see issues: https://github.com/ng-alain/ng-alain/issues/1954
         delay(0), tap(() => this.push()), switchMap(() => this.http.request(method, url, options)), finalize(() => this.pop()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: _HttpClient, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: _HttpClient, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: _HttpClient, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: _HttpClient, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: _HttpClient, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: _HttpClient, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -1321,10 +1319,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  */
 class BaseApi {
     injector = inject(Injector);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: BaseApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: BaseApi });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseApi });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: BaseApi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseApi, decorators: [{
             type: Injectable
         }] });
 const paramKey = `__api_params`;
@@ -1415,7 +1413,7 @@ function makeMethod(method) {
     return function (url = '', options) {
         return (_target, targetKey, descriptor) => {
             descriptor.value = function (...args) {
-                options = options || {};
+                options = options ?? {};
                 const injector = this.injector;
                 const http = injector.get(_HttpClient, null);
                 if (http == null) {
@@ -1423,8 +1421,8 @@ function makeMethod(method) {
                 }
                 const baseData = setParam(this);
                 const data = setParam(baseData, targetKey);
-                let requestUrl = url || '';
-                requestUrl = [baseData.baseUrl || '', requestUrl.startsWith('/') ? requestUrl.substring(1) : requestUrl].join('/');
+                let requestUrl = url ?? '';
+                requestUrl = [baseData.baseUrl ?? '', requestUrl.startsWith('/') ? requestUrl.substring(1) : requestUrl].join('/');
                 // fix last split
                 if (requestUrl.length > 1 && requestUrl.endsWith('/')) {
                     requestUrl = requestUrl.substring(0, requestUrl.length - 1);
@@ -1441,17 +1439,17 @@ function makeMethod(method) {
                     delete options.acl;
                 }
                 requestUrl = requestUrl.replace(/::/g, '^^');
-                (data.path || [])
+                (data.path ?? [])
                     .filter(w => typeof args[w.index] !== 'undefined')
                     .forEach((i) => {
                     requestUrl = requestUrl.replace(new RegExp(`:${i.key}`, 'g'), encodeURIComponent(args[i.index]));
                 });
                 requestUrl = requestUrl.replace(/\^\^/g, `:`);
-                const params = (data.query || []).reduce((p, i) => {
+                const params = (data.query ?? []).reduce((p, i) => {
                     p[i.key] = args[i.index];
                     return p;
                 }, {});
-                const headers = (data.headers || []).reduce((p, i) => {
+                const headers = (data.headers ?? []).reduce((p, i) => {
                     p[i.key] = args[i.index];
                     return p;
                 }, {});
@@ -1584,7 +1582,8 @@ var zhCN = {
     st: {
         total: '共 {{total}} 条',
         filterConfirm: '确定',
-        filterReset: '重置'
+        filterReset: '重置',
+        more: '更多'
     },
     sf: {
         submit: '提交',
@@ -1636,6 +1635,23 @@ var zhCN = {
         prev: `上一项`,
         next: `下一项`,
         done: `完成`
+    },
+    datePicker: {
+        today: '今天',
+        yesterday: '昨天',
+        last3Days: '近3天',
+        last7Days: '近7天',
+        thisWeek: '本周',
+        lastWeek: '上周',
+        thisMonth: '本月',
+        lastMonth: '上个月',
+        thisYear: '今年'
+    },
+    loading: {
+        text: '加载中...'
+    },
+    pageHeader: {
+        home: '首页'
     }
 };
 
@@ -1644,7 +1660,7 @@ class DelonLocaleService {
     _locale = zhCN;
     change$ = new BehaviorSubject(this._locale);
     constructor() {
-        this.setLocale(this.defLocale || zhCN);
+        this.setLocale(this.defLocale ?? zhCN);
     }
     get change() {
         return this.change$.asObservable();
@@ -1666,16 +1682,16 @@ class DelonLocaleService {
         return this._locale;
     }
     getData(key) {
-        return (this._locale[key] || {});
+        return (this._locale[key] ?? {});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function DELON_LOCALE_SERVICE_PROVIDER_FACTORY(exist) {
-    return exist || new DelonLocaleService();
+    return exist ?? new DelonLocaleService();
 }
 const DELON_LOCALE_SERVICE_PROVIDER = {
     provide: DelonLocaleService,
@@ -1684,11 +1700,11 @@ const DELON_LOCALE_SERVICE_PROVIDER = {
 };
 
 class DelonLocaleModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleModule, providers: [{ provide: DELON_LOCALE, useValue: zhCN }, DELON_LOCALE_SERVICE_PROVIDER] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleModule, providers: [{ provide: DELON_LOCALE, useValue: zhCN }, DELON_LOCALE_SERVICE_PROVIDER] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DelonLocaleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DelonLocaleModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [{ provide: DELON_LOCALE, useValue: zhCN }, DELON_LOCALE_SERVICE_PROVIDER]
@@ -1723,7 +1739,8 @@ var enUS = {
     st: {
         total: '{{range[0]}} - {{range[1]}} of {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Reset'
+        filterReset: 'Reset',
+        more: 'More'
     },
     sf: {
         submit: 'Submit',
@@ -1775,14 +1792,31 @@ var enUS = {
         prev: `Prev`,
         next: `Next`,
         done: `Done`
+    },
+    datePicker: {
+        today: 'Today',
+        yesterday: 'Yesterday',
+        last3Days: 'Last 3 Days',
+        last7Days: 'Last 7 Days',
+        thisWeek: 'This Week',
+        lastWeek: 'Last Week',
+        thisMonth: 'This Month',
+        lastMonth: 'Last Month',
+        thisYear: 'This Year'
+    },
+    loading: {
+        text: 'Loading...'
+    },
+    pageHeader: {
+        home: 'Home'
     }
 };
 
 var zhHK = {
     abbr: 'zh-HK',
     exception: {
-        403: '抱歉，你無權訪問該頁面',
-        404: '抱歉，你訪問的頁面不存在',
+        403: '抱歉，你無權訪問該頁麵',
+        404: '抱歉，你訪問的頁麵不存在',
         500: '抱歉，伺服器出錯了',
         backToHome: '返回主頁'
     },
@@ -1806,7 +1840,8 @@ var zhHK = {
     st: {
         total: '共 {{total}} 條',
         filterConfirm: '確定',
-        filterReset: '重設'
+        filterReset: '重設',
+        more: '更多'
     },
     sf: {
         submit: '提交',
@@ -1817,7 +1852,7 @@ var zhHK = {
         removeText: '移除',
         checkAllText: '全選',
         error: {
-            'false schema': `布爾模式出錯`,
+            'false schema': `佈爾模式出錯`,
             $ref: `無法找到引用{ref}`,
             additionalItems: `不允許超過{limit}個元素`,
             additionalProperties: `不允許有額外的屬性`,
@@ -1839,7 +1874,7 @@ var zhHK = {
             minProperties: `不應少於 {limit} 個屬性`,
             multipleOf: `應當是 {multipleOf} 的整數倍`,
             not: `不應當匹配 "not" schema`,
-            oneOf: `只能匹配一個 "oneOf" 中的 schema`,
+            oneOf: `隻能匹配一個 "oneOf" 中的 schema`,
             pattern: `數據格式不正確`,
             uniqueItems: `不應當含有重複項 (第 {j} 項與第 {i} 項是重複的)`,
             custom: `格式不正確`,
@@ -1848,8 +1883,8 @@ var zhHK = {
             switch: `由於 {caseIndex} 失敗，未通過 "switch" 驗證`,
             const: `應當等於常量`,
             contains: `應當包含一個有效項目`,
-            formatExclusiveMaximum: `formatExclusiveMaximum 應當是布爾值`,
-            formatExclusiveMinimum: `formatExclusiveMinimum 應當是布爾值`,
+            formatExclusiveMaximum: `formatExclusiveMaximum 應當是佈爾值`,
+            formatExclusiveMinimum: `formatExclusiveMinimum 應當是佈爾值`,
             if: `應當匹配模式 "{failingKeyword}"`
         }
     },
@@ -1858,14 +1893,31 @@ var zhHK = {
         prev: `上一項`,
         next: `下一項`,
         done: `完成`
+    },
+    datePicker: {
+        today: '今日',
+        yesterday: '昨日',
+        last3Days: '近3日',
+        last7Days: '近7日',
+        thisWeek: '本星期',
+        lastWeek: '上星期',
+        thisMonth: '本月',
+        lastMonth: '上個月',
+        thisYear: '今年'
+    },
+    loading: {
+        text: '加載中...'
+    },
+    pageHeader: {
+        home: '主頁'
     }
 };
 
 var zhTW = {
     abbr: 'zh-TW',
     exception: {
-        403: '抱歉，你無權訪問該頁面',
-        404: '抱歉，你訪問的頁面不存在',
+        403: '抱歉，你無權訪問該頁麵',
+        404: '抱歉，你訪問的頁麵不存在',
         500: '抱歉，服務器出錯了',
         backToHome: '返回首頁'
     },
@@ -1889,7 +1941,8 @@ var zhTW = {
     st: {
         total: '共 {{total}} 條',
         filterConfirm: '確定',
-        filterReset: '重置'
+        filterReset: '重置',
+        more: '更多'
     },
     sf: {
         submit: '提交',
@@ -1941,6 +1994,23 @@ var zhTW = {
         prev: `上一項`,
         next: `下一項`,
         done: `完成`
+    },
+    datePicker: {
+        today: '今天',
+        yesterday: '昨天',
+        last3Days: '近3天',
+        last7Days: '近7天',
+        thisWeek: '本週',
+        lastWeek: '上週',
+        thisMonth: '本月',
+        lastMonth: '上個月',
+        thisYear: '今年'
+    },
+    loading: {
+        text: '加載中...'
+    },
+    pageHeader: {
+        home: '首頁'
     }
 };
 
@@ -1972,7 +2042,8 @@ var trTR = {
     st: {
         total: '{{range[0]}} ile {{range[1]}} arasında {{total}}',
         filterConfirm: 'Tamam',
-        filterReset: 'Sıfırla'
+        filterReset: 'Sıfırla',
+        more: 'Daha fazla'
     },
     sf: {
         submit: 'Gönder',
@@ -2024,6 +2095,23 @@ var trTR = {
         prev: `Önceki`,
         next: `Sonraki`,
         done: `Bitti`
+    },
+    datePicker: {
+        today: 'Bugün',
+        yesterday: 'Dün',
+        last3Days: 'Son 3 Gün',
+        last7Days: 'Son 7 Gün',
+        thisWeek: 'Bu Hafta',
+        lastWeek: 'Geçen Hafta',
+        thisMonth: 'Bu Ay',
+        lastMonth: 'Geçen Ay',
+        thisYear: 'Bu Yıl'
+    },
+    loading: {
+        text: 'Yükleniyor...'
+    },
+    pageHeader: {
+        home: 'Ana Sayfa'
     }
 };
 
@@ -2055,7 +2143,8 @@ var plPL = {
     st: {
         total: '{{range[0]}} - {{range[1]}} z {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Wyczyść'
+        filterReset: 'Wyczyść',
+        more: 'Więcej'
     },
     sf: {
         submit: 'Wyślij',
@@ -2107,6 +2196,23 @@ var plPL = {
         prev: `Poprzedni`,
         next: `Kolejny`,
         done: `Gotowe`
+    },
+    datePicker: {
+        today: 'Dzisiaj',
+        yesterday: 'Wczoraj',
+        last3Days: 'Ost. 3 dni',
+        last7Days: 'Ost. 7 dni',
+        thisWeek: 'Ten tydzień',
+        lastWeek: 'Poprz. tydzień',
+        thisMonth: 'Ten miesiąc',
+        lastMonth: 'Poprz. miesiąc',
+        thisYear: 'Ten rok'
+    },
+    loading: {
+        text: 'Ładowanie...'
+    },
+    pageHeader: {
+        home: 'Strona główna'
     }
 };
 
@@ -2138,7 +2244,8 @@ var elGR = {
     st: {
         total: '{{range[0]}} - {{range[1]}} από {{total}}',
         filterConfirm: 'ΟΚ',
-        filterReset: 'Επαναφορά'
+        filterReset: 'Επαναφορά',
+        more: 'Περισσότερα'
     },
     sf: {
         submit: 'Υποβολή',
@@ -2190,6 +2297,23 @@ var elGR = {
         prev: `Προηγούμενο`,
         next: `Επόμενο`,
         done: `Ολοκληρώθηκε`
+    },
+    datePicker: {
+        today: 'Σήμερα',
+        yesterday: 'Χθές',
+        last3Days: 'Τελ. 3 ημ.',
+        last7Days: 'Τελ. 7 ημ.',
+        thisWeek: 'Αυτή την εβδ.',
+        lastWeek: 'Προηγ. εβδ.',
+        thisMonth: 'Αυτό το μήνα',
+        lastMonth: 'Προηγ. μήνα',
+        thisYear: 'Αυτό το έτος'
+    },
+    loading: {
+        text: 'Φόρτωση...'
+    },
+    pageHeader: {
+        home: 'Αρχική'
     }
 };
 
@@ -2221,7 +2345,8 @@ var koKR = {
     st: {
         total: '전체 {{total}}건',
         filterConfirm: '확인',
-        filterReset: '초기화'
+        filterReset: '초기화',
+        more: '더보기'
     },
     sf: {
         submit: '제출',
@@ -2273,6 +2398,23 @@ var koKR = {
         prev: `이전`,
         next: `다음`,
         done: `끝난`
+    },
+    datePicker: {
+        today: '오늘',
+        yesterday: '어제',
+        last3Days: '지난 3일',
+        last7Days: '지난 7일',
+        thisWeek: '이번 주',
+        lastWeek: '지난주',
+        thisMonth: '이번 달',
+        lastMonth: '지난달',
+        thisYear: '올해'
+    },
+    loading: {
+        text: '로딩 중...'
+    },
+    pageHeader: {
+        home: '홈'
     }
 };
 
@@ -2304,7 +2446,8 @@ var hrHR = {
     st: {
         total: '{{range[0]}} - {{range[1]}} od {{total}}',
         filterConfirm: 'U redu',
-        filterReset: 'Poništi'
+        filterReset: 'Poništi',
+        more: 'Više'
     },
     sf: {
         submit: 'Pošalji',
@@ -2320,6 +2463,23 @@ var hrHR = {
         prev: `Prethodna`,
         next: `Sljedeći`,
         done: `Sastavljeno`
+    },
+    datePicker: {
+        today: 'Danas',
+        yesterday: 'Jučer',
+        last3Days: 'Posl. 3 dana',
+        last7Days: 'Posl. 7 dana',
+        thisWeek: 'Ovaj tjedan',
+        lastWeek: 'Prošli tjedan',
+        thisMonth: 'Ovaj mjesec',
+        lastMonth: 'Prošli mjesec',
+        thisYear: 'Ova godina'
+    },
+    loading: {
+        text: 'Učitavanje...'
+    },
+    pageHeader: {
+        home: 'Početna'
     }
 };
 
@@ -2351,7 +2511,8 @@ var jaJP = {
     st: {
         total: '{{range[0]}} - {{range[1]}} / {{total}}',
         filterConfirm: '確定',
-        filterReset: 'リセット'
+        filterReset: 'リセット',
+        more: 'もっと'
     },
     sf: {
         submit: '送信',
@@ -2403,6 +2564,23 @@ var jaJP = {
         prev: `前へ`,
         next: `次`,
         done: `できた`
+    },
+    datePicker: {
+        today: '今日',
+        yesterday: '昨日',
+        last3Days: '直近3日',
+        last7Days: '直近7日',
+        thisWeek: '今週',
+        lastWeek: '先週',
+        thisMonth: '今月',
+        lastMonth: '先月',
+        thisYear: '今年'
+    },
+    loading: {
+        text: '読み込み中...'
+    },
+    pageHeader: {
+        home: 'ホーム'
     }
 };
 
@@ -2433,7 +2611,8 @@ var slSI = {
     st: {
         total: '{{range[0]}} - {{range[1]}} of {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Reset'
+        filterReset: 'Reset',
+        more: 'Več'
     },
     sf: {
         submit: 'Pošlji',
@@ -2485,6 +2664,23 @@ var slSI = {
         prev: `Prejšnje`,
         next: `Naslednji`,
         done: `Končano`
+    },
+    datePicker: {
+        today: 'Danes',
+        yesterday: 'Včeraj',
+        last3Days: 'Zadnji 3 dnevi',
+        last7Days: 'Zadnjih 7 dni',
+        thisWeek: 'Ta teden',
+        lastWeek: 'Prejšnji teden',
+        thisMonth: 'Ta mesec',
+        lastMonth: 'Prejšnji mesec',
+        thisYear: 'Letos'
+    },
+    loading: {
+        text: 'Nalaganje...'
+    },
+    pageHeader: {
+        home: 'Domov'
     }
 };
 
@@ -2516,7 +2712,8 @@ var frFR = {
     st: {
         total: '{{range[0]}} - {{range[1]}} de {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Réinitialiser'
+        filterReset: 'Réinitialiser',
+        more: 'Plus'
     },
     sf: {
         submit: 'Soumettre',
@@ -2568,6 +2765,23 @@ var frFR = {
         prev: `Précédent`,
         next: `Suivant`,
         done: `Terminé`
+    },
+    datePicker: {
+        today: 'Auj.',
+        yesterday: 'Hier',
+        last3Days: '3 derniers j.',
+        last7Days: '7 derniers j.',
+        thisWeek: 'Sem. en cours',
+        lastWeek: 'Sem. dernière',
+        thisMonth: 'Mois en cours',
+        lastMonth: 'Mois dernier',
+        thisYear: 'Année en cours'
+    },
+    loading: {
+        text: 'Chargement...'
+    },
+    pageHeader: {
+        home: 'Accueil'
     }
 };
 
@@ -2599,7 +2813,8 @@ var esES = {
     st: {
         total: '{{rango[0]}} - {{rango[1]}} de {{total}}',
         filterConfirm: 'Aceptar',
-        filterReset: 'Reiniciar'
+        filterReset: 'Reiniciar',
+        more: 'Más'
     },
     sf: {
         submit: 'Submit',
@@ -2651,6 +2866,23 @@ var esES = {
         prev: `Previo`,
         next: `Siguiente`,
         done: `Terminado`
+    },
+    datePicker: {
+        today: 'Hoy',
+        yesterday: 'Ayer',
+        last3Days: 'Últ. 3 días',
+        last7Days: 'Últ. 7 días',
+        thisWeek: 'Esta sem.',
+        lastWeek: 'Sem. pasada',
+        thisMonth: 'Este mes',
+        lastMonth: 'Mes pasado',
+        thisYear: 'Este año'
+    },
+    loading: {
+        text: 'Cargando...'
+    },
+    pageHeader: {
+        home: 'Inicio'
     }
 };
 
@@ -2682,7 +2914,8 @@ var itIT = {
     st: {
         total: '{{range[0]}} - {{range[1]}} di {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Reimposta'
+        filterReset: 'Reimposta',
+        more: 'Altro'
     },
     sf: {
         submit: 'Invia',
@@ -2734,6 +2967,23 @@ var itIT = {
         prev: `Precedente`,
         next: `Successivo`,
         done: `Fatto`
+    },
+    datePicker: {
+        today: 'Oggi',
+        yesterday: 'Ieri',
+        last3Days: 'Ultimi 3 gg',
+        last7Days: 'Ultimi 7 gg',
+        thisWeek: 'Questa sett.',
+        lastWeek: 'Sett. scorsa',
+        thisMonth: 'Questo mese',
+        lastMonth: 'Mese scorso',
+        thisYear: "Quest'anno"
+    },
+    loading: {
+        text: 'Caricamento...'
+    },
+    pageHeader: {
+        home: 'Home'
     }
 };
 
@@ -2765,7 +3015,8 @@ var viVN = {
     st: {
         total: '{{range[0]}} - {{range[1]}} của {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Đặt lại'
+        filterReset: 'Đặt lại',
+        more: 'Thêm'
     },
     sf: {
         submit: 'Gửi',
@@ -2817,6 +3068,23 @@ var viVN = {
         prev: `Trước`,
         next: `Tiếp`,
         done: `Hoàn thành`
+    },
+    datePicker: {
+        today: 'Hôm nay',
+        yesterday: 'Hôm qua',
+        last3Days: '3 ngày qua',
+        last7Days: '7 ngày qua',
+        thisWeek: 'Tuần này',
+        lastWeek: 'Tuần trước',
+        thisMonth: 'Tháng này',
+        lastMonth: 'Tháng trước',
+        thisYear: 'Năm nay'
+    },
+    loading: {
+        text: 'Đang tải...'
+    },
+    pageHeader: {
+        home: 'Trang chủ'
     }
 };
 
@@ -2848,7 +3116,8 @@ var arSA = {
     st: {
         total: '{{range[0]}} - {{range[1]}} من {{total}}',
         filterConfirm: 'تأكيد',
-        filterReset: 'إعادة تعيين'
+        filterReset: 'إعادة تعيين',
+        more: 'المزيد'
     },
     sf: {
         submit: 'حفظ',
@@ -2900,6 +3169,23 @@ var arSA = {
         prev: `السابق`,
         next: `التالي`,
         done: `تم`
+    },
+    datePicker: {
+        today: 'اليوم',
+        yesterday: 'أمس',
+        last3Days: 'آخر 3 أيام',
+        last7Days: 'آخر 7 أيام',
+        thisWeek: 'هذا الأسبوع',
+        lastWeek: 'الأسبوع الماضي',
+        thisMonth: 'هذا الشهر',
+        lastMonth: 'الشهر الماضي',
+        thisYear: 'هذا العام'
+    },
+    loading: {
+        text: 'جاري التحميل...'
+    },
+    pageHeader: {
+        home: 'الرئيسية'
     }
 };
 
@@ -2931,7 +3217,8 @@ var idID = {
     st: {
         total: '{{range[0]}} - {{range[1]}} dari {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Atur ulang'
+        filterReset: 'Atur ulang',
+        more: 'Lainnya'
     },
     sf: {
         submit: 'Kirim',
@@ -2983,6 +3270,23 @@ var idID = {
         prev: `Sebelumnya`,
         next: `Berikutnya`,
         done: `Selesai`
+    },
+    datePicker: {
+        today: 'Hari Ini',
+        yesterday: 'Kemarin',
+        last3Days: '3 Hari Terakhir',
+        last7Days: '7 Hari Terakhir',
+        thisWeek: 'Minggu Ini',
+        lastWeek: 'Minggu Lalu',
+        thisMonth: 'Bulan Ini',
+        lastMonth: 'Bulan Lalu',
+        thisYear: 'Tahun Ini'
+    },
+    loading: {
+        text: 'Memuat...'
+    },
+    pageHeader: {
+        home: 'Beranda'
     }
 };
 
@@ -3014,7 +3318,8 @@ var kmKH = {
     st: {
         total: '{{range[0]}} - {{range[1]}} នៃ {{total}}',
         filterConfirm: 'យល់ព្រម',
-        filterReset: 'កំណត់ឡើងវិញ'
+        filterReset: 'កំណត់ឡើងវិញ',
+        more: 'ច្រើនទៀត'
     },
     sf: {
         submit: 'ដាក់ស្នើ',
@@ -3066,6 +3371,23 @@ var kmKH = {
         prev: `ថយក្រោយ`,
         next: `បន្ទាប់`,
         done: `រួចរាល់`
+    },
+    datePicker: {
+        today: 'ថ្ងៃនេះ',
+        yesterday: 'ម្សិលមិញ',
+        last3Days: '៣ថ្ងៃចុងក្រោយ',
+        last7Days: '៧ថ្ងៃចុងក្រោយ',
+        thisWeek: 'សប្តាហ៍នេះ',
+        lastWeek: 'សប្តាហ៍មុន',
+        thisMonth: 'ខែនេះ',
+        lastMonth: 'ខែមុន',
+        thisYear: 'ឆ្នាំនេះ'
+    },
+    loading: {
+        text: 'កំពុងផ្ទុក...'
+    },
+    pageHeader: {
+        home: 'ទំព័រដើម'
     }
 };
 
@@ -3097,7 +3419,8 @@ var msMY = {
     st: {
         total: '{{range[0]}} - {{range[1]}} daripada {{total}}',
         filterConfirm: 'OK',
-        filterReset: 'Set Semula'
+        filterReset: 'Set Semula',
+        more: 'Lagi'
     },
     sf: {
         submit: 'Hantar',
@@ -3149,6 +3472,23 @@ var msMY = {
         prev: `Sebelum`,
         next: `Seterusnya`,
         done: `Selesai`
+    },
+    datePicker: {
+        today: 'Hari Ini',
+        yesterday: 'Semalam',
+        last3Days: '3 Hari Lalu',
+        last7Days: '7 Hari Lalu',
+        thisWeek: 'Minggu Ini',
+        lastWeek: 'Minggu Lalu',
+        thisMonth: 'Bulan Ini',
+        lastMonth: 'Bulan Lalu',
+        thisYear: 'Tahun Ini'
+    },
+    loading: {
+        text: 'Memuat...'
+    },
+    pageHeader: {
+        home: 'Laman Utama'
     }
 };
 
@@ -3180,7 +3520,8 @@ var thTH = {
     st: {
         total: '{{range[0]}} - {{range[1]}} จาก {{total}}',
         filterConfirm: 'ตกลง',
-        filterReset: 'รีเซ็ต'
+        filterReset: 'รีเซ็ต',
+        more: 'เพิ่มเติม'
     },
     sf: {
         submit: 'ส่งข้อมูล',
@@ -3232,6 +3573,23 @@ var thTH = {
         prev: `ก่อนหน้า`,
         next: `ถัดไป`,
         done: `เสร็จสิ้น`
+    },
+    datePicker: {
+        today: 'วันนี้',
+        yesterday: 'เมื่อวาน',
+        last3Days: '3 วันที่ผ่านมา',
+        last7Days: '7 วันที่ผ่านมา',
+        thisWeek: 'สัปดาห์นี้',
+        lastWeek: 'สัปดาห์ที่แล้ว',
+        thisMonth: 'เดือนนี้',
+        lastMonth: 'เดือนที่แล้ว',
+        thisYear: 'ปีนี้'
+    },
+    loading: {
+        text: 'กำลังโหลด...'
+    },
+    pageHeader: {
+        home: 'หน้าหลัก'
     }
 };
 
@@ -3245,10 +3603,10 @@ class DatePipe {
             customFormat: this.cog?.dateFormatCustom
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: DatePipe, isStandalone: true, name: "_date" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: DatePipe, isStandalone: true, name: "_date" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: DatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DatePipe, decorators: [{
             type: Pipe,
             args: [{ name: '_date' }]
         }] });
@@ -3264,10 +3622,10 @@ class KeysPipe {
         });
         return ret;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: KeysPipe, isStandalone: true, name: "keys" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: KeysPipe, isStandalone: true, name: "keys" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: KeysPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KeysPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'keys' }]
         }] });
@@ -3279,8 +3637,8 @@ const CLS_NO = `class="yn__no"`;
 function yn(value, opt) {
     let html = '';
     let { yes, no, mode } = { ...opt };
-    yes = yes || '是';
-    no = no || '否';
+    yes = yes ?? '是';
+    no = no ?? '否';
     switch (mode) {
         case 'full':
             html = value
@@ -3302,10 +3660,10 @@ class YNPipe {
         const html = yn(value, { yes, no, mode });
         return isSafeHtml ? this.dom.bypassSecurityTrustHtml(html) : html;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: YNPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: YNPipe, isStandalone: true, name: "yn" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: YNPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: YNPipe, isStandalone: true, name: "yn" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: YNPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: YNPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'yn' }]
         }] });
@@ -3315,10 +3673,10 @@ class HTMLPipe {
     transform(html) {
         return html ? this.dom.bypassSecurityTrustHtml(html) : '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HTMLPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: HTMLPipe, isStandalone: true, name: "html" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HTMLPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: HTMLPipe, isStandalone: true, name: "html" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HTMLPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HTMLPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'html' }]
         }] });
@@ -3328,10 +3686,10 @@ class URLPipe {
     transform(url) {
         return url ? this.dom.bypassSecurityTrustUrl(url) : '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: URLPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: URLPipe, isStandalone: true, name: "url" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: URLPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: URLPipe, isStandalone: true, name: "url" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: URLPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: URLPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'url' }]
         }] });
@@ -3358,11 +3716,11 @@ class AlainThemeModule {
             providers: HELPERS
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainThemeModule, deps: [{ token: i1.NzIconService }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: AlainThemeModule, imports: [CommonModule, RouterModule, OverlayModule, NzI18nModule, DatePipe, KeysPipe, YNPipe, I18nPipe, HTMLPipe, URLPipe], exports: [DatePipe, KeysPipe, YNPipe, I18nPipe, HTMLPipe, URLPipe, DelonLocaleModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainThemeModule, providers: [ALAIN_SETTING_DEFAULT], imports: [CommonModule, RouterModule, OverlayModule, NzI18nModule, DelonLocaleModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainThemeModule, deps: [{ token: i1.NzIconService }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AlainThemeModule, imports: [CommonModule, RouterModule, OverlayModule, NzI18nModule, DatePipe, KeysPipe, YNPipe, I18nPipe, HTMLPipe, URLPipe], exports: [DatePipe, KeysPipe, YNPipe, I18nPipe, HTMLPipe, URLPipe, DelonLocaleModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainThemeModule, providers: [ALAIN_SETTING_DEFAULT], imports: [CommonModule, RouterModule, OverlayModule, NzI18nModule, DelonLocaleModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AlainThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AlainThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, OverlayModule, NzI18nModule, ...PIPES],
@@ -3426,7 +3784,7 @@ class PreloadOptionalModules {
     }
 }
 
-const VERSION = new Version('20.1.0');
+const VERSION = new Version('21.0.0-next.1');
 
 /**
  * Generated bundle index. Do not edit.