@libs-ui/utils 0.2.8 → 0.2.10-6.2

package/fesm2022/libs-ui-utils.mjs

@@ -1,7 +1,12 @@
-import { TemplateRef, ElementRef, signal } from '@angular/core';
 import CryptoES from 'crypto-es';
 import { HttpParams } from '@angular/common/http';
-import { Subject, fromEvent, filter } from 'rxjs';
+import { isSignal, TemplateRef, ElementRef, signal } from '@angular/core';
+import { Observable, Subject, fromEvent, takeUntil, filter } from 'rxjs';
+import dayjs from 'dayjs';
+import 'dayjs/locale/vi';
+import 'dayjs/locale/en';
+import localeData from 'dayjs/plugin/localeData';
+import updateLocale from 'dayjs/plugin/updateLocale';
 
 const getPlatFromBrowser = () => {
     const userAgent = navigator.userAgent;
@@ -185,6 +190,42 @@ class UtilsUrlSearchParams {
     }
 }
 
+let key$1 = '12~@#loqwsxacva(3rdhaq12';
+const setKeyCrypto = (value) => {
+    if (value.length !== 24 && value.length !== 32) {
+        throw Error(`key.length = ${value.length}; Key phải là 1 chuỗi dài 24 hoặc 32 ký tự`);
+    }
+    key$1 = value;
+};
+const keyStore$1 = () => {
+    return key$1;
+};
+const encrypt = (plainData) => {
+    if (!keyStore$1()) {
+        throw Error("lỗi chưa setup key mã hóa");
+    }
+    const key = CryptoES.enc.Hex.parse(keyStore$1());
+    const iv = CryptoES.enc.Hex.parse(keyStore$1());
+    const mode = CryptoES.mode.CBC;
+    const padding = CryptoES.pad.Pkcs7;
+    const options = { iv: iv, mode: mode, padding: padding };
+    return CryptoES.AES.encrypt(plainData, key, options).toString();
+};
+const decrypt = (encryptedData) => {
+    if (!keyStore$1()) {
+        throw Error("lỗi chưa setup key mã hóa");
+    }
+    const key = CryptoES.enc.Hex.parse(keyStore$1());
+    const iv = CryptoES.enc.Hex.parse(keyStore$1());
+    const mode = CryptoES.mode.CBC;
+    const padding = CryptoES.pad.Pkcs7;
+    const options = { iv: iv, mode: mode, padding: padding };
+    return CryptoES.AES.decrypt(encryptedData, key, options).toString(CryptoES.enc.Utf8);
+};
+const md5 = (plainData) => {
+    return CryptoES.MD5(plainData).toString();
+};
+
 const uuid = () => {
     const timestamp = performance.now() * 1000;
     const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-=[]{}|;:,.<>?/~';
@@ -199,35 +240,60 @@ const uuid = () => {
         [charArray[i], charArray[j]] = [charArray[j], charArray[i]];
     }
     const shuffledString = charArray.join('');
-    return shuffledString;
+    return md5(shuffledString);
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+/**Các hàm tương tự thư viện lodash */
 const isNil = (value) => {
     return value === null || value === undefined;
 };
 const isEmpty = (value) => {
     return value === null || value === '' || value === undefined || (typeof value === 'object' && (JSON.stringify(value) === '{}' || JSON.stringify(value) === '[]'));
 };
+const omitBy = (objData, predicate) => {
+    if (!objData || typeof objData !== 'object' || Array.isArray(objData)) {
+        return objData;
+    }
+    const newObj = {};
+    Object.keys(objData).forEach(key => {
+        const valueOfKey = get(objData, key);
+        if (!predicate(valueOfKey)) {
+            set(newObj, key, valueOfKey);
+        }
+    });
+    return newObj;
+};
 const get = (obj, path, defaultValue = undefined) => {
     if (obj == null) {
         return defaultValue;
     }
-    const paths = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.$1').split('.');
+    if (isSignal(obj)) {
+        obj = obj();
+    }
+    if (obj instanceof HttpParams) {
+        return obj.get(`${path}`);
+    }
+    const paths = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.$1').split('.').filter(key => key);
     for (let i = 0; i < paths.length; i++) {
         if (obj == null || !Object.prototype.hasOwnProperty.call(obj, paths[i])) {
             return defaultValue;
         }
-        obj = obj[paths[i]];
+        const val = isSignal(obj[paths[i]]) ? obj[paths[i]]() : obj[paths[i]];
+        obj = val;
     }
     return obj;
 };
 const set = (obj, path, value) => {
-    if (!obj || typeof obj !== "object") {
+    if (!obj || (typeof obj !== "object" && !isSignal(obj)) || (isSignal(obj) && typeof obj() !== "object")) {
         throw new Error("The first argument must be an object");
     }
-    const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.[$1]').split('.');
-    let current = obj;
+    if (obj instanceof HttpParams) {
+        return obj.set(`${path}`, value);
+    }
+    const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.[$1]').split('.').filter(key => key);
+    let current = isSignal(obj) ? obj() : obj;
+    let lastIsSignal = false;
     pathArray.forEach((key, index) => {
         if (index < pathArray.length - 1) {
             if (!(key in current) || typeof current[key] !== "object") {
@@ -235,53 +301,156 @@ const set = (obj, path, value) => {
                 key = key.replace(/\[(\d+)]/g, '$1');
                 current[key] = /\[(\d+)]/g.test(nextKey) ? [] : {};
             }
-            current = current[key];
+            current = key ? current[key] : current;
+            lastIsSignal = isSignal(current);
+            current = lastIsSignal ? current() : current;
             return;
         }
         // Gán giá trị ở cuối đường dẫn
+        key = key.replace(/\[(\d+)]/g, '$1');
+        if (lastIsSignal) {
+            current.update((data) => {
+                data[key] = value;
+                return { ...data };
+            });
+            return;
+        }
         current[key] = value;
     });
     return obj;
 };
-const cloneDeep = (value) => {
-    if (value === null || typeof value !== 'object') {
-        return value;
+const cloneDeep = (data) => {
+    if (data === null || typeof data !== 'object') {
+        return data;
     }
-    if (value instanceof Date) {
-        return new Date(value.getTime());
+    if (data instanceof HttpParams) {
+        return data;
+    }
+    if (data instanceof Date) {
+        return new Date(data.getTime());
     }
-    if (value instanceof RegExp) {
-        return new RegExp(value.source, value.flags);
+    if (data instanceof RegExp) {
+        return new RegExp(data.source, data.flags);
     }
-    if (value instanceof Map) {
+    if (data instanceof Map) {
         const mapCopy = new Map();
-        value.forEach((val, key) => {
+        data.forEach((val, key) => {
             mapCopy.set(cloneDeep(key), cloneDeep(val));
         });
         return mapCopy;
     }
-    if (value instanceof Set) {
+    if (data instanceof Set) {
         const setCopy = new Set();
-        value.forEach(val => {
+        data.forEach(val => {
             setCopy.add(cloneDeep(val));
         });
         return setCopy;
     }
-    if (Array.isArray(value)) {
-        return value.map(item => cloneDeep(item));
+    if (Array.isArray(data)) {
+        return data.map(item => cloneDeep(item));
+    }
+    if (data instanceof Promise || data instanceof Observable) {
+        return data;
+    }
+    if (isSignal(data)) {
+        return cloneDeep(data());
     }
     const result = {};
-    for (const key in value) {
-        if (value[key] instanceof TemplateRef || value[key] instanceof ElementRef || value[key] instanceof Element) {
-            result[key] = value[key];
+    for (const key in data) {
+        const value = data[key];
+        if (value instanceof TemplateRef || value instanceof ElementRef || value instanceof Element || data instanceof Promise || data instanceof Observable || data instanceof HttpParams) {
+            result[key] = value;
             continue;
         }
-        if (Object.prototype.hasOwnProperty.call(value, key)) {
-            result[key] = cloneDeep(value[key]);
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            result[key] = cloneDeep(value);
         }
     }
     return result;
 };
+const keyBy = (data, key) => {
+    if (!data || !data.length || !key) {
+        return {};
+    }
+    return data.reduce((dir, nextItem) => {
+        const valueOfKey = nextItem[key];
+        if (typeof valueOfKey !== 'string' && typeof valueOfKey !== 'number') {
+            return dir;
+        }
+        dir[valueOfKey] = nextItem;
+        return dir;
+    }, {});
+};
+const groupBy = (data, key) => {
+    if (!data || !Object.keys(data).length || !key) {
+        return {};
+    }
+    return data.reduce((dir, nextItem) => {
+        const valueOfKey = nextItem[key];
+        if (typeof valueOfKey !== 'string' && typeof valueOfKey !== 'number') {
+            return dir;
+        }
+        if (!dir[valueOfKey]) {
+            dir[valueOfKey] = [];
+        }
+        dir[valueOfKey].push(nextItem);
+        return dir;
+    }, {});
+};
+const range = (start, end, step) => {
+    if (end === undefined || end === null) {
+        end = start;
+        start = 0;
+    }
+    if (!step) {
+        step = end < 0 ? -1 : 1;
+    }
+    if (end < start && step > 0) {
+        step *= -1;
+    }
+    const valueStartByStep = step + start;
+    const direction = start < end ? 'asc' : 'desc';
+    if ((direction === 'asc' && (valueStartByStep < start || valueStartByStep > end)) || (direction === 'desc' && (valueStartByStep > start || valueStartByStep < end))) {
+        return [start];
+    }
+    const arr = new Array();
+    for (let index = 0; index < Math.abs(end - start); index++) {
+        let value = start + index * step;
+        if (index === 0) {
+            value = start;
+        }
+        if ((direction === 'asc' && (value < start || value > end)) || (direction === 'desc' && (value > start || value < end))) {
+            return arr;
+        }
+        arr.push(value);
+    }
+    return arr;
+};
+const isEqual = (value1, value2) => {
+    if (value1 === value2 || (value1 === null && value2 === null) || (value1 === undefined && value2 === undefined)) {
+        return true;
+    }
+    if (typeof value1 !== 'object' || typeof value2 !== 'object' || (Array.isArray(value1) && !Array.isArray(value2))) {
+        return false;
+    }
+    if (Array.isArray(value1)) {
+        if (value1.length !== value2.length) {
+            return false;
+        }
+        return !value1.some((item, index) => !isEqual(item, value2[index]));
+    }
+    if (Object.keys(value1).length !== Object.keys(value2).length) {
+        return false;
+    }
+    return !Object.keys(value1).some((key) => !isEqual(value1[key], value2[key]));
+};
+const uniqBy = (data, key) => {
+    if (!key || !data || !data.length || typeof data[0] !== 'object') {
+        return Array.from(new Set(data));
+    }
+    const dataUnique = keyBy(data, key);
+    return Object.keys(dataUnique).map(key => dataUnique[key]);
+};
 const generateInterface = (obj, interfaceName) => {
     const generateType = (value) => {
         if (value === null) {
@@ -410,42 +579,6 @@ const GetColorById = (str) => {
     return listColorDefine$1[Math.abs(hashString) % listColorDefine$1.length];
 };
 
-let key$1 = '12~@#loqwsxacva(3rdhaq12';
-const setKeyCrypto = (value) => {
-    if (value.length !== 24 && value.length !== 32) {
-        throw Error(`key.length = ${value.length}; Key phải là 1 chuỗi dài 24 hoặc 32 ký tự`);
-    }
-    key$1 = value;
-};
-const keyStore$1 = () => {
-    return key$1;
-};
-const encrypt = (plainData) => {
-    if (!keyStore$1()) {
-        throw Error("lỗi chưa setup key mã hóa");
-    }
-    const key = CryptoES.enc.Hex.parse(keyStore$1());
-    const iv = CryptoES.enc.Hex.parse(keyStore$1());
-    const mode = CryptoES.mode.CBC;
-    const padding = CryptoES.pad.Pkcs7;
-    const options = { iv: iv, mode: mode, padding: padding };
-    return CryptoES.AES.encrypt(plainData, key, options).toString();
-};
-const decrypt = (encryptedData) => {
-    if (!keyStore$1()) {
-        throw Error("lỗi chưa setup key mã hóa");
-    }
-    const key = CryptoES.enc.Hex.parse(keyStore$1());
-    const iv = CryptoES.enc.Hex.parse(keyStore$1());
-    const mode = CryptoES.mode.CBC;
-    const padding = CryptoES.pad.Pkcs7;
-    const options = { iv: iv, mode: mode, padding: padding };
-    return CryptoES.AES.decrypt(encryptedData, key, options).toString(CryptoES.enc.Utf8);
-};
-const md5 = (plainData) => {
-    return CryptoES.MD5(plainData).toString();
-};
-
 let key = '12~@#loqwsxacva(3rdhaq12';
 const setKeyCrypto3rd = (value) => {
     if (value.length !== 24 && value.length !== 32) {
@@ -602,11 +735,11 @@ class UtilsKeyCodeConstant {
 }
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const HttpParamsRequestInstance = (options, instance) => {
+const UtilsHttpParamsRequestInstance = (options, instance) => {
     return new UtilsHttpParamsRequest(options, instance);
 };
 class UtilsHttpParamsRequest extends HttpParams {
-    params;
+    params = new HttpParams();
     constructor(options, instance) {
         super(options);
         if (!instance) {
@@ -680,13 +813,20 @@ const getKeyCacheByArrayObject = (keyCache, argumentsValue) => {
         return '';
     }
     let keyBuild = `${JSON.stringify(argumentsValue.slice(1))}-key-cache-plus`;
-    if (argumentsValue && argumentsValue[0] instanceof HttpParams) {
-        const httpParams = argumentsValue[0];
-        const keys = argumentsValue[0].keys().sort((str1, str2) => str1.localeCompare(str2));
-        keys.forEach(key => {
-            keyBuild = `${keyBuild}${JSON.stringify(httpParams.get(key))}`;
-        });
-    }
+    argumentsValue.forEach((item) => {
+        if (typeof item === 'object') {
+            if (Array.isArray(item)) {
+                keyBuild = `${keyBuild}${JSON.stringify(item)}`;
+                return;
+            }
+            const keys = (item instanceof HttpParams ? item.keys() : Object.keys(item)).sort(((str1, str2) => str1.localeCompare(str2)));
+            keys.forEach(key => {
+                keyBuild = `${keyBuild}${JSON.stringify(get(item, key))}`;
+            });
+            return;
+        }
+        keyBuild = `${keyBuild}${item}`;
+    });
     const keyCachePlus = md5(keyBuild);
     const keyCacheMD5 = md5(keyCache);
     return `${keyCacheMD5}-${md5(`${keyCacheMD5}-${keyCachePlus}`)}`;
@@ -703,13 +843,16 @@ const isEmbedFrame = () => {
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+class UtilsCommunicateMicroKeyGlobal {
+    static KEY_MESSAGE_MODAL = 'LIBS_UI_MODEL_EVENT';
+}
 class UtilsCommunicateMicro {
-    static KEY_GET_ALL_MESSAGE = 'MICRO_SITES_ALL_MESSAGE';
     static PREFIX_TYPE = '3RD_INTEGRATE_MICRO_SITE_';
+    static KEY_GET_ALL_MESSAGE = 'MICRO_SITES_ALL_MESSAGE';
     static initdEvent;
     static subs = new Map();
     static allMessageSub = new Subject();
-    static initEvent(currentWindow) {
+    static initEvent(currentWindow, onDestroy) {
         if (this.initdEvent) {
             return;
         }
@@ -717,7 +860,7 @@ class UtilsCommunicateMicro {
         if (!this.subs.get(UtilsCommunicateMicro.KEY_GET_ALL_MESSAGE)) {
             this.subs.set(UtilsCommunicateMicro.KEY_GET_ALL_MESSAGE, UtilsCommunicateMicro.allMessageSub);
         }
-        fromEvent(currentWindow, 'message').subscribe(e => {
+        fromEvent(currentWindow, 'message').pipe(takeUntil(onDestroy)).subscribe(e => {
             const event = { data: { ...e.data } };
             const data = event.data;
             const type = data.type;
@@ -745,6 +888,10 @@ class UtilsCommunicateMicro {
                 this.allMessageSub.next(event);
             }
         });
+        UtilsCommunicateMicro.GetMessage(UtilsCache.typeKeyClearLocalStorage).pipe(filter(e => e.data.response !== UtilsCache.idService), takeUntil(onDestroy)).subscribe(() => {
+            console.log('clear all cache by event');
+            UtilsCache.ClearAll();
+        });
     }
     static PostMessageToParent(data) {
         data = this.convertData(data);
@@ -784,9 +931,8 @@ class UtilsCommunicateMicro {
                 JSON.parse(decrypt3rd(data.response));
                 return data;
             }
-            catch (error) {
-                console.log(error);
-                data.response = decrypt3rd(JSON.stringify(data.response));
+            catch (_) {
+                data.response = encrypt3rd(JSON.stringify(data.response));
                 return data;
             }
         }
@@ -794,9 +940,8 @@ class UtilsCommunicateMicro {
             JSON.parse(decrypt(data.response));
             return data;
         }
-        catch (error) {
-            console.log(error);
-            data.response = decrypt(JSON.stringify(data.response));
+        catch (_) {
+            data.response = encrypt(JSON.stringify(data.response));
             return data;
         }
     }
@@ -816,6 +961,9 @@ class UtilsCommunicateMicro {
         if (!Array.isArray(messageType) || !messageType.length) {
             throw new Error('message type empty');
         }
+        if (messageType.length === 1) {
+            return this.GetMessage(messageType[0]);
+        }
         const types = messageType.sort().join(';');
         let sub = this.subs.get(types);
         if (sub) {
@@ -833,25 +981,18 @@ class UtilsCommunicateMicro {
             });
         });
     }
-    postMessageToParent(data) {
-        UtilsCommunicateMicro.PostMessageToParent(data);
-    }
-    postMessageToChildren(data) {
-        UtilsCommunicateMicro.PostMessageToChildren(data);
-    }
 }
 
 /* eslint-disable no-async-promise-executor */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class UtilsCache {
-    static typeKeyClearLocalStorage = 'LIBS_UI_CLEAR_LOCAL_STORAGE_EVENT';
-    static listKeyKeepWhenClearALll = Array();
-    static languageKeyCache = 'SR3xQKxHgffiCevPQRralg';
-    static initdEvent;
     static CACHE_EXPIRE_TIME_DEFAULT = 5 * 60;
     static CACHE_EXPIRE_NONE = -1;
-    static language = signal(UtilsLanguageConstants.defaultLang);
     static idService = uuid();
+    static typeKeyClearLocalStorage = 'LIBS_UI_CLEAR_LOCAL_STORAGE_EVENT';
+    static languageKeyCache = 'SR3xQKxHgffiCevPQRralg';
+    static listKeyKeepWhenClearALll = Array();
+    static initdEvent;
     static storage;
     static dbName = 'libs-ui-cache';
     static itemIndexByKey = 'key';
@@ -868,25 +1009,21 @@ class UtilsCache {
         if (config.typeKeyClearLocalStorage) {
             UtilsCache.typeKeyClearLocalStorage = config.typeKeyClearLocalStorage;
         }
-        if (config.listKeyKeepWhenClearALll) {
-            UtilsCache.listKeyKeepWhenClearALll = config.listKeyKeepWhenClearALll;
+        if (config.listKeyKeepWhenClearAll) {
+            UtilsCache.listKeyKeepWhenClearALll = config.listKeyKeepWhenClearAll;
         }
         if (config.languageKeyCache) {
             UtilsCache.languageKeyCache = config.languageKeyCache;
         }
-        UtilsCommunicateMicro.GetMessage(UtilsCache.typeKeyClearLocalStorage).pipe(filter(e => e.data.response !== UtilsCache.idService)).subscribe(() => {
-            UtilsCache.ClearAll();
-        });
     }
     static setLang(lang) {
         if (lang !== UtilsLanguageConstants.VI && lang !== UtilsLanguageConstants.EN) {
             throw Error('Language support vi | en');
         }
-        UtilsCache.language.set(lang);
-        UtilsCache.Set(UtilsCache.languageKeyCache, lang);
+        UtilsCache.Set(UtilsCache.languageKeyCache, lang, UtilsCache.CACHE_EXPIRE_NONE);
     }
     static getLang() {
-        return UtilsCache.language();
+        return UtilsCache.Get(UtilsCache.languageKeyCache, UtilsLanguageConstants.defaultLang);
     }
     static openDB() {
         return new Promise(resolve => {
@@ -894,15 +1031,12 @@ class UtilsCache {
             request.onupgradeneeded = (event) => {
                 const db = event.target.result;
                 if (!db.objectStoreNames.contains(UtilsCache.dbName)) {
-                    const objectStore = db.createObjectStore(UtilsCache.dbName, { keyPath: 'id', autoIncrement: true });
+                    const objectStore = db.createObjectStore(UtilsCache.dbName, { keyPath: UtilsCache.itemIndexByKey, autoIncrement: true });
                     objectStore.createIndex(UtilsCache.itemIndexByKey, UtilsCache.itemIndexByKey, { unique: true });
                 }
             };
             request.onsuccess = () => {
                 UtilsCache.db = request.result;
-                setTimeout(() => {
-                    UtilsCache.DeleteKeyStartWithAsync('');
-                }, 2000);
                 resolve(true);
             };
             request.onerror = (event) => {
@@ -916,7 +1050,10 @@ class UtilsCache {
             await UtilsCache.openDB();
         }
         const transaction = UtilsCache.db?.transaction([UtilsCache.dbName], 'readwrite');
-        return transaction?.objectStore(UtilsCache.dbName);
+        if (!transaction) {
+            return null;
+        }
+        return transaction.objectStore(UtilsCache.dbName);
     }
     static get LocalStorage() {
         try {
@@ -990,8 +1127,7 @@ class UtilsCache {
             if (!objectStore) {
                 return resolve(default_value);
             }
-            const index = objectStore.index(UtilsCache.itemIndexByKey);
-            const request = index.get(key);
+            const request = objectStore.get(key);
             request.onsuccess = () => {
                 if (!request.result) {
                     return resolve(default_value);
@@ -1022,7 +1158,7 @@ class UtilsCache {
         try {
             const data = JSON.parse(decrypt(cachedData));
             if (data.expire === UtilsCache.CACHE_EXPIRE_NONE) {
-                return data.value;
+                return data.value ?? default_value;
             }
             const currentMillisecond = (new Date().valueOf() / 1000);
             if (data.expire < currentMillisecond) {
@@ -1040,52 +1176,31 @@ class UtilsCache {
     }
     static async SetAsync(key, value, expireTimeBySecond = UtilsCache.CACHE_EXPIRE_TIME_DEFAULT, isKeyMD5 = false) {
         return new Promise(async (resolve, reject) => {
-            let objectStore = await UtilsCache.getObjectStore();
+            const objectStore = await UtilsCache.getObjectStore();
             key = isKeyMD5 ? key : md5(key);
             try {
                 const currentMillisecond = expireTimeBySecond === UtilsCache.CACHE_EXPIRE_NONE ? UtilsCache.CACHE_EXPIRE_NONE : (new Date().valueOf() / 1000) + expireTimeBySecond;
                 const data = {
-                    key: key,
                     value: encrypt(JSON.stringify({ json: value, expire: currentMillisecond })),
                 };
+                data[UtilsCache.itemIndexByKey] = key;
                 if (!objectStore) {
-                    return resolve(-1);
+                    return reject(new Error('Can not open object store'));
                 }
-                const index = objectStore.index(UtilsCache.itemIndexByKey);
-                const getIndexKeyRequest = index.get(key);
-                getIndexKeyRequest.onsuccess = async () => {
-                    const item = getIndexKeyRequest.result;
-                    if (item) {
-                        await UtilsCache.ClearAsync(key, true);
-                        objectStore = await UtilsCache.getObjectStore();
-                    }
-                    if (!objectStore) {
-                        return resolve(-1);
-                    }
-                    const request = objectStore.add(data);
-                    request.onsuccess = () => {
-                        resolve(request.result);
-                    };
-                    request.onerror = () => {
-                        console.log(request.error);
-                        return resolve(-1);
-                    };
+                const request = objectStore?.put(data);
+                request.onsuccess = () => {
+                    resolve(request.result);
                 };
-                getIndexKeyRequest.onerror = (event) => {
-                    console.error('Error fetching item by name:', event.target.error);
-                    reject(event.target.error);
+                request.onerror = () => {
+                    reject(request.error);
                 };
             }
             catch (error) {
-                console.log(error);
-                resolve({});
+                reject(error);
             }
         });
     }
     static Set(key, value, expireTimeBySecond = UtilsCache.CACHE_EXPIRE_TIME_DEFAULT) {
-        if (value === undefined || value === null || value === '') {
-            return;
-        }
         const currentMillisecond = expireTimeBySecond === UtilsCache.CACHE_EXPIRE_NONE ? UtilsCache.CACHE_EXPIRE_NONE : (new Date().valueOf() / 1000) + expireTimeBySecond;
         const data = {
             value: value,
@@ -1093,35 +1208,25 @@ class UtilsCache {
         };
         try {
             this.LocalStorage.setItem(key, encrypt(JSON.stringify(data)));
+            return true;
         }
         catch (error) {
             console.log(error);
+            return false;
         }
     }
     static async ClearAsync(key, isMD5 = false) {
         return new Promise(async (resolve) => {
             const objectStore = await UtilsCache.getObjectStore();
             if (!objectStore) {
-                return resolve({});
+                return resolve();
             }
-            const index = objectStore.index(UtilsCache.itemIndexByKey);
-            const getRequest = index.get(isMD5 ? key : md5(key));
-            getRequest.onsuccess = () => {
-                const result = getRequest.result;
-                if (result) {
-                    const deleteRequest = objectStore.delete(result.id); // Xóa theo id của item tìm được
-                    deleteRequest.onsuccess = () => {
-                        resolve({});
-                    };
-                    deleteRequest.onerror = () => {
-                        resolve({});
-                    };
-                    return;
-                }
-                resolve({});
+            const request = objectStore.delete(isMD5 ? key : md5(key));
+            request.onsuccess = () => {
+                resolve();
             };
-            getRequest.onerror = () => {
-                resolve({});
+            request.onerror = () => {
+                resolve();
             };
         });
     }
@@ -1132,22 +1237,32 @@ class UtilsCache {
         this.LocalStorage.removeItem(key);
     }
     static ClearAllAsync() {
-        return new Promise((resolve, reject) => {
-            const request = indexedDB.deleteDatabase(this.dbName);
+        return new Promise(async (resolve, reject) => {
+            const objectStore = await UtilsCache.getObjectStore();
+            if (!objectStore) {
+                return resolve();
+            }
+            const request = objectStore.clear();
             request.onsuccess = () => {
                 console.log('Database deleted successfully');
-                resolve(true);
+                resolve();
             };
             request.onerror = (event) => {
                 console.error('Error deleting database:', event.target.error);
                 reject(event.target.error);
             };
-            request.onblocked = () => {
-                console.warn('Delete request is blocked');
-            };
         });
     }
     static ClearAll() {
+        if (isEmbedFrame()) {
+            const data = {
+                type: UtilsCache.typeKeyClearLocalStorage,
+                response: {
+                    idEvent: this.idService
+                }
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+        }
         const keys = [...UtilsCache.listKeyKeepWhenClearALll];
         Object.keys(this.LocalStorage).forEach(key => {
             if (key.includes('kc-callback-')) {
@@ -1157,13 +1272,6 @@ class UtilsCache {
         const stores = UtilsCache.GetDataByKeys(Array.from(keys));
         this.LocalStorage.clear();
         UtilsCache.SetDataByKey(stores);
-        const data = {
-            type: UtilsCache.typeKeyClearLocalStorage,
-            response: {
-                idEvent: this.idService
-            }
-        };
-        UtilsCommunicateMicro.PostMessageToParent(data);
     }
     static GetDataByKeys(keys) {
         const stores = new Map();
@@ -1194,9 +1302,8 @@ class UtilsCache {
             if (!objectStore) {
                 return resolve({});
             }
-            const index = objectStore.index(UtilsCache.itemIndexByKey);
             // Lấy tất cả các keys từ index
-            const request = index.getAll();
+            const request = objectStore.getAll();
             keyCacheStartWith = isKeyMD5 ? keyCacheStartWith : md5(keyCacheStartWith);
             request.onsuccess = (e) => {
                 const data = e.target.result;
@@ -1204,8 +1311,8 @@ class UtilsCache {
                     return resolve({});
                 }
                 data.forEach(obj => {
-                    if (obj.key.startsWith(keyCacheStartWith)) {
-                        UtilsCache.ClearAsync(obj.key, true);
+                    if (obj[UtilsCache.itemIndexByKey].startsWith(keyCacheStartWith)) {
+                        UtilsCache.ClearAsync(obj[UtilsCache.itemIndexByKey], true);
                     }
                 });
                 return resolve({});
@@ -1227,6 +1334,22 @@ class UtilsCache {
             }
         });
     }
+    static DeleteDatabaseIndexDB(dbName) {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.deleteDatabase(dbName);
+            request.onsuccess = () => {
+                console.log('Database deleted successfully');
+                resolve(true);
+            };
+            request.onerror = (event) => {
+                console.error('Error deleting database:', event.target.error);
+                reject(event.target.error);
+            };
+            request.onblocked = () => {
+                console.warn('Delete request is blocked');
+            };
+        });
+    }
 }
 
 const formatNumber = (value) => {
@@ -1355,72 +1478,233 @@ const ERROR_MESSAGE_MAX_VALID = 'i18n_message_error_input_max_value';
 const ERROR_MESSAGE_MIN_LENGTH = 'i18n_message_error_input_min_length';
 const ERROR_MESSAGE_MAX_LENGTH = 'i18n_message_error_input_max_length';
 const CHARACTER_DATA_EMPTY = '__';
+const DEFAULT_START_PAGE_0 = 'defaultStartPage0';
 
 /* eslint-disable no-useless-escape */
-const PATTERN_EMAIL = () => {
+const patternEmail = () => {
     return /^[A-z0-9]+[A-z0-9\_\.\+\-]*[A-z0-9]@[A-z0-9]+[A-z0-9\_\.\+\-]*[A-z0-9]\.[A-z0-9]+[A-z0-9\_\.\+\-]*[A-z0-9]$/;
 };
-const PATTERN_URL = () => {
+const patternUrl = () => {
     return /^(http|https|ftp):(\/){2}[^\s]+[.]{1}[^\s]+$/;
 };
-const PATTERN_HOST_URL = () => {
+const patternHostUrl = () => {
     return /^((https|http|ftp):[/]{2}[^/\s]+)/;
 };
-const PATTERN_DOMAIN = () => {
+const patternDomain = () => {
     return /^([a-zA-Z0-9])(([a-z0-9-]{1,61})?[a-z0-9]{1})?(\.[a-z0-9](([a-z0-9-]{1,61})?[a-z0-9]{1})?)?(\.[a-zA-Z]{2,4})+$/;
 };
-const PATTERN_MOBILE_PHONE = () => {
+const patternMobilePhone = () => {
     return /^(\+?84|0|84)([0-9]{9})$/;
 };
-const PATTERN_PHONE = () => {
+const patternPhone = () => {
     return /^(\+?84|[0-9]|84)([0-9]{2,9})$/;
 };
-const PATTERN_PHONE_NORMAL = () => {
+const patternPhoneNormal = () => {
     return /^(\+?84|[0-9]|84)([0-9]{9,10})$/;
 };
-const PATTERN_NUMBER = () => {
+const patternNumber = () => {
     return /\d+/g;
 };
-const PATTERN_ENCODE_URI = () => {
+const patternEncodeUri = () => {
     return /%([0-9A-F]{2})/g;
 };
-const PATTERN_NAME = () => {
+const patternName = () => {
     return /^\w+[A-Za-z\s\d]+$/;
 };
-const PATTERN_NAME_UTF8 = () => {
+const patternNameUtf8 = () => {
     return /^[ àáảãạăắằẵặẳâầấậẫẩđèéẻẽẹêềếểễệìíỉĩịòóỏõọôồốổỗộơờớởỡợùúủũụưừứửữựỳýỷỹÀÁẢÃẠĂẮẰẴẶẲÂẦẤẬẪẨĐÈÉẺẼẸÊỀẾỂỄỆÌÍỈĨỊÒÓỎÕỌÔỒỐỔỖỘƠỜỚỞỠỢÙÚỦŨỤƯỪỨỬỮỰỲÝỶỸA-Za-z0-9]+$/;
 };
-const PATTERN_NAME_SPECIAL = () => {
+const patternNameSpecial = () => {
     return /[~!@#$%^&*()-+=<>,?\/\\:;"']/;
 };
-const PATTERN_NAME_PROFILE = () => {
+const patternNameProfile = () => {
     return /([\w\W\d\s]+)+/;
 };
-const PATTERN_EMOJI = () => {
+const patternEmoji = () => {
     return /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g;
 };
-const PATTERN_RULE_FIELD_REPLACE = () => {
+const patternRuleFieldReplace = () => {
     return /[{]{2}[a-zA-Z_-]+[}]{2}/g;
 };
-const PATTERN_GET_FIELD_BY_RULE_FIELD_REPLACE = () => {
+const patternGetFieldByRuleFieldReplace = () => {
     return /[a-zA-Z_-]+/g;
 };
-const PATTERN_PEM = () => {
+const patternPem = () => {
     return /^(0|1):([0-9]{1,2}):(\{\{path-api\}\}):([a-zA-Z0-9\/]+)$/g;
 };
-const PATTERN_TAX = () => {
+const patternTax = () => {
     return /^([0-9]){10}(-[0-9]{3})?$/;
 };
-const PATTERN_KEY = () => {
+const patternKey = () => {
     return /^([0-9]){10}(-[0-9]{3})?$/;
 };
-const PATTERN_ACCOUNT = () => {
+const patternAccount = () => {
     return /^(?=.*@)[a-z0-9@._-]{2,63}$/;
 };
 
+let functionXssFilter = async (value) => {
+    return value;
+};
+const updateFunctionXssFilter = (functionCustom) => {
+    functionXssFilter = functionCustom;
+};
+const xssFilter = async (data) => {
+    return await functionXssFilter(data);
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const convertObjectToSignal = (data, isCloneDeep = true) => {
+    if (data === null || typeof data !== 'object' || isSignal(data)) {
+        return data;
+    }
+    if (Array.isArray(data)) {
+        return signal(data.map(item => convertObjectToSignal(item, isCloneDeep)));
+    }
+    if (data instanceof Map) {
+        const mapCopy = new Map();
+        Array.from(data.keys()).forEach(key => {
+            mapCopy.set(key, convertObjectToSignal(data.get(key), isCloneDeep));
+        });
+        return signal(mapCopy);
+    }
+    data = signal(isCloneDeep ? { ...data } : data);
+    for (const key in data()) {
+        const value = data()[key];
+        if (value instanceof TemplateRef || value instanceof ElementRef || value instanceof Element || value instanceof Date || value instanceof RegExp || value instanceof Set || value instanceof Map) {
+            continue;
+        }
+        if (Object.prototype.hasOwnProperty.call(data(), key)) {
+            data()[key] = convertObjectToSignal(value, isCloneDeep);
+        }
+    }
+    return data;
+};
+const convertSignalToObject = (data, isCloneDeep = true) => {
+    if (data === null || (typeof data !== 'function' && typeof data !== 'object')) {
+        return data;
+    }
+    if (isSignal(data)) {
+        data = data();
+    }
+    if (Array.isArray(data)) {
+        if (!isSignal(data[0])) {
+            return data;
+        }
+        return data.map(item => convertSignalToObject(isCloneDeep ? cloneDeep(item) : item, isCloneDeep));
+    }
+    if (data instanceof Map) {
+        const mapCopy = new Map();
+        Array.from(data.keys()).forEach(key => {
+            mapCopy.set(key, convertSignalToObject(isCloneDeep ? cloneDeep(data.get(key)) : data.get(key), isCloneDeep));
+        });
+        return mapCopy;
+    }
+    const result = isCloneDeep ? {} : data;
+    for (const key in data) {
+        const value = data[key];
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            result[key] = convertSignalToObject(isCloneDeep ? cloneDeep(value) : value, isCloneDeep);
+        }
+    }
+    return result;
+};
+
+dayjs.extend(localeData);
+dayjs.extend(updateLocale);
+let functionFormatDate = undefined;
+const updateFunctionFormatDate = (functionCustom) => {
+    functionFormatDate = functionCustom;
+};
+const formatDate = (time, format = 'YYYY/MM/DD HH:mm', lang) => {
+    if (!time) {
+        return '';
+    }
+    lang = lang || UtilsCache.getLang();
+    if (functionFormatDate) {
+        return functionFormatDate(time, format, lang);
+    }
+    time = typeof time === 'number' ? dayjs.unix(time).locale(lang) : dayjs(time).locale(lang);
+    if (lang === 'vi') {
+        dayjs.updateLocale('vi', {
+            monthsShort: 'Thg 1_Thg 2_Thg 3_Thg 4_Thg 5_Thg 6_Thg 7_Thg 8_Thg 9_Thg 10_Thg 11_Thg 12'.split('_')
+        });
+    }
+    if (typeof time === 'number') {
+        return dayjs.unix(time).format(getFormatData(getTypeByFormat(format), lang));
+    }
+    return dayjs(time).format(getFormatData(getTypeByFormat(format), lang));
+};
+const getTypeByFormat = (format) => {
+    if (format === 'dm' || format === 'dmy' || format === 'dmy hm' || format === 'my') {
+        return format;
+    }
+    if (format === 'DD/MM/YYYY' || format === 'YYYY-MM-DD' || format === 'dd/MM/yyyy' || format === 'dd-MM-yyyy' || format === 'dd/mm/yyyy') {
+        return 'dmy';
+    }
+    if (format === 'MM-DD' || format === 'dd/MM' || format === 'dd/mm') {
+        return 'dm';
+    }
+    if (format === 'M/YYYY' || format === 'YYYY-MM' || format === 'MM/yyyy') {
+        return 'my';
+    }
+    if (format === 'YYYY/MM/DD hh:mm:ss' || format === 'dmy hms' || format === 'dd/mm/yyyy hh:mm:ss') {
+        return 'dmy hms';
+    }
+    return 'dmy hm';
+};
+const getFormatData = (type, lang) => {
+    switch (type) {
+        case 'dm':
+            if (lang === 'vi') {
+                return 'D MMM';
+            }
+            return 'MMM D';
+        case 'dmy':
+            if (lang === 'vi') {
+                return 'D MMM, YYYY';
+            }
+            return 'MMM D, YYYY';
+        case 'dmy hm':
+            if (lang === 'vi') {
+                return 'D MMM, YYYY HH:mm';
+            }
+            return 'MMM D, YYYY HH:mm';
+        case 'my':
+            if (lang === 'vi') {
+                return 'MMM, YYYY';
+            }
+            return 'MMM YYYY ';
+        case 'dmy hms':
+            if (lang === 'vi') {
+                return 'D MMM, YYYY HH:mm:ss';
+            }
+            return 'MMM D, YYYY HH:mm:ss';
+    }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const endCodeUrl = (objectData, isBody) => {
+    objectData = omitBy(objectData, param => param === '' || isNil(param));
+    let res = '';
+    for (const p in objectData) {
+        res += `&${p}=${encodeURIComponent(objectData[p])}`;
+    }
+    return res === '' ? '' : `${isBody ? '' : '?'}${res.substring(1)}`;
+};
+
+const convertFileToBase64 = (file) => {
+    return new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = (event) => {
+            resolve(event.target?.result ?? '');
+        };
+    });
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CHARACTER_DATA_EMPTY, ERROR_MESSAGE_EMPTY_VALID, ERROR_MESSAGE_MAX_LENGTH, ERROR_MESSAGE_MAX_VALID, ERROR_MESSAGE_MIN_LENGTH, ERROR_MESSAGE_MIN_VALID, ERROR_MESSAGE_PATTEN_VALID, GetColorById, HttpParamsRequestInstance, PATTERN_ACCOUNT, PATTERN_DOMAIN, PATTERN_EMAIL, PATTERN_EMOJI, PATTERN_ENCODE_URI, PATTERN_GET_FIELD_BY_RULE_FIELD_REPLACE, PATTERN_HOST_URL, PATTERN_KEY, PATTERN_MOBILE_PHONE, PATTERN_NAME, PATTERN_NAME_PROFILE, PATTERN_NAME_SPECIAL, PATTERN_NAME_UTF8, PATTERN_NUMBER, PATTERN_PEM, PATTERN_PHONE, PATTERN_PHONE_NORMAL, PATTERN_RULE_FIELD_REPLACE, PATTERN_TAX, PATTERN_URL, UtilsCache, UtilsCommunicateMicro, UtilsHttpParamsRequest, UtilsKeyCodeConstant, UtilsLanguageConstants, UtilsUrlSearchParams, checkMouseOverInContainer, checkViewInScreen, cloneDeep, cloneIBoundingClientRect, colorContrastFromOrigin, colorStepContrastFromOrigin, decrypt, decrypt3rd, deleteUnicode, emojiPattern, encrypt, encrypt3rd, escapeHtml, formatNumber, generateInterface, get, getColorById, getKeyCacheByArrayObject, getPlatFromBrowser, getViewport, isEmbedFrame, isEmpty, isNil, listColorDefine$1 as listColorDefine, md5, removeEmoji, rgbToHex, set, setCaretPosition, setKeyCrypto, setKeyCrypto3rd, setStyles, updateFunctionCheckEmbedFrame, uuid, viewDataNumberByLanguage };
+export { CHARACTER_DATA_EMPTY, DEFAULT_START_PAGE_0, ERROR_MESSAGE_EMPTY_VALID, ERROR_MESSAGE_MAX_LENGTH, ERROR_MESSAGE_MAX_VALID, ERROR_MESSAGE_MIN_LENGTH, ERROR_MESSAGE_MIN_VALID, ERROR_MESSAGE_PATTEN_VALID, GetColorById, UtilsCache, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, UtilsHttpParamsRequest, UtilsHttpParamsRequestInstance, UtilsKeyCodeConstant, UtilsLanguageConstants, UtilsUrlSearchParams, checkMouseOverInContainer, checkViewInScreen, cloneDeep, cloneIBoundingClientRect, colorContrastFromOrigin, colorStepContrastFromOrigin, convertFileToBase64, convertObjectToSignal, convertSignalToObject, decrypt, decrypt3rd, deleteUnicode, emojiPattern, encrypt, encrypt3rd, endCodeUrl, escapeHtml, formatDate, formatNumber, generateInterface, get, getColorById, getKeyCacheByArrayObject, getPlatFromBrowser, getViewport, groupBy, isEmbedFrame, isEmpty, isEqual, isNil, keyBy, listColorDefine$1 as listColorDefine, md5, omitBy, patternAccount, patternDomain, patternEmail, patternEmoji, patternEncodeUri, patternGetFieldByRuleFieldReplace, patternHostUrl, patternKey, patternMobilePhone, patternName, patternNameProfile, patternNameSpecial, patternNameUtf8, patternNumber, patternPem, patternPhone, patternPhoneNormal, patternRuleFieldReplace, patternTax, patternUrl, range, removeEmoji, rgbToHex, set, setCaretPosition, setKeyCrypto, setKeyCrypto3rd, setStyles, uniqBy, updateFunctionCheckEmbedFrame, updateFunctionFormatDate, updateFunctionXssFilter, uuid, viewDataNumberByLanguage, xssFilter };
 //# sourceMappingURL=libs-ui-utils.mjs.map