@libs-ui/utils 0.2.306-4 → 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());
@@ -637,6 +629,85 @@ const uuid = () => {
     return md5(shuffledString);
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const UtilsHttpParamsRequestInstance = (options, instance) => {
+    return new UtilsHttpParamsRequest(options, instance);
+};
+class UtilsHttpParamsRequest extends HttpParams {
+    params = new HttpParams();
+    constructor(options, instance) {
+        super(options);
+        if (!instance) {
+            this.params = new HttpParams(options);
+            return;
+        }
+        if (instance instanceof UtilsHttpParamsRequest) {
+            this.params = instance.getInstance();
+            return;
+        }
+        if (instance instanceof HttpParams) {
+            this.params = instance;
+            return;
+        }
+    }
+    getInstance() {
+        return this.params;
+    }
+    setInstance(instance) {
+        if (instance instanceof UtilsHttpParamsRequest) {
+            this.params = instance.getInstance();
+            return;
+        }
+        if (instance instanceof HttpParams) {
+            this.params = instance;
+            return;
+        }
+    }
+    set(param, value) {
+        this.params = this.params.set(param, value);
+        return this;
+    }
+    has(param) {
+        return this.params.has(param);
+    }
+    get(param) {
+        return this.params.get(param);
+    }
+    getAll(param) {
+        return this.params.getAll(param);
+    }
+    keys() {
+        return this.params.keys();
+    }
+    append(param, value) {
+        this.params = this.params.append(param, value);
+        return this;
+    }
+    appendAll(params) {
+        this.params = this.params.appendAll(params);
+        return this;
+    }
+    delete(param, value) {
+        this.params = this.params.delete(param, value);
+        return this;
+    }
+    toString() {
+        return this.params.toString();
+    }
+}
+// Demo su dung GET_PATH_VARIABLE
+// interface Person {
+//   name: string;
+//   age: number;
+//   location: string;
+// }
+// type c = GET_PATH_VARIABLE<Person, unknown>;
+// const a: c = {
+//   "pathVariable-age": 1,
+//   "pathVariable-location": '12',
+//   "pathVariable-name": '124',
+// };
+
 let key = '12~@#loqwsxacva(3rdhaq12';
 /**
  * @description Thiết lập key mã hóa
@@ -653,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());
@@ -664,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());
@@ -711,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;
@@ -739,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();
         });
@@ -748,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);
@@ -759,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, '*');
         });
     }
@@ -798,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);
@@ -826,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);
             });
         });
@@ -835,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ợ
@@ -947,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;
@@ -1019,7 +1094,7 @@ class UtilsCache {
             clear: () => {
                 this.storage = {};
                 localStorage.clear();
-            }
+            },
         };
     }
     static getLocalStorageFake() {
@@ -1038,7 +1113,7 @@ class UtilsCache {
             },
             clear: () => {
                 this.storage = {};
-            }
+            },
         };
     }
     static async GetAsync(key, default_value, isKeyMD5 = false) {
@@ -1057,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);
                 }
@@ -1070,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);
         }
@@ -1082,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);
             }
@@ -1097,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 })),
                 };
@@ -1127,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)));
@@ -1185,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);
             }
@@ -1237,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);
                     }
@@ -1255,7 +1333,7 @@ class UtilsCache {
         if (!keys || !keys.length) {
             return;
         }
-        keys.forEach(key => {
+        keys.forEach((key) => {
             if (key.startsWith(keyCache)) {
                 this.Clear(key);
             }
@@ -1270,9 +1348,8 @@ class UtilsCache {
                 resolve({ deleteSuccess: true });
             };
             request.onerror = (event) => {
-                const error = event.target.error;
-                console.trace('Error deleting database:', error);
-                resolve({ messageError: get(error || {}, 'message'), deleteSuccess: false });
+                console.trace('Error deleting database:', event.target.error);
+                resolve({ messageError: get(event.target.error, 'message'), deleteSuccess: false });
             };
             request.onblocked = () => {
                 console.trace('Delete request is blocked');
@@ -1287,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);
@@ -1297,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();
@@ -1396,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)) || '';
@@ -1461,85 +1538,6 @@ const getFormatData = (type, lang) => {
     }
 };
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const UtilsHttpParamsRequestInstance = (options, instance) => {
-    return new UtilsHttpParamsRequest(options, instance);
-};
-class UtilsHttpParamsRequest extends HttpParams {
-    params = new HttpParams();
-    constructor(options, instance) {
-        super(options);
-        if (!instance) {
-            this.params = new HttpParams(options);
-            return;
-        }
-        if (instance instanceof UtilsHttpParamsRequest) {
-            this.params = instance.getInstance();
-            return;
-        }
-        if (instance instanceof HttpParams) {
-            this.params = instance;
-            return;
-        }
-    }
-    getInstance() {
-        return this.params;
-    }
-    setInstance(instance) {
-        if (instance instanceof UtilsHttpParamsRequest) {
-            this.params = instance.getInstance();
-            return;
-        }
-        if (instance instanceof HttpParams) {
-            this.params = instance;
-            return;
-        }
-    }
-    set(param, value) {
-        this.params = this.params.set(param, value);
-        return this;
-    }
-    has(param) {
-        return this.params.has(param);
-    }
-    get(param) {
-        return this.params.get(param);
-    }
-    getAll(param) {
-        return this.params.getAll(param);
-    }
-    keys() {
-        return this.params.keys();
-    }
-    append(param, value) {
-        this.params = this.params.append(param, value);
-        return this;
-    }
-    appendAll(params) {
-        this.params = this.params.appendAll(params);
-        return this;
-    }
-    delete(param, value) {
-        this.params = this.params.delete(param, value);
-        return this;
-    }
-    toString() {
-        return this.params.toString();
-    }
-}
-// Demo su dung GET_PATH_VARIABLE
-// interface Person {
-//   name: string;
-//   age: number;
-//   location: string;
-// }
-// type c = GET_PATH_VARIABLE<Person, unknown>;
-// const a: c = {
-//   "pathVariable-age": 1,
-//   "pathVariable-location": '12',
-//   "pathVariable-name": '124',
-// };
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**Các hàm tương tự thư viện lodash */
 /**
@@ -1659,7 +1657,7 @@ const omitBy = (objData, predicate) => {
  * get(null, 'any.path'); // undefined
  * get(undefined, 'any.path', 'fallback'); // 'fallback'
  */
-const get = (obj, path, defaultValue, keepLastValueIfSignal) => {
+const get = (obj, path, defaultValue = undefined, keepLastValueIfSignal) => {
     if (isNil(obj)) {
         return defaultValue;
     }
@@ -2101,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);
@@ -2140,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);
@@ -2153,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) {
@@ -2165,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;
@@ -2176,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];
@@ -2316,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;
                 }
@@ -2361,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;
     }
@@ -2388,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, '.');
     }
 };
 
@@ -2430,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));
@@ -2448,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)) {
@@ -2483,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);
@@ -2513,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) => {
@@ -2523,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])}`;
@@ -2601,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;
@@ -2613,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',
@@ -2626,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);
@@ -2651,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;
     }
@@ -2677,7 +2756,6 @@ const convertUrlToFile = (url, fileName) => {
                 const file = convertBase64ToBlob(reader.result);
                 resolve(convertBlobToFile(file, fileName || Date.now().toLocaleString()));
             };
-            reader.onerror = () => resolve(undefined);
             reader.readAsDataURL(xhr.response);
         };
         xhr.onerror = (err) => {
@@ -2755,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,
                 };
             }
         }
@@ -2775,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
@@ -2831,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);
     }
 };
@@ -2844,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');
         }
     }
 };
@@ -2877,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;
 };