@libs-ui/utils 0.2.306 → 0.2.307-0

package/fesm2022/libs-ui-utils.mjs

@@ -90,7 +90,7 @@ const highlightByKeyword = (value, search, ignoreHighlight, classHightLight) =>
         if (!classHightLight) {
             classHightLight = 'bg-[#19344a] text-white';
         }
-        keysReplace.forEach(key => {
+        keysReplace.forEach((key) => {
             const regExp = new RegExp(key, 'gi');
             value = value?.replace(regExp, `<span class="${classHightLight}">$&</span>`);
         });
@@ -119,7 +119,7 @@ const formatTextCompare = (text, options) => {
     if (!text) {
         return text;
     }
-    text = text.normalize("NFC");
+    text = text.normalize('NFC');
     return formatByOptions(text, options);
 };
 const fullNameFormat = (value) => {
@@ -133,7 +133,10 @@ const capitalize = (text, options) => {
         return text;
     }
     text = formatByOptions(text, options);
-    return text.split(' ').map(word => firstLetterToUpperCase(word)).join(' ');
+    return text
+        .split(' ')
+        .map((word) => firstLetterToUpperCase(word))
+        .join(' ');
 };
 const firstLetterToUpperCase = (text, options) => {
     if (!text) {
@@ -159,7 +162,7 @@ const formatByOptions = (text, options) => {
         text = text.toLowerCase();
     }
     if (options?.removeMultipleSpace) {
-        text = text.replace(/\u200B|\u00A0/g, "");
+        text = text.replace(/\u200B|\u00A0/g, '');
         text = text.replace(/\s+/g, ' ');
     }
     if (options?.removeEmoji) {
@@ -177,12 +180,7 @@ const escapeHtml = (str) => {
     if (!str || typeof str !== 'string') {
         return str;
     }
-    return str
-        .replace(/&/g, "&amp;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;")
-        .replace(/"/g, "&quot;")
-        .replace(/'/g, "&#039;");
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
 };
 const decodeEscapeHtml = (str) => {
     const htmlTag = document.createElement('textarea');
@@ -213,9 +211,9 @@ const deleteUnicode = (str) => {
     str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, 'U');
     str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, 'Y');
     str = str.replace(/Đ/g, 'D');
-    str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, ""); // ̀ ́ ̃ ̉ ̣  huyền, sắc, ngã, hỏi, nặng
-    str = str.replace(/\u02C6|\u0306|\u031B/g, ""); // ˆ ̆ ̛  Â, Ê, Ă, Ơ, Ư
-    return str.normalize("NFC");
+    str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, ''); // ̀ ́ ̃ ̉ ̣  huyền, sắc, ngã, hỏi, nặng
+    str = str.replace(/\u02C6|\u0306|\u031B/g, ''); // ˆ ̆ ̛  Â, Ê, Ă, Ơ, Ư
+    return str.normalize('NFC');
 };
 const removeEmoji = (text) => {
     if (!text || !text.trim()) {
@@ -290,10 +288,7 @@ const checkViewInScreen = (container, element, elementScroll, maxTopLeft) => {
     const limitLeft = leftContainer + scrollLeftContainer + widthContainer;
     const maxTopItem = top + (maxTopLeft?.top || 0);
     const maxLeftItem = left + (maxTopLeft?.left || 0);
-    if (topContainer <= maxTopItem &&
-        maxTopItem <= limitTop &&
-        leftContainer <= maxLeftItem &&
-        maxLeftItem <= limitLeft) {
+    if (topContainer <= maxTopItem && maxTopItem <= limitTop && leftContainer <= maxLeftItem && maxLeftItem <= limitLeft) {
         return true;
     }
     return false;
@@ -307,10 +302,7 @@ const checkMouseOverInContainer = (mousePosition, element, rect) => {
     const limitLeft = left + width;
     const limitTop = top + height;
     const { clientX, clientY } = mousePosition;
-    if (left <= clientX &&
-        clientX <= limitLeft &&
-        top <= clientY &&
-        clientY <= limitTop) {
+    if (left <= clientX && clientX <= limitLeft && top <= clientY && clientY <= limitTop) {
         return true;
     }
     return false;
@@ -348,13 +340,11 @@ const getDragEventByElement = (config) => {
         e.stopPropagation();
         config.functionMouseMove?.(e);
     }), takeUntil(mouseup));
-    return mouseDown.pipe(mergeMap((e) => config.isStartWithMouseDownEvent
-        ? mousemove.pipe(startWith(e))
-        : mousemove), takeUntil(config.onDestroy), finalize(removeClass));
+    return mouseDown.pipe(mergeMap((e) => (config.isStartWithMouseDownEvent ? mousemove.pipe(startWith(e)) : mousemove)), takeUntil(config.onDestroy), finalize(removeClass));
 };
 const getHTMLFromQuill = async (data, options) => {
     const { replaceNewLineTo = '<br>', replaceTagBRTo, replaceTags, replaceBrToDiv } = options || {};
-    const delta = (typeof data === 'string') ? await getDeltaFromHTML(data) : data;
+    const delta = typeof data === 'string' ? await getDeltaFromHTML(data) : data;
     if (options?.functionReplaceDelta) {
         options.functionReplaceDelta(delta);
     }
@@ -498,17 +488,19 @@ class UtilsUrlSearchParams {
         return this.instance;
     }
     static toStringParamObject(params) {
-        const paramsArr = Object.keys(params).map(key => {
+        const paramsArr = Object.keys(params).map((key) => {
             return {
                 key,
-                value: params[key]
+                value: params[key],
             };
         });
         return UtilsUrlSearchParams.ToString(paramsArr);
     }
     static ToString(params) {
         let paramsStr = '';
-        params.sort((item1, item2) => item1.key.localeCompare(item2.key)).forEach((item) => {
+        params
+            .sort((item1, item2) => item1.key.localeCompare(item2.key))
+            .forEach((item) => {
             const { key, value } = item;
             paramsStr = `${paramsStr}${paramsStr ? '&' : ''}${key}=${value}`;
         });
@@ -525,14 +517,14 @@ class UtilsUrlSearchParams {
         }
         const params = paramString.replace(/\S+[?]/g, '').split('&');
         if (params) {
-            params.forEach(param => {
+            params.forEach((param) => {
                 if (param.indexOf('=') < 0) {
                     return;
                 }
                 let [key, value] = param.split('=');
                 key = key.replace(/[?&]+/g, '');
                 value = decodeURIComponent(value.replace(/\+/g, ' '));
-                if (!paramsBuild.some(param => param.key === key)) {
+                if (!paramsBuild.some((param) => param.key === key)) {
                     paramsBuild.push({ key, value });
                 }
             });
@@ -540,7 +532,7 @@ class UtilsUrlSearchParams {
         return paramsBuild;
     }
     set(key, value) {
-        const paramByKey = this.params.find(param => param.key === key);
+        const paramByKey = this.params.find((param) => param.key === key);
         if (!paramByKey) {
             this.params.push({ key, value: decodeURIComponent(value.replace(/\+/g, ' ')) });
             return;
@@ -548,13 +540,13 @@ class UtilsUrlSearchParams {
         paramByKey['value'] = value;
     }
     get(key) {
-        return this.params.find(param => param.key === key)?.value;
+        return this.params.find((param) => param.key === key)?.value;
     }
     has(key) {
-        return this.params.some(param => param.key === key);
+        return this.params.some((param) => param.key === key);
     }
     delete(key) {
-        const index = this.params.findIndex(param => param.key === key);
+        const index = this.params.findIndex((param) => param.key === key);
         if (index >= 0) {
             this.params.splice(index, 1);
         }
@@ -568,7 +560,7 @@ class UtilsUrlSearchParams {
     }
     getParamObject() {
         const params = {};
-        this.params.forEach(item => {
+        this.params.forEach((item) => {
             params[item.key] = item.value;
         });
         return params;
@@ -596,7 +588,7 @@ const keyStore$1 = () => {
 };
 const encrypt = (plainData) => {
     if (!keyStore$1()) {
-        throw Error("lỗi chưa setup key mã hóa");
+        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());
@@ -607,7 +599,7 @@ const encrypt = (plainData) => {
 };
 const decrypt = (encryptedData) => {
     if (!keyStore$1()) {
-        throw Error("lỗi chưa setup key mã hóa");
+        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());
@@ -732,7 +724,7 @@ const keyStore = () => {
 };
 const encrypt3rd = (plainData) => {
     if (!keyStore()) {
-        throw Error("lỗi chưa setup key mã hóa");
+        throw Error('lỗi chưa setup key mã hóa');
     }
     const key = CryptoES.enc.Hex.parse(keyStore());
     const iv = CryptoES.enc.Hex.parse(keyStore());
@@ -743,7 +735,7 @@ const encrypt3rd = (plainData) => {
 };
 const decrypt3rd = (encryptedData) => {
     if (!keyStore()) {
-        throw Error("lỗi chưa setup key mã hóa");
+        throw Error('lỗi chưa setup key mã hóa');
     }
     const key = CryptoES.enc.Hex.parse(keyStore());
     const iv = CryptoES.enc.Hex.parse(keyStore());
@@ -790,7 +782,9 @@ class UtilsCommunicateMicro {
         if (!this.subs.get(COMMUNICATE_MICRO_KEY_GET_ALL_MESSAGE)) {
             this.subs.set(COMMUNICATE_MICRO_KEY_GET_ALL_MESSAGE, UtilsCommunicateMicro.allMessageSub);
         }
-        fromEvent(currentWindow, 'message').pipe(takeUntil(onDestroy)).subscribe(e => {
+        fromEvent(currentWindow, 'message')
+            .pipe(takeUntil(onDestroy))
+            .subscribe((e) => {
             const event = { data: { ...e.data } };
             const data = event.data;
             const type = data.type;
@@ -818,7 +812,9 @@ class UtilsCommunicateMicro {
                 this.allMessageSub.next(event);
             }
         });
-        UtilsCommunicateMicro.GetMessage(UtilsCache.typeKeyClearLocalStorage).pipe(filter(e => e.data.response !== UtilsCache.idService), takeUntil(onDestroy)).subscribe(() => {
+        UtilsCommunicateMicro.GetMessage(UtilsCache.typeKeyClearLocalStorage)
+            .pipe(filter((e) => e.data.response !== UtilsCache.idService), takeUntil(onDestroy))
+            .subscribe(() => {
             console.log('clear all cache by event');
             UtilsCache.ClearAll();
         });
@@ -827,10 +823,10 @@ class UtilsCommunicateMicro {
         data = this.convertData(data);
         try {
             if (isEmbedFrame()) {
-                window?.parent?.postMessage(data, "*");
+                window?.parent?.postMessage(data, '*');
                 return;
             }
-            window?.top?.postMessage(data, "*");
+            window?.top?.postMessage(data, '*');
         }
         catch (error) {
             console.log(error);
@@ -838,8 +834,8 @@ class UtilsCommunicateMicro {
     }
     static PostMessageToChildren(data) {
         data = this.convertData(data);
-        const iframes = document.querySelectorAll("iframe");
-        Array.from(iframes).forEach(iframe => {
+        const iframes = document.querySelectorAll('iframe');
+        Array.from(iframes).forEach((iframe) => {
             iframe?.contentWindow?.postMessage(data, '*');
         });
     }
@@ -877,7 +873,7 @@ class UtilsCommunicateMicro {
     }
     static GetMessage(messageType) {
         if (!this.initdEvent) {
-            throw Error("chưa khơi tạo hàm lắng nghe sự kiện, gọi UtilsCommunicateMicro.initEvent(window) tại root component");
+            throw Error('chưa khơi tạo hàm lắng nghe sự kiện, gọi UtilsCommunicateMicro.initEvent(window) tại root component');
         }
         if (typeof messageType === 'string') {
             let sub = this.subs.get(messageType);
@@ -905,8 +901,8 @@ class UtilsCommunicateMicro {
         return sub;
     }
     static initSubject(subRoot, messageType) {
-        messageType.forEach(key => {
-            this.GetMessage(key).subscribe(e => {
+        messageType.forEach((key) => {
+            this.GetMessage(key).subscribe((e) => {
                 subRoot.next(e);
             });
         });
@@ -914,33 +910,33 @@ class UtilsCommunicateMicro {
 }
 
 class UtilsLanguageConstants {
-    static VI = "vi"; // Tiếng Việt
-    static EN = "en"; // Tiếng Anh
-    static FR = "fr"; // Tiếng Pháp
-    static DE = "de"; // Tiếng Đức
-    static ES = "es"; // Tiếng Tây Ban Nha
-    static ZH = "zh"; // Tiếng Trung (Giản thể)
-    static ZH_TW = "zh-TW"; // Tiếng Trung (Phồn thể)
-    static JA = "ja"; // Tiếng Nhật
-    static KO = "ko"; // Tiếng Hàn
-    static RU = "ru"; // Tiếng Nga
-    static IT = "it"; // Tiếng Ý
-    static PT = "pt"; // Tiếng Bồ Đào Nha
-    static TH = "th"; // Tiếng Thái
-    static ID = "id"; // Tiếng Indonesia
-    static MS = "ms"; // Tiếng Malaysia
-    static AR = "ar"; // Tiếng Ả Rập
-    static HI = "hi"; // Tiếng Hindi
-    static BN = "bn"; // Tiếng Bengal
-    static TR = "tr"; // Tiếng Thổ Nhĩ Kỳ
-    static NL = "nl"; // Tiếng Hà Lan
-    static KM = "km"; // Tiếng Khmer (Campuchia)
-    static LO = "lo"; // Tiếng Lào
-    static MY = "my"; // Tiếng Miến Điện (Myanmar)
-    static TL = "tl"; // Tiếng Tagalog (Philippines)
-    static CEB = "ceb"; // Tiếng Cebuano (Philippines)
-    static JV = "jv"; // Tiếng Java (Indonesia)
-    static SU = "su"; // Tiếng Sundanese (Indonesia)
+    static VI = 'vi'; // Tiếng Việt
+    static EN = 'en'; // Tiếng Anh
+    static FR = 'fr'; // Tiếng Pháp
+    static DE = 'de'; // Tiếng Đức
+    static ES = 'es'; // Tiếng Tây Ban Nha
+    static ZH = 'zh'; // Tiếng Trung (Giản thể)
+    static ZH_TW = 'zh-TW'; // Tiếng Trung (Phồn thể)
+    static JA = 'ja'; // Tiếng Nhật
+    static KO = 'ko'; // Tiếng Hàn
+    static RU = 'ru'; // Tiếng Nga
+    static IT = 'it'; // Tiếng Ý
+    static PT = 'pt'; // Tiếng Bồ Đào Nha
+    static TH = 'th'; // Tiếng Thái
+    static ID = 'id'; // Tiếng Indonesia
+    static MS = 'ms'; // Tiếng Malaysia
+    static AR = 'ar'; // Tiếng Ả Rập
+    static HI = 'hi'; // Tiếng Hindi
+    static BN = 'bn'; // Tiếng Bengal
+    static TR = 'tr'; // Tiếng Thổ Nhĩ Kỳ
+    static NL = 'nl'; // Tiếng Hà Lan
+    static KM = 'km'; // Tiếng Khmer (Campuchia)
+    static LO = 'lo'; // Tiếng Lào
+    static MY = 'my'; // Tiếng Miến Điện (Myanmar)
+    static TL = 'tl'; // Tiếng Tagalog (Philippines)
+    static CEB = 'ceb'; // Tiếng Cebuano (Philippines)
+    static JV = 'jv'; // Tiếng Java (Indonesia)
+    static SU = 'su'; // Tiếng Sundanese (Indonesia)
     // Ngôn ngữ mặc định
     static defaultLang = UtilsLanguageConstants.VI;
     // Danh sách các ngôn ngữ được hỗ trợ
@@ -1026,7 +1022,7 @@ class UtilsCache {
         return this.Get(this.languageKeyCache, UtilsLanguageConstants.defaultLang);
     }
     static openDB() {
-        return new Promise(resolve => {
+        return new Promise((resolve) => {
             const request = indexedDB.open(this.dbName, this.dbVersion);
             request.onupgradeneeded = (event) => {
                 const db = event.target.result;
@@ -1098,7 +1094,7 @@ class UtilsCache {
             clear: () => {
                 this.storage = {};
                 localStorage.clear();
-            }
+            },
         };
     }
     static getLocalStorageFake() {
@@ -1117,7 +1113,7 @@ class UtilsCache {
             },
             clear: () => {
                 this.storage = {};
-            }
+            },
         };
     }
     static async GetAsync(key, default_value, isKeyMD5 = false) {
@@ -1136,7 +1132,7 @@ class UtilsCache {
                 if (data.expire === this.CACHE_EXPIRE_NONE) {
                     return resolve(data.json);
                 }
-                const currentMillisecond = (new Date().valueOf() / 1000);
+                const currentMillisecond = new Date().valueOf() / 1000;
                 if (data.expire < currentMillisecond) {
                     return resolve(default_value);
                 }
@@ -1149,6 +1145,7 @@ class UtilsCache {
         });
     }
     static Get(key, default_value) {
+        // support cho những file không thể inject UtilsCache
         if (!key) {
             return this.GetDefaultValueBySpecificKey(key, default_value);
         }
@@ -1161,7 +1158,7 @@ class UtilsCache {
             if (data.expire === this.CACHE_EXPIRE_NONE) {
                 return data.value ?? default_value;
             }
-            const currentMillisecond = (new Date().valueOf() / 1000);
+            const currentMillisecond = new Date().valueOf() / 1000;
             if (data.expire < currentMillisecond) {
                 return this.GetDefaultValueBySpecificKey(key, default_value);
             }
@@ -1176,11 +1173,12 @@ class UtilsCache {
         return default_value;
     }
     static async SetAsync(key, value, expireTimeBySecond = this.CACHE_EXPIRE_TIME_DEFAULT, isKeyMD5 = false) {
+        // support inject UtilsCache
         return new Promise(async (resolve) => {
             const objectStore = await this.getObjectStore();
             key = isKeyMD5 ? key : md5(key);
             try {
-                const currentMillisecond = expireTimeBySecond === this.CACHE_EXPIRE_NONE ? this.CACHE_EXPIRE_NONE : (new Date().valueOf() / 1000) + expireTimeBySecond;
+                const currentMillisecond = expireTimeBySecond === this.CACHE_EXPIRE_NONE ? this.CACHE_EXPIRE_NONE : new Date().valueOf() / 1000 + expireTimeBySecond;
                 const data = {
                     value: encrypt(JSON.stringify({ json: value, expire: currentMillisecond })),
                 };
@@ -1206,10 +1204,11 @@ class UtilsCache {
         });
     }
     static Set(key, value, expireTimeBySecond = this.CACHE_EXPIRE_TIME_DEFAULT) {
-        const currentMillisecond = expireTimeBySecond === this.CACHE_EXPIRE_NONE ? this.CACHE_EXPIRE_NONE : (new Date().valueOf() / 1000) + expireTimeBySecond;
+        // support cho những file không inject UtilsCache
+        const currentMillisecond = expireTimeBySecond === this.CACHE_EXPIRE_NONE ? this.CACHE_EXPIRE_NONE : new Date().valueOf() / 1000 + expireTimeBySecond;
         const data = {
             value: value,
-            expire: currentMillisecond
+            expire: currentMillisecond,
         };
         try {
             this.LocalStorage.setItem(key, encrypt(JSON.stringify(data)));
@@ -1264,13 +1263,13 @@ class UtilsCache {
             const data = {
                 type: this.typeKeyClearLocalStorage,
                 response: {
-                    idEvent: this.idService
-                }
+                    idEvent: this.idService,
+                },
             };
             UtilsCommunicateMicro.PostMessageToParent(data);
         }
         const keys = [...this.listKeyKeepWhenClearALll];
-        Object.keys(this.LocalStorage).forEach(key => {
+        Object.keys(this.LocalStorage).forEach((key) => {
             if (key.includes('kc-callback-')) {
                 keys.push(key);
             }
@@ -1316,7 +1315,7 @@ class UtilsCache {
                 if (!Array.isArray(data)) {
                     return resolve({});
                 }
-                data.forEach(obj => {
+                data.forEach((obj) => {
                     if (obj[this.itemIndexByKey].startsWith(keyCacheStartWith)) {
                         this.ClearAsync(obj[this.itemIndexByKey], true);
                     }
@@ -1334,7 +1333,7 @@ class UtilsCache {
         if (!keys || !keys.length) {
             return;
         }
-        keys.forEach(key => {
+        keys.forEach((key) => {
             if (key.startsWith(keyCache)) {
                 this.Clear(key);
             }
@@ -1365,7 +1364,7 @@ dayjs.extend(updateLocale);
 dayjs.extend(utc);
 dayjs.extend(timezone);
 dayjs.extend(customParseFormat);
-let timeZoneSetup = "Asia/Ho_Chi_Minh";
+let timeZoneSetup = 'Asia/Ho_Chi_Minh';
 const setDefaultTimeZone = (localeZone = timeZoneSetup) => {
     timeZoneSetup = localeZone;
     dayjs.tz.setDefault(localeZone);
@@ -1375,13 +1374,13 @@ const updateFunctionFormatDate = (functionCustom) => {
     functionFormatDate = functionCustom;
 };
 /**
-  * @description Lấy đối tượng dayjs theo config
-  * @param config nếu không có config sẽ trả về đối tượng dayjs là thời gian hiện tại
-  * @param config.date thời gian cần lấy
-  * @param config.returnDayjsIfConfigDateNotExist true nếu muốn trả về đối tượng dayjs nếu config.date không có
-  * @param config.utc true nếu muốn lấy thời gian UTC
-  * @param config.formatOfDate định dạng thời gian đang được truyền vào
-*/
+ * @description Lấy đối tượng dayjs theo config
+ * @param config nếu không có config sẽ trả về đối tượng dayjs là thời gian hiện tại
+ * @param config.date thời gian cần lấy
+ * @param config.returnDayjsIfConfigDateNotExist true nếu muốn trả về đối tượng dayjs nếu config.date không có
+ * @param config.utc true nếu muốn lấy thời gian UTC
+ * @param config.formatOfDate định dạng thời gian đang được truyền vào
+ */
 const getDayjs = (config) => {
     if (!config) {
         return dayjs().tz();
@@ -1474,7 +1473,7 @@ const formatDate = (date, formatOutput = 'YYYY/MM/DD HH:mm', lang, formatInput)
     date = getDayjs({ date, formatOfDate: formatInput }).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('_')
+            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('_'),
         });
     }
     return date.format(getFormatData(getTypeByFormat(formatOutput), lang)) || '';
@@ -1587,7 +1586,7 @@ const omitBy = (objData, predicate) => {
         return objData;
     }
     const newObj = {};
-    Object.keys(objData).forEach(key => {
+    Object.keys(objData).forEach((key) => {
         const valueOfKey = get(objData, key);
         if (!predicate(valueOfKey)) {
             set(newObj, key, valueOfKey);
@@ -1674,7 +1673,12 @@ const get = (obj, path, defaultValue = undefined, keepLastValueIfSignal) => {
     if (obj instanceof DOMRect) {
         return obj[path];
     }
-    const paths = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.$1').split('.').filter(key => key);
+    const paths = Array.isArray(path)
+        ? path
+        : path
+            .replace(/\[(\d+)]/g, '.$1')
+            .split('.')
+            .filter((key) => key);
     for (const index in paths) {
         const key = paths[index];
         if (obj instanceof CSSStyleDeclaration) {
@@ -1705,18 +1709,23 @@ const get = (obj, path, defaultValue = undefined, keepLastValueIfSignal) => {
  * set(obj, 'a.b', 2); // { a: { b: 2 } }
  */
 const set = (obj, path, value) => {
-    if (!obj || (typeof obj !== "object" && !isSignal(obj)) || (isSignal(obj) && typeof obj() !== "object")) {
-        throw new Error("The first argument must be an object");
+    if (!obj || (typeof obj !== 'object' && !isSignal(obj)) || (isSignal(obj) && typeof obj() !== 'object')) {
+        throw new Error('The first argument must be an object');
     }
     if (obj instanceof HttpParams) {
         return obj.set(`${path}`, value);
     }
-    const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.[$1]').split('.').filter(key => key);
+    const pathArray = Array.isArray(path)
+        ? path
+        : path
+            .replace(/\[(\d+)]/g, '.[$1]')
+            .split('.')
+            .filter((key) => key);
     let currentObjectByKey = isSignal(obj) ? obj() : obj;
     let preObjectByKey = obj;
     pathArray.forEach((key, index) => {
         if (index < pathArray.length - 1) {
-            if (!(key in currentObjectByKey) || (typeof currentObjectByKey[key] !== "object" && !isSignal(currentObjectByKey[key]))) {
+            if (!(key in currentObjectByKey) || (typeof currentObjectByKey[key] !== 'object' && !isSignal(currentObjectByKey[key]))) {
                 const nextKey = pathArray[index + 1];
                 key = key.replace(/\[(\d+)]/g, '$1');
                 currentObjectByKey[key] = /\[(\d+)]/g.test(nextKey) ? [] : {};
@@ -1726,7 +1735,7 @@ const set = (obj, path, value) => {
             currentObjectByKey = isSignal(currentObjectByKey) ? currentObjectByKey() : currentObjectByKey;
             return;
         }
-        if (typeof currentObjectByKey !== "object") {
+        if (typeof currentObjectByKey !== 'object') {
             return;
         }
         // Gán giá trị ở cuối đường dẫn
@@ -1807,13 +1816,13 @@ const cloneDeep = (data, options = { ignoreSignal: false }, seen = new WeakMap()
     if (data instanceof Set) {
         const setCopy = new Set();
         seen.set(data, setCopy);
-        data.forEach(val => {
+        data.forEach((val) => {
             setCopy.add(cloneDeep(val, options, seen));
         });
         return setCopy;
     }
     if (Array.isArray(data)) {
-        seen.set(data, data.map(item => cloneDeep(item, options, seen)));
+        seen.set(data, data.map((item) => cloneDeep(item, options, seen)));
         return seen.get(data);
     }
     if (data instanceof File || data instanceof Blob || Object.prototype.toString.call(data) === '[object File]') {
@@ -1995,7 +2004,7 @@ const isEqual = (value1, value2, options) => {
             return false;
         }
         if (!exactlyPosition) {
-            return !value1.some(item => !value2.includes(item));
+            return !value1.some((item) => !value2.includes(item));
         }
         return !value1.some((item, index) => !isEqual(item, value2[index], options));
     }
@@ -2028,7 +2037,7 @@ const uniqBy = (data, key) => {
         // Xử lý mảng chứa signal values
         if (data[0] && isSignal(data[0])) {
             const seen = new Set();
-            return data.filter(item => {
+            return data.filter((item) => {
                 const value = `${get(item, '')}`;
                 if (seen.has(value)) {
                     return false;
@@ -2041,7 +2050,7 @@ const uniqBy = (data, key) => {
         return Array.from(new Set(data));
     }
     const dataUnique = keyBy(data, key);
-    return Object.keys(dataUnique).map(key => dataUnique[key]);
+    return Object.keys(dataUnique).map((key) => dataUnique[key]);
 };
 const generateInterface = (obj, interfaceName) => {
     const generateType = (value) => {
@@ -2090,11 +2099,10 @@ const generateInterface = (obj, interfaceName) => {
     return interfaceStr;
 };
 
-;
 const step = 20;
 const percent = 0.05;
 const colorStepContrastFromOrigin = (color, stepNumber) => {
-    return colorContrastFromOrigin(color).find(item => item.step === stepNumber);
+    return colorContrastFromOrigin(color).find((item) => item.step === stepNumber);
 };
 const colorContrastFromOrigin = (color) => {
     const parsedColorsArray = parseColorValues(color);
@@ -2129,10 +2137,10 @@ const parseColorValues = (colorValues) => {
     return colorValuesArray;
 };
 const calculateShades = (colorValue) => {
-    return calculate(colorValue, rgbShade).concat("000000");
+    return calculate(colorValue, rgbShade).concat('000000');
 };
 const calculateTints = (colorValue) => {
-    return calculate(colorValue, rgbTint).concat("ffffff");
+    return calculate(colorValue, rgbTint).concat('ffffff');
 };
 const calculate = (colorValue, shadeOrTint) => {
     const color = hexToRGB(colorValue);
@@ -2142,11 +2150,21 @@ const calculate = (colorValue, shadeOrTint) => {
     }
     return shadeValues;
 };
-const rgbShade = (rgb, i) => { return { red: rgb.red * (1 - percent * i), green: rgb.green * (1 - percent * i), blue: rgb.blue * (1 - percent * i) }; };
-const rgbTint = (rgb, i) => { return { red: rgb.red + (255 - rgb.red) * i * percent, green: rgb.green + (255 - rgb.green) * i * percent, blue: rgb.blue + (255 - rgb.blue) * i * percent }; };
-const rgbToHex = (rgb) => { return intToHex(rgb.red) + intToHex(rgb.green) + intToHex(rgb.blue); };
-const hexToRGB = (colorValue) => { return { red: parseInt(colorValue.substr(0, 2), 16), green: parseInt(colorValue.substr(2, 2), 16), blue: parseInt(colorValue.substr(4, 2), 16) }; };
-const intToHex = (rgbint) => { return pad(Math.min(Math.max(Math.round(rgbint), 0), 255).toString(16), 2); };
+const rgbShade = (rgb, i) => {
+    return { red: rgb.red * (1 - percent * i), green: rgb.green * (1 - percent * i), blue: rgb.blue * (1 - percent * i) };
+};
+const rgbTint = (rgb, i) => {
+    return { red: rgb.red + (255 - rgb.red) * i * percent, green: rgb.green + (255 - rgb.green) * i * percent, blue: rgb.blue + (255 - rgb.blue) * i * percent };
+};
+const rgbToHex = (rgb) => {
+    return intToHex(rgb.red) + intToHex(rgb.green) + intToHex(rgb.blue);
+};
+const hexToRGB = (colorValue) => {
+    return { red: parseInt(colorValue.substr(0, 2), 16), green: parseInt(colorValue.substr(2, 2), 16), blue: parseInt(colorValue.substr(4, 2), 16) };
+};
+const intToHex = (rgbint) => {
+    return pad(Math.min(Math.max(Math.round(rgbint), 0), 255).toString(16), 2);
+};
 const pad = (number, length) => {
     let str = '' + number;
     while (str.length < length) {
@@ -2154,9 +2172,52 @@ const pad = (number, length) => {
     }
     return str;
 };
-const listColorDefine = ['#E62222', '#B81B1B', '#EB4E4E', '#F97316', '#C75C12', '#FA8F45', '#FFB700', '#CC9200', '#FFC533', '#84CC16', '#6AA312', '#9dd645', '#00BC62', '#00A757', '#33DA8A', '#06B6D4', '#1B59C4', '#4E8CF7', '#0EA5E9',
-    '#1B59C4', '#4E8CF7', '#226FF5', '#1B59C4', '#4E8CF7', '#6366F1', '#4F52C1', '#8285F4', '#5B04B3', '#49038F', '#7C36C2', '#D946EF', '#AE38BF', '#E16BF2', '#EC4899', '#BD3A7A', '#F06DAD', '#F43F5E', '#C3324B', '#F6657E', '#757380', '#5E5C66', '#918F99',
-    '#202020', '#1A1A1A', '#4D4D4D'
+const listColorDefine = [
+    '#E62222',
+    '#B81B1B',
+    '#EB4E4E',
+    '#F97316',
+    '#C75C12',
+    '#FA8F45',
+    '#FFB700',
+    '#CC9200',
+    '#FFC533',
+    '#84CC16',
+    '#6AA312',
+    '#9dd645',
+    '#00BC62',
+    '#00A757',
+    '#33DA8A',
+    '#06B6D4',
+    '#1B59C4',
+    '#4E8CF7',
+    '#0EA5E9',
+    '#1B59C4',
+    '#4E8CF7',
+    '#226FF5',
+    '#1B59C4',
+    '#4E8CF7',
+    '#6366F1',
+    '#4F52C1',
+    '#8285F4',
+    '#5B04B3',
+    '#49038F',
+    '#7C36C2',
+    '#D946EF',
+    '#AE38BF',
+    '#E16BF2',
+    '#EC4899',
+    '#BD3A7A',
+    '#F06DAD',
+    '#F43F5E',
+    '#C3324B',
+    '#F6657E',
+    '#757380',
+    '#5E5C66',
+    '#918F99',
+    '#202020',
+    '#1A1A1A',
+    '#4D4D4D',
 ];
 const getColorById = (str) => {
     let hashString = 0;
@@ -2165,7 +2226,7 @@ const getColorById = (str) => {
     }
     for (let i = 0; i < str.length; i++) {
         const char = str.charCodeAt(i);
-        hashString = ((hashString << 5) - hashString) + char;
+        hashString = (hashString << 5) - hashString + char;
         hashString = hashString & hashString;
     }
     return listColorDefine[Math.abs(hashString) % listColorDefine.length];
@@ -2305,8 +2366,8 @@ const getKeyCacheByArrayObject = (keyCache, argumentsValue) => {
                 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 => {
+            const keys = (item instanceof HttpParams ? item.keys() : Object.keys(item)).sort((str1, str2) => str1.localeCompare(str2));
+            keys.forEach((key) => {
                 if (key.toLocaleLowerCase() === 'pem') {
                     return;
                 }
@@ -2350,7 +2411,7 @@ const viewDataNumberByLanguage = (value, acceptNegativeValue, parseFixed = 1, ig
         return Math.round(value * fixed) / fixed;
     };
     if (parseFixed > (floatStr?.length || 0)) {
-        const maxParseFixed = (acceptNegativeValue && +value < 0) ? 17 : 16;
+        const maxParseFixed = acceptNegativeValue && +value < 0 ? 17 : 16;
         const fixed = maxParseFixed - (intStr?.length || 0);
         parseFixed = parseFixed < fixed ? parseFixed : fixed;
     }
@@ -2377,7 +2438,10 @@ const viewDataNumberByLanguage = (value, acceptNegativeValue, parseFixed = 1, ig
         if (lang === UtilsLanguageConstants.EN) {
             return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
         }
-        return value.toString().replace('.', ',').replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+        return value
+            .toString()
+            .replace('.', ',')
+            .replace(/\B(?=(\d{3})+(?!\d))/g, '.');
     }
 };
 
@@ -2419,12 +2483,12 @@ const convertObjectToSignal = (data, cloneDeepIfNotSignal = true, isSignalPrimit
         return seen.get(data);
     }
     if (Array.isArray(data)) {
-        seen.set(data, signal(data.map(item => convertObjectToSignal(item, cloneDeepIfNotSignal, isSignalPrimitiveType, acceptConvertObjectInnerWritableSignal, seen))));
+        seen.set(data, signal(data.map((item) => convertObjectToSignal(item, cloneDeepIfNotSignal, isSignalPrimitiveType, acceptConvertObjectInnerWritableSignal, seen))));
         return seen.get(data);
     }
     if (data instanceof Map) {
         const mapCopy = new Map();
-        Array.from(data.keys()).forEach(key => {
+        Array.from(data.keys()).forEach((key) => {
             mapCopy.set(key, convertObjectToSignal(data.get(key), cloneDeepIfNotSignal, isSignalPrimitiveType, acceptConvertObjectInnerWritableSignal));
         });
         seen.set(data, signal(mapCopy));
@@ -2437,7 +2501,19 @@ const convertObjectToSignal = (data, cloneDeepIfNotSignal = true, isSignalPrimit
     seen.set(data, data);
     for (const key in data()) {
         const value = data()[key];
-        if (value instanceof TemplateRef || value instanceof File || value instanceof Blob || Object.prototype.toString.call(value) === '[object File]' || value instanceof ElementRef || value instanceof Element || value instanceof Date || value instanceof RegExp || value instanceof Set || value instanceof Map || value instanceof Promise || value instanceof Observable || value instanceof HttpParams) {
+        if (value instanceof TemplateRef ||
+            value instanceof File ||
+            value instanceof Blob ||
+            Object.prototype.toString.call(value) === '[object File]' ||
+            value instanceof ElementRef ||
+            value instanceof Element ||
+            value instanceof Date ||
+            value instanceof RegExp ||
+            value instanceof Set ||
+            value instanceof Map ||
+            value instanceof Promise ||
+            value instanceof Observable ||
+            value instanceof HttpParams) {
             continue;
         }
         if (Object.prototype.hasOwnProperty.call(data(), key)) {
@@ -2472,12 +2548,12 @@ const convertSignalToObject = (data, isCloneDeep = true, seen = new WeakMap()) =
         if (!isSignal(data[0])) {
             return data;
         }
-        seen.set(data, data.map(item => convertSignalToObject((isCloneDeep ? cloneDeep(item) : item), isCloneDeep, seen)));
+        seen.set(data, data.map((item) => convertSignalToObject(isCloneDeep ? cloneDeep(item) : item, isCloneDeep, seen)));
         return seen.get(data);
     }
     if (data instanceof Map) {
         const mapCopy = new Map();
-        Array.from(data.keys()).forEach(key => {
+        Array.from(data.keys()).forEach((key) => {
             mapCopy.set(key, convertSignalToObject(isCloneDeep ? cloneDeep(data.get(key)) : data.get(key), isCloneDeep));
         });
         seen.set(data, mapCopy);
@@ -2502,9 +2578,12 @@ const convertSignalToObject = (data, isCloneDeep = true, seen = new WeakMap()) =
 
 const ENCODE_URI_PATTERN = /%([0-9A-F]{2})/g;
 const decodeURI = (value) => {
-    return decodeURIComponent(value.split('').map((c) => {
+    return decodeURIComponent(value
+        .split('')
+        .map((c) => {
         return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-    }).join(''));
+    })
+        .join(''));
 };
 const encodeURI = (value) => {
     return encodeURIComponent(value).replace(ENCODE_URI_PATTERN, (match, p1) => {
@@ -2512,7 +2591,7 @@ const encodeURI = (value) => {
     });
 };
 const endCodeUrl = (params, isBody) => {
-    params = omitBy(params, param => param === '' || isNil(param));
+    params = omitBy(params, (param) => param === '' || isNil(param));
     let res = '';
     for (const p in params) {
         res += `&${p}=${encodeURIComponent(params[p])}`;
@@ -2590,7 +2669,7 @@ const downloadFileByUrl = async (fileUrl, filename, onlyOpen) => {
 const downloadImageFromELement = (imageElement, typeFileDownload, nameFile) => {
     const parentElement = imageElement?.src;
     const blobData = convertBase64ToBlob(parentElement);
-    const blob = new Blob([blobData], { type: typeFileDownload || "image/png" });
+    const blob = new Blob([blobData], { type: typeFileDownload || 'image/png' });
     const url = window.URL.createObjectURL(blob);
     const link = document.createElement('a');
     link.href = url;
@@ -2602,12 +2681,22 @@ const LINK_IMAGE_ERROR_TOKEN_INJECT = new InjectionToken('LINK_IMAGE_ERROR_TOKEN
 const PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT = new InjectionToken('PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT');
 const PROCESS_BAR_STEPS_CONFIG_DEFAULT_TOKEN_INJECT = new InjectionToken('PROCESS_BAR_STEPS_CONFIG_DEFAULT_TOKEN_INJECT');
 
-const isTypeImage = (file) => file.type.match(/image.*/) ? true : false;
-const isTypeVideo = (file) => file.type.match(/video.*/) ? true : false;
-const isTypeAudio = (file) => file.type.match(/audio.*/) ? true : false;
-const isTypeFile = (file) => file instanceof File || Object.prototype.toString.call(file) === '[object File]' ? true : false;
+const isTypeImage = (file) => (file.type.match(/image.*/) ? true : false);
+const isTypeVideo = (file) => (file.type.match(/video.*/) ? true : false);
+const isTypeAudio = (file) => (file.type.match(/audio.*/) ? true : false);
+const isTypeFile = (file) => (file instanceof File || Object.prototype.toString.call(file) === '[object File]' ? true : false);
 const ExcelExtList = ['xls', 'xlsx', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'];
-const DocumentExtList = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf', 'json', 'xml', 'application/msword',
+const DocumentExtList = [
+    'doc',
+    'docx',
+    'xls',
+    'xlsx',
+    'ppt',
+    'pptx',
+    'pdf',
+    'json',
+    'xml',
+    'application/msword',
     'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
     'application/vnd.ms-excel',
     'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
@@ -2615,7 +2704,8 @@ const DocumentExtList = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf', 'js
     'application/vnd.openxmlformats-officedocument.presentationml.presentation',
     'application/pdf',
     'application/json',
-    'application/xml'];
+    'application/xml',
+];
 const isIncludeDocumentExtList = (ext, listExt = DocumentExtList) => listExt.includes(ext) || listExt.includes(`application/${ext}`);
 const ImageExtList = ['gif', 'jpg', 'jpeg', 'png', 'image/gif', 'image/jpeg', 'image/jpeg', 'image/png'];
 const isIncludeImageExtList = (ext, listExt = ImageExtList) => listExt.includes(ext);
@@ -2640,7 +2730,7 @@ const getFileExtension = (file) => {
         fileName = url.split('/').pop() || '';
         set(file, 'name', fileName);
     }
-    const dots = fileName.split(".");
+    const dots = fileName.split('.');
     if (!dots) {
         return;
     }
@@ -2743,12 +2833,12 @@ const getSmartAxisScale = (originalMaxData, options) => {
                 }
                 const maxValuePositive = maxValue - Math.abs(minValue);
                 tickCount = maxValuePositive - originalMaxData > Math.abs(step) && tickCount - 1 >= minTickCount ? tickCount - 1 : tickCount;
-                maxValue = (step * tickCount * scaleDirection) - (minValue * scaleDirection);
+                maxValue = step * tickCount * scaleDirection - minValue * scaleDirection;
                 return {
                     stepSize: Math.abs(step),
                     max: maxValue,
                     min: minValue,
-                    tickAmount: tickCount
+                    tickAmount: tickCount,
                 };
             }
         }
@@ -2763,7 +2853,7 @@ const getSmartAxisScale = (originalMaxData, options) => {
         stepSize: Math.abs(step),
         max: maxValue,
         min: 0,
-        tickAmount: minTickCount
+        tickAmount: minTickCount,
     };
 };
 // Cache cho các giá trị lũy thừa 10 để tối ưu hiệu suất
@@ -2819,7 +2909,7 @@ const getStepCandidates = (maxData, minStep, minNegative, acceptStepIsTypeFloat
 const checkAndSetNegativeSteps = (stepCandidates, acceptNegative, minNegative) => {
     if (acceptNegative && minNegative < 0) {
         // Tạo các step âm và thêm vào đầu danh sách
-        const negativeSteps = [...stepCandidates].map(step => -step);
+        const negativeSteps = [...stepCandidates].map((step) => -step);
         stepCandidates.unshift(...negativeSteps);
     }
 };
@@ -2832,20 +2922,20 @@ const checkAndSetNegativeSteps = (stepCandidates, acceptNegative, minNegative) =
 const validateInputs = (maxData, options) => {
     // Kiểm tra maxData âm khi không chấp nhận giá trị âm
     if (maxData < 0 && !options?.acceptNegative) {
-        throw new Error("maxData is less than 0 and acceptNegative is false");
+        throw new Error('maxData is less than 0 and acceptNegative is false');
     }
     if (options?.acceptNegative) {
         // Kiểm tra minNegative có được cung cấp không
         if (isNil(options.minNegative)) {
-            throw new Error("minNegative is required when acceptNegative is true");
+            throw new Error('minNegative is required when acceptNegative is true');
         }
         // Kiểm tra maxData phải >= minNegative
         if (maxData < options.minNegative) {
-            throw new Error("maxData is less than minNegative");
+            throw new Error('maxData is less than minNegative');
         }
         // Kiểm tra minNegative phải là số âm
         if (options.minNegative >= 0) {
-            throw new Error("minNegative must be negative");
+            throw new Error('minNegative must be negative');
         }
     }
 };
@@ -2865,7 +2955,7 @@ const revealString = (encoded) => {
     const decoded = base
         .split('')
         .reverse()
-        .map(c => String.fromCharCode(c.charCodeAt(0) ^ xorKey))
+        .map((c) => String.fromCharCode(c.charCodeAt(0) ^ xorKey))
         .join('');
     return decoded;
 };