@libs-ui/components-inputs-multi-language 0.1.1-1

package/fesm2022/libs-ui-components-inputs-multi-language.mjs

@@ -0,0 +1,981 @@
+import * as i0 from '@angular/core';
+import { Pipe, signal, computed, input, model, output, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';
+import { LibsUiComponentsInputsQuillComponent } from '@libs-ui/components-inputs-quill';
+import { LibsUiComponentsInputsValidComponent } from '@libs-ui/components-inputs-valid';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { CHARACTER_DATA_EMPTY, get, UtilsCache, set, cloneDeep, isNil } from '@libs-ui/utils';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { Subject, timer, takeUntil } from 'rxjs';
+import { HttpParams } from '@angular/common/http';
+import { returnDetailObject, returnListObject } from '@libs-ui/services-http-request';
+
+class LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe {
+    transform(keyLang, listLanguage) {
+        if (!keyLang || !listLanguage || !listLanguage.length) {
+            return CHARACTER_DATA_EMPTY;
+        }
+        const result = listLanguage.find((item) => item.key === keyLang);
+        if (!result) {
+            return CHARACTER_DATA_EMPTY;
+        }
+        return `${result.label}: `;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe, isStandalone: true, name: "LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe',
+                    standalone: true,
+                }]
+        }] });
+
+class LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe {
+    transform(langs, key) {
+        return langs.filter((item) => item !== key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe, isStandalone: true, name: "LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe',
+                    standalone: true,
+                }]
+        }] });
+
+class LibsUiComponentsInputsMultiLanguageGetItemPipe {
+    transform(keyBindData, dataLanguageChange) {
+        return (keyBindData ? signal(get(dataLanguageChange, keyBindData)) : dataLanguageChange);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, isStandalone: true, name: "LibsUiComponentsInputsMultiLanguageGetItemPipe" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'LibsUiComponentsInputsMultiLanguageGetItemPipe',
+                    standalone: true,
+                }]
+        }] });
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const currenciesSupport = () => {
+    // UtilsCache.KEY_CACHE_CURRENCIES_CMS_SUPPORT
+    return UtilsCache.Get('test_currencies', ['VND', 'USD', 'EUR']);
+};
+const languageSupport = () => {
+    // UtilsCache.KEY_CACHE_LANGUAGE_CMS_SUPPORT
+    return UtilsCache.Get('test_lang', ['vi', 'en']);
+};
+const currenciesOptions = (objectPattern = { key: 'key', label: 'code' }) => {
+    const data = [
+        { symbol: '$', name: 'US Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'USD', name_plural: 'US dollars', key: 'USD' },
+        { symbol: 'CA$', name: 'Canadian Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'CAD', name_plural: 'Canadian dollars', key: 'CAD' },
+        { symbol: '€', name: 'Euro', symbol_native: '€', decimal_digits: 2, rounding: 0, code: 'EUR', name_plural: 'euros', key: 'EUR' },
+        { symbol: 'AED', name: 'United Arab Emirates Dirham', symbol_native: 'د.إ.‏', decimal_digits: 2, rounding: 0, code: 'AED', name_plural: 'UAE dirhams', key: 'AED' },
+        { symbol: 'Af', name: 'Afghan Afghani', symbol_native: '؋', decimal_digits: 0, rounding: 0, code: 'AFN', name_plural: 'Afghan Afghanis', key: 'AFN' },
+        { symbol: 'ALL', name: 'Albanian Lek', symbol_native: 'Lek', decimal_digits: 0, rounding: 0, code: 'ALL', name_plural: 'Albanian lekë', key: 'ALL' },
+        { symbol: 'AMD', name: 'Armenian Dram', symbol_native: 'դր.', decimal_digits: 0, rounding: 0, code: 'AMD', name_plural: 'Armenian drams', key: 'AMD' },
+        { symbol: 'AR$', name: 'Argentine Peso', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'ARS', name_plural: 'Argentine pesos', key: 'ARS' },
+        { symbol: 'AU$', name: 'Australian Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'AUD', name_plural: 'Australian dollars', key: 'AUD' },
+        { symbol: 'man.', name: 'Azerbaijani Manat', symbol_native: 'ман.', decimal_digits: 2, rounding: 0, code: 'AZN', name_plural: 'Azerbaijani manats', key: 'AZN' },
+        { symbol: 'KM', name: 'Bosnia-Herzegovina Convertible Mark', symbol_native: 'KM', decimal_digits: 2, rounding: 0, code: 'BAM', name_plural: 'Bosnia-Herzegovina convertible marks', key: 'BAM' },
+        { symbol: 'Tk', name: 'Bangladeshi Taka', symbol_native: '৳', decimal_digits: 2, rounding: 0, code: 'BDT', name_plural: 'Bangladeshi takas', key: 'BDT' },
+        { symbol: 'BGN', name: 'Bulgarian Lev', symbol_native: 'лв.', decimal_digits: 2, rounding: 0, code: 'BGN', name_plural: 'Bulgarian leva', key: 'BGN' },
+        { symbol: 'BD', name: 'Bahraini Dinar', symbol_native: 'د.ب.‏', decimal_digits: 3, rounding: 0, code: 'BHD', name_plural: 'Bahraini dinars', key: 'BHD' },
+        { symbol: 'FBu', name: 'Burundian Franc', symbol_native: 'FBu', decimal_digits: 0, rounding: 0, code: 'BIF', name_plural: 'Burundian francs', key: 'BIF' },
+        { symbol: 'BN$', name: 'Brunei Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'BND', name_plural: 'Brunei dollars', key: 'BND' },
+        { symbol: 'Bs', name: 'Bolivian Boliviano', symbol_native: 'Bs', decimal_digits: 2, rounding: 0, code: 'BOB', name_plural: 'Bolivian bolivianos', key: 'BOB' },
+        { symbol: 'R$', name: 'Brazilian Real', symbol_native: 'R$', decimal_digits: 2, rounding: 0, code: 'BRL', name_plural: 'Brazilian reals', key: 'BRL' },
+        { symbol: 'BWP', name: 'Botswanan Pula', symbol_native: 'P', decimal_digits: 2, rounding: 0, code: 'BWP', name_plural: 'Botswanan pulas', key: 'BWP' },
+        { symbol: 'Br', name: 'Belarusian Ruble', symbol_native: 'руб.', decimal_digits: 2, rounding: 0, code: 'BYN', name_plural: 'Belarusian rubles', key: 'BYN' },
+        { symbol: 'BZ$', name: 'Belize Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'BZD', name_plural: 'Belize dollars', key: 'BZD' },
+        { symbol: 'CDF', name: 'Congolese Franc', symbol_native: 'FrCD', decimal_digits: 2, rounding: 0, code: 'CDF', name_plural: 'Congolese francs', key: 'CDF' },
+        { symbol: 'CHF', name: 'Swiss Franc', symbol_native: 'CHF', decimal_digits: 2, rounding: 0.05, code: 'CHF', name_plural: 'Swiss francs', key: 'CHF' },
+        { symbol: 'CL$', name: 'Chilean Peso', symbol_native: '$', decimal_digits: 0, rounding: 0, code: 'CLP', name_plural: 'Chilean pesos', key: 'CLP' },
+        { symbol: 'CN¥', name: 'Chinese Yuan', symbol_native: 'CN¥', decimal_digits: 2, rounding: 0, code: 'CNY', name_plural: 'Chinese yuan', key: 'CNY' },
+        { symbol: 'CO$', name: 'Colombian Peso', symbol_native: '$', decimal_digits: 0, rounding: 0, code: 'COP', name_plural: 'Colombian pesos', key: 'COP' },
+        { symbol: '₡', name: 'Costa Rican Colón', symbol_native: '₡', decimal_digits: 0, rounding: 0, code: 'CRC', name_plural: 'Costa Rican colóns', key: 'CRC' },
+        { symbol: 'CV$', name: 'Cape Verdean Escudo', symbol_native: 'CV$', decimal_digits: 2, rounding: 0, code: 'CVE', name_plural: 'Cape Verdean escudos', key: 'CVE' },
+        { symbol: 'Kč', name: 'Czech Republic Koruna', symbol_native: 'Kč', decimal_digits: 2, rounding: 0, code: 'CZK', name_plural: 'Czech Republic korunas', key: 'CZK' },
+        { symbol: 'Fdj', name: 'Djiboutian Franc', symbol_native: 'Fdj', decimal_digits: 0, rounding: 0, code: 'DJF', name_plural: 'Djiboutian francs', key: 'DJF' },
+        { symbol: 'Dkr', name: 'Danish Krone', symbol_native: 'kr', decimal_digits: 2, rounding: 0, code: 'DKK', name_plural: 'Danish kroner', key: 'DKK' },
+        { symbol: 'RD$', name: 'Dominican Peso', symbol_native: 'RD$', decimal_digits: 2, rounding: 0, code: 'DOP', name_plural: 'Dominican pesos', key: 'DOP' },
+        { symbol: 'DA', name: 'Algerian Dinar', symbol_native: 'د.ج.‏', decimal_digits: 2, rounding: 0, code: 'DZD', name_plural: 'Algerian dinars', key: 'DZD' },
+        { symbol: 'Ekr', name: 'Estonian Kroon', symbol_native: 'kr', decimal_digits: 2, rounding: 0, code: 'EEK', name_plural: 'Estonian kroons', key: 'EEK' },
+        { symbol: 'EGP', name: 'Egyptian Pound', symbol_native: 'ج.م.‏', decimal_digits: 2, rounding: 0, code: 'EGP', name_plural: 'Egyptian pounds', key: 'EGP' },
+        { symbol: 'Nfk', name: 'Eritrean Nakfa', symbol_native: 'Nfk', decimal_digits: 2, rounding: 0, code: 'ERN', name_plural: 'Eritrean nakfas', key: 'ERN' },
+        { symbol: 'Br', name: 'Ethiopian Birr', symbol_native: 'Br', decimal_digits: 2, rounding: 0, code: 'ETB', name_plural: 'Ethiopian birrs', key: 'ETB' },
+        { symbol: '£', name: 'British Pound Sterling', symbol_native: '£', decimal_digits: 2, rounding: 0, code: 'GBP', name_plural: 'British pounds sterling', key: 'GBP' },
+        { symbol: 'GEL', name: 'Georgian Lari', symbol_native: 'GEL', decimal_digits: 2, rounding: 0, code: 'GEL', name_plural: 'Georgian laris', key: 'GEL' },
+        { symbol: 'GH₵', name: 'Ghanaian Cedi', symbol_native: 'GH₵', decimal_digits: 2, rounding: 0, code: 'GHS', name_plural: 'Ghanaian cedis', key: 'GHS' },
+        { symbol: 'FG', name: 'Guinean Franc', symbol_native: 'FG', decimal_digits: 0, rounding: 0, code: 'GNF', name_plural: 'Guinean francs', key: 'GNF' },
+        { symbol: 'GTQ', name: 'Guatemalan Quetzal', symbol_native: 'Q', decimal_digits: 2, rounding: 0, code: 'GTQ', name_plural: 'Guatemalan quetzals', key: 'GTQ' },
+        { symbol: 'HK$', name: 'Hong Kong Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'HKD', name_plural: 'Hong Kong dollars', key: 'HKD' },
+        { symbol: 'HNL', name: 'Honduran Lempira', symbol_native: 'L', decimal_digits: 2, rounding: 0, code: 'HNL', name_plural: 'Honduran lempiras', key: 'HNL' },
+        { symbol: 'kn', name: 'Croatian Kuna', symbol_native: 'kn', decimal_digits: 2, rounding: 0, code: 'HRK', name_plural: 'Croatian kunas', key: 'HRK' },
+        { symbol: 'Ft', name: 'Hungarian Forint', symbol_native: 'Ft', decimal_digits: 0, rounding: 0, code: 'HUF', name_plural: 'Hungarian forints', key: 'HUF' },
+        { symbol: 'Rp', name: 'Indonesian Rupiah', symbol_native: 'Rp', decimal_digits: 0, rounding: 0, code: 'IDR', name_plural: 'Indonesian rupiahs', key: 'IDR' },
+        { symbol: '₪', name: 'Israeli New Sheqel', symbol_native: '₪', decimal_digits: 2, rounding: 0, code: 'ILS', name_plural: 'Israeli new sheqels', key: 'ILS' },
+        { symbol: 'Rs', name: 'Indian Rupee', symbol_native: 'টকা', decimal_digits: 2, rounding: 0, code: 'INR', name_plural: 'Indian rupees', key: 'INR' },
+        { symbol: 'IQD', name: 'Iraqi Dinar', symbol_native: 'د.ع.‏', decimal_digits: 0, rounding: 0, code: 'IQD', name_plural: 'Iraqi dinars', key: 'IQD' },
+        { symbol: 'IRR', name: 'Iranian Rial', symbol_native: '﷼', decimal_digits: 0, rounding: 0, code: 'IRR', name_plural: 'Iranian rials', key: 'IRR' },
+        { symbol: 'Ikr', name: 'Icelandic Króna', symbol_native: 'kr', decimal_digits: 0, rounding: 0, code: 'ISK', name_plural: 'Icelandic krónur', key: 'ISK' },
+        { symbol: 'J$', name: 'Jamaican Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'JMD', name_plural: 'Jamaican dollars', key: 'JMD' },
+        { symbol: 'JD', name: 'Jordanian Dinar', symbol_native: 'د.أ.‏', decimal_digits: 3, rounding: 0, code: 'JOD', name_plural: 'Jordanian dinars', key: 'JOD' },
+        { symbol: '¥', name: 'Japanese Yen', symbol_native: '￥', decimal_digits: 0, rounding: 0, code: 'JPY', name_plural: 'Japanese yen', key: 'JPY' },
+        { symbol: 'Ksh', name: 'Kenyan Shilling', symbol_native: 'Ksh', decimal_digits: 2, rounding: 0, code: 'KES', name_plural: 'Kenyan shillings', key: 'KES' },
+        { symbol: 'KHR', name: 'Cambodian Riel', symbol_native: '៛', decimal_digits: 2, rounding: 0, code: 'KHR', name_plural: 'Cambodian riels', key: 'KHR' },
+        { symbol: 'CF', name: 'Comorian Franc', symbol_native: 'FC', decimal_digits: 0, rounding: 0, code: 'KMF', name_plural: 'Comorian francs', key: 'KMF' },
+        { symbol: '₩', name: 'South Korean Won', symbol_native: '₩', decimal_digits: 0, rounding: 0, code: 'KRW', name_plural: 'South Korean won', key: 'KRW' },
+        { symbol: 'KD', name: 'Kuwaiti Dinar', symbol_native: 'د.ك.‏', decimal_digits: 3, rounding: 0, code: 'KWD', name_plural: 'Kuwaiti dinars', key: 'KWD' },
+        { symbol: 'KZT', name: 'Kazakhstani Tenge', symbol_native: 'тңг.', decimal_digits: 2, rounding: 0, code: 'KZT', name_plural: 'Kazakhstani tenges', key: 'KZT' },
+        { symbol: 'LB£', name: 'Lebanese Pound', symbol_native: 'ل.ل.‏', decimal_digits: 0, rounding: 0, code: 'LBP', name_plural: 'Lebanese pounds', key: 'LBP' },
+        { symbol: 'SLRs', name: 'Sri Lankan Rupee', symbol_native: 'SL Re', decimal_digits: 2, rounding: 0, code: 'LKR', name_plural: 'Sri Lankan rupees', key: 'LKR' },
+        { symbol: 'Lt', name: 'Lithuanian Litas', symbol_native: 'Lt', decimal_digits: 2, rounding: 0, code: 'LTL', name_plural: 'Lithuanian litai', key: 'LTL' },
+        { symbol: 'Ls', name: 'Latvian Lats', symbol_native: 'Ls', decimal_digits: 2, rounding: 0, code: 'LVL', name_plural: 'Latvian lati', key: 'LVL' },
+        { symbol: 'LD', name: 'Libyan Dinar', symbol_native: 'د.ل.‏', decimal_digits: 3, rounding: 0, code: 'LYD', name_plural: 'Libyan dinars', key: 'LYD' },
+        { symbol: 'MAD', name: 'Moroccan Dirham', symbol_native: 'د.م.‏', decimal_digits: 2, rounding: 0, code: 'MAD', name_plural: 'Moroccan dirhams', key: 'MAD' },
+        { symbol: 'MDL', name: 'Moldovan Leu', symbol_native: 'MDL', decimal_digits: 2, rounding: 0, code: 'MDL', name_plural: 'Moldovan lei', key: 'MDL' },
+        { symbol: 'MGA', name: 'Malagasy Ariary', symbol_native: 'MGA', decimal_digits: 0, rounding: 0, code: 'MGA', name_plural: 'Malagasy Ariaries', key: 'MGA' },
+        { symbol: 'MKD', name: 'Macedonian Denar', symbol_native: 'MKD', decimal_digits: 2, rounding: 0, code: 'MKD', name_plural: 'Macedonian denari', key: 'MKD' },
+        { symbol: 'MMK', name: 'Myanma Kyat', symbol_native: 'K', decimal_digits: 0, rounding: 0, code: 'MMK', name_plural: 'Myanma kyats', key: 'MMK' },
+        { symbol: 'MOP$', name: 'Macanese Pataca', symbol_native: 'MOP$', decimal_digits: 2, rounding: 0, code: 'MOP', name_plural: 'Macanese patacas', key: 'MOP' },
+        { symbol: 'MURs', name: 'Mauritian Rupee', symbol_native: 'MURs', decimal_digits: 0, rounding: 0, code: 'MUR', name_plural: 'Mauritian rupees', key: 'MUR' },
+        { symbol: 'MX$', name: 'Mexican Peso', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'MXN', name_plural: 'Mexican pesos', key: 'MXN' },
+        { symbol: 'RM', name: 'Malaysian Ringgit', symbol_native: 'RM', decimal_digits: 2, rounding: 0, code: 'MYR', name_plural: 'Malaysian ringgits', key: 'MYR' },
+        { symbol: 'MTn', name: 'Mozambican Metical', symbol_native: 'MTn', decimal_digits: 2, rounding: 0, code: 'MZN', name_plural: 'Mozambican meticals', key: 'MZN' },
+        { symbol: 'N$', name: 'Namibian Dollar', symbol_native: 'N$', decimal_digits: 2, rounding: 0, code: 'NAD', name_plural: 'Namibian dollars', key: 'NAD' },
+        { symbol: '₦', name: 'Nigerian Naira', symbol_native: '₦', decimal_digits: 2, rounding: 0, code: 'NGN', name_plural: 'Nigerian nairas', key: 'NGN' },
+        { symbol: 'C$', name: 'Nicaraguan Córdoba', symbol_native: 'C$', decimal_digits: 2, rounding: 0, code: 'NIO', name_plural: 'Nicaraguan córdobas', key: 'NIO' },
+        { symbol: 'Nkr', name: 'Norwegian Krone', symbol_native: 'kr', decimal_digits: 2, rounding: 0, code: 'NOK', name_plural: 'Norwegian kroner', key: 'NOK' },
+        { symbol: 'NPRs', name: 'Nepalese Rupee', symbol_native: 'नेरू', decimal_digits: 2, rounding: 0, code: 'NPR', name_plural: 'Nepalese rupees', key: 'NPR' },
+        { symbol: 'NZ$', name: 'New Zealand Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'NZD', name_plural: 'New Zealand dollars', key: 'NZD' },
+        { symbol: 'OMR', name: 'Omani Rial', symbol_native: 'ر.ع.‏', decimal_digits: 3, rounding: 0, code: 'OMR', name_plural: 'Omani rials', key: 'OMR' },
+        { symbol: 'B/.', name: 'Panamanian Balboa', symbol_native: 'B/.', decimal_digits: 2, rounding: 0, code: 'PAB', name_plural: 'Panamanian balboas', key: 'PAB' },
+        { symbol: 'S/.', name: 'Peruvian Nuevo Sol', symbol_native: 'S/.', decimal_digits: 2, rounding: 0, code: 'PEN', name_plural: 'Peruvian nuevos soles', key: 'PEN' },
+        { symbol: '₱', name: 'Philippine Peso', symbol_native: '₱', decimal_digits: 2, rounding: 0, code: 'PHP', name_plural: 'Philippine pesos', key: 'PHP' },
+        { symbol: 'PKRs', name: 'Pakistani Rupee', symbol_native: '₨', decimal_digits: 0, rounding: 0, code: 'PKR', name_plural: 'Pakistani rupees', key: 'PKR' },
+        { symbol: 'zł', name: 'Polish Zloty', symbol_native: 'zł', decimal_digits: 2, rounding: 0, code: 'PLN', name_plural: 'Polish zlotys', key: 'PLN' },
+        { symbol: '₲', name: 'Paraguayan Guarani', symbol_native: '₲', decimal_digits: 0, rounding: 0, code: 'PYG', name_plural: 'Paraguayan guaranis', key: 'PYG' },
+        { symbol: 'QR', name: 'Qatari Rial', symbol_native: 'ر.ق.‏', decimal_digits: 2, rounding: 0, code: 'QAR', name_plural: 'Qatari rials', key: 'QAR' },
+        { symbol: 'RON', name: 'Romanian Leu', symbol_native: 'RON', decimal_digits: 2, rounding: 0, code: 'RON', name_plural: 'Romanian lei', key: 'RON' },
+        { symbol: 'din.', name: 'Serbian Dinar', symbol_native: 'дин.', decimal_digits: 0, rounding: 0, code: 'RSD', name_plural: 'Serbian dinars', key: 'RSD' },
+        { symbol: 'RUB', name: 'Russian Ruble', symbol_native: '₽.', decimal_digits: 2, rounding: 0, code: 'RUB', name_plural: 'Russian rubles', key: 'RUB' },
+        { symbol: 'RWF', name: 'Rwandan Franc', symbol_native: 'FR', decimal_digits: 0, rounding: 0, code: 'RWF', name_plural: 'Rwandan francs', key: 'RWF' },
+        { symbol: 'SR', name: 'Saudi Riyal', symbol_native: 'ر.س.‏', decimal_digits: 2, rounding: 0, code: 'SAR', name_plural: 'Saudi riyals', key: 'SAR' },
+        { symbol: 'SDG', name: 'Sudanese Pound', symbol_native: 'SDG', decimal_digits: 2, rounding: 0, code: 'SDG', name_plural: 'Sudanese pounds', key: 'SDG' },
+        { symbol: 'Skr', name: 'Swedish Krona', symbol_native: 'kr', decimal_digits: 2, rounding: 0, code: 'SEK', name_plural: 'Swedish kronor', key: 'SEK' },
+        { symbol: 'S$', name: 'Singapore Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'SGD', name_plural: 'Singapore dollars', key: 'SGD' },
+        { symbol: 'Ssh', name: 'Somali Shilling', symbol_native: 'Ssh', decimal_digits: 0, rounding: 0, code: 'SOS', name_plural: 'Somali shillings', key: 'SOS' },
+        { symbol: 'SY£', name: 'Syrian Pound', symbol_native: 'ل.س.‏', decimal_digits: 0, rounding: 0, code: 'SYP', name_plural: 'Syrian pounds', key: 'SYP' },
+        { symbol: '฿', name: 'Thai Baht', symbol_native: '฿', decimal_digits: 2, rounding: 0, code: 'THB', name_plural: 'Thai baht', key: 'THB' },
+        { symbol: 'DT', name: 'Tunisian Dinar', symbol_native: 'د.ت.‏', decimal_digits: 3, rounding: 0, code: 'TND', name_plural: 'Tunisian dinars', key: 'TND' },
+        { symbol: 'T$', name: 'Tongan Paʻanga', symbol_native: 'T$', decimal_digits: 2, rounding: 0, code: 'TOP', name_plural: 'Tongan paʻanga', key: 'TOP' },
+        { symbol: 'TL', name: 'Turkish Lira', symbol_native: 'TL', decimal_digits: 2, rounding: 0, code: 'TRY', name_plural: 'Turkish Lira', key: 'TRY' },
+        { symbol: 'TT$', name: 'Trinidad and Tobago Dollar', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'TTD', name_plural: 'Trinidad and Tobago dollars', key: 'TTD' },
+        { symbol: 'NT$', name: 'New Taiwan Dollar', symbol_native: 'NT$', decimal_digits: 2, rounding: 0, code: 'TWD', name_plural: 'New Taiwan dollars', key: 'TWD' },
+        { symbol: 'TSh', name: 'Tanzanian Shilling', symbol_native: 'TSh', decimal_digits: 0, rounding: 0, code: 'TZS', name_plural: 'Tanzanian shillings', key: 'TZS' },
+        { symbol: '₴', name: 'Ukrainian Hryvnia', symbol_native: '₴', decimal_digits: 2, rounding: 0, code: 'UAH', name_plural: 'Ukrainian hryvnias', key: 'UAH' },
+        { symbol: 'USh', name: 'Ugandan Shilling', symbol_native: 'USh', decimal_digits: 0, rounding: 0, code: 'UGX', name_plural: 'Ugandan shillings', key: 'UGX' },
+        { symbol: '$U', name: 'Uruguayan Peso', symbol_native: '$', decimal_digits: 2, rounding: 0, code: 'UYU', name_plural: 'Uruguayan pesos', key: 'UYU' },
+        { symbol: 'UZS', name: 'Uzbekistan Som', symbol_native: 'UZS', decimal_digits: 0, rounding: 0, code: 'UZS', name_plural: 'Uzbekistan som', key: 'UZS' },
+        { symbol: 'Bs.F.', name: 'Venezuelan Bolívar', symbol_native: 'Bs.F.', decimal_digits: 2, rounding: 0, code: 'VEF', name_plural: 'Venezuelan bolívars', key: 'VEF' },
+        { symbol: '₫', name: 'Vietnamese Dong', symbol_native: '₫', decimal_digits: 0, rounding: 0, code: 'VND', name_plural: 'Vietnamese dong', key: 'VND' },
+        { symbol: 'FCFA', name: 'CFA Franc BEAC', symbol_native: 'FCFA', decimal_digits: 0, rounding: 0, code: 'XAF', name_plural: 'CFA francs BEAC', key: 'XAF' },
+        { symbol: 'CFA', name: 'CFA Franc BCEAO', symbol_native: 'CFA', decimal_digits: 0, rounding: 0, code: 'XOF', name_plural: 'CFA francs BCEAO', key: 'XOF' },
+        { symbol: 'YR', name: 'Yemeni Rial', symbol_native: 'ر.ي.‏', decimal_digits: 0, rounding: 0, code: 'YER', name_plural: 'Yemeni rials', key: 'YER' },
+        { symbol: 'R', name: 'South African Rand', symbol_native: 'R', decimal_digits: 2, rounding: 0, code: 'ZAR', name_plural: 'South African rand', key: 'ZAR' },
+        { symbol: 'ZK', name: 'Zambian Kwacha', symbol_native: 'ZK', decimal_digits: 0, rounding: 0, code: 'ZMK', name_plural: 'Zambian kwachas', key: 'ZMK' },
+        { symbol: 'ZWL$', name: 'Zimbabwean Dollar', symbol_native: 'ZWL$', decimal_digits: 0, rounding: 0, code: 'ZWL', name_plural: 'Zimbabwean Dollar', key: 'ZWL' },
+    ];
+    const dataurrenciesSupportData = [];
+    currenciesSupport().forEach((key) => {
+        const found = data.find((item) => item.key === key);
+        if (found) {
+            dataurrenciesSupportData.push(found);
+        }
+    });
+    return convertObjectOfArray(objectPattern, dataurrenciesSupportData);
+};
+const langOptions = (objectPattern = { key: 'key', label: 'nativeName' }) => {
+    const data = [
+        { name: 'Abkhaz', nativeName: 'аҧсуа', key: 'ab' },
+        { name: 'Afar', nativeName: 'Afaraf', key: 'aa' },
+        { name: 'Afrikaans', nativeName: 'Afrikaans', key: 'af' },
+        { name: 'Akan', nativeName: 'Akan', key: 'ak' },
+        { name: 'Albanian', nativeName: 'Shqip', key: 'sq' },
+        { name: 'Amharic', nativeName: 'አማርኛ', key: 'am' },
+        { name: 'Arabic', nativeName: 'العربية', key: 'ar' },
+        { name: 'Aragonese', nativeName: 'Aragonés', key: 'an' },
+        { name: 'Armenian', nativeName: 'Հայերեն', key: 'hy' },
+        { name: 'Assamese', nativeName: 'অসমীয়া', key: 'as' },
+        { name: 'Avaric', nativeName: 'авар мацӀ, магӀарул мацӀ', key: 'av' },
+        { name: 'Avestan', nativeName: 'avesta', key: 'ae' },
+        { name: 'Aymara', nativeName: 'aymar aru', key: 'ay' },
+        { name: 'Azerbaijani', nativeName: 'azərbaycan dili', key: 'az' },
+        { name: 'Bambara', nativeName: 'bamanankan', key: 'bm' },
+        { name: 'Bashkir', nativeName: 'башҡорт теле', key: 'ba' },
+        { name: 'Basque', nativeName: 'euskara, euskera', key: 'eu' },
+        { name: 'Belarusian', nativeName: 'Беларуская', key: 'be' },
+        { name: 'Bengali', nativeName: 'বাংলা', key: 'bn' },
+        { name: 'Bihari', nativeName: 'भोजपुरी', key: 'bh' },
+        { name: 'Bislama', nativeName: 'Bislama', key: 'bi' },
+        { name: 'Bosnian', nativeName: 'bosanski jezik', key: 'bs' },
+        { name: 'Breton', nativeName: 'brezhoneg', key: 'br' },
+        { name: 'Bulgarian', nativeName: 'български език', key: 'bg' },
+        { name: 'Burmese', nativeName: 'ဗမာစာ', key: 'my' },
+        { name: 'Catalan; Valencian', nativeName: 'Català', key: 'ca' },
+        { name: 'Chamorro', nativeName: 'Chamoru', key: 'ch' },
+        { name: 'Chechen', nativeName: 'нохчийн мотт', key: 'ce' },
+        { name: 'Chichewa; Chewa; Nyanja', nativeName: 'chiCheŵa, chinyanja', key: 'ny' },
+        { name: 'Chinese', nativeName: '中文 (Zhōngwén), 汉语, 漢語', key: 'zh' },
+        { name: 'Chuvash', nativeName: 'чӑваш чӗлхи', key: 'cv' },
+        { name: 'Cornish', nativeName: 'Kernewek', key: 'kw' },
+        { name: 'Corsican', nativeName: 'corsu, lingua corsa', key: 'co' },
+        { name: 'Cree', nativeName: 'ᓀᐦᐃᔭᐍᐏᐣ', key: 'cr' },
+        { name: 'Croatian', nativeName: 'hrvatski', key: 'hr' },
+        { name: 'Czech', nativeName: 'česky, čeština', key: 'cs' },
+        { name: 'Danish', nativeName: 'dansk', key: 'da' },
+        { name: 'Divehi; Dhivehi; Maldivian;', nativeName: 'ދިވެހި', key: 'dv' },
+        { name: 'Dutch', nativeName: 'Nederlands, Vlaams', key: 'nl' },
+        { name: 'English', nativeName: 'English', key: 'en' },
+        { name: 'Esperanto', nativeName: 'Esperanto', key: 'eo' },
+        { name: 'Estonian', nativeName: 'eesti, eesti keel', key: 'et' },
+        { name: 'Ewe', nativeName: 'Eʋegbe', key: 'ee' },
+        { name: 'Faroese', nativeName: 'føroyskt', key: 'fo' },
+        { name: 'Fijian', nativeName: 'vosa Vakaviti', key: 'fj' },
+        { name: 'Finnish', nativeName: 'suomi, suomen kieli', key: 'fi' },
+        { name: 'French', nativeName: 'français, langue française', key: 'fr' },
+        { name: 'Fula; Fulah; Pulaar; Pular', nativeName: 'Fulfulde, Pulaar, Pular', key: 'ff' },
+        { name: 'Galician', nativeName: 'Galego', key: 'gl' },
+        { name: 'Georgian', nativeName: 'ქართული', key: 'ka' },
+        { name: 'German', nativeName: 'Deutsch', key: 'de' },
+        { name: 'Greek, Modern', nativeName: 'Ελληνικά', key: 'el' },
+        { name: 'Guaraní', nativeName: 'Avañeẽ', key: 'gn' },
+        { name: 'Gujarati', nativeName: 'ગુજરાતી', key: 'gu' },
+        { name: 'Haitian; Haitian Creole', nativeName: 'Kreyòl ayisyen', key: 'ht' },
+        { name: 'Hausa', nativeName: 'Hausa, هَوُسَ', key: 'ha' },
+        { name: 'Hebrew (modern)', nativeName: 'עברית', key: 'he' },
+        { name: 'Herero', nativeName: 'Otjiherero', key: 'hz' },
+        { name: 'Hindi', nativeName: 'हिन्दी, हिंदी', key: 'hi' },
+        { name: 'Hiri Motu', nativeName: 'Hiri Motu', key: 'ho' },
+        { name: 'Hungarian', nativeName: 'Magyar', key: 'hu' },
+        { name: 'Interlingua', nativeName: 'Interlingua', key: 'ia' },
+        { name: 'Indonesian', nativeName: 'Bahasa Indonesia', key: 'id' },
+        { name: 'Interlingue', nativeName: 'Originally called Occidental; then Interlingue after WWII', key: 'ie' },
+        { name: 'Irish', nativeName: 'Gaeilge', key: 'ga' },
+        { name: 'Igbo', nativeName: 'Asụsụ Igbo', key: 'ig' },
+        { name: 'Inupiaq', nativeName: 'Iñupiaq, Iñupiatun', key: 'ik' },
+        { name: 'Ido', nativeName: 'Ido', key: 'io' },
+        { name: 'Icelandic', nativeName: 'Íslenska', key: 'is' },
+        { name: 'Italian', nativeName: 'Italiano', key: 'it' },
+        { name: 'Inuktitut', nativeName: 'ᐃᓄᒃᑎᑐᑦ', key: 'iu' },
+        { name: 'Japanese', nativeName: '日本語 (にほんご／にっぽんご)', key: 'ja' },
+        { name: 'Javanese', nativeName: 'basa Jawa', key: 'jv' },
+        { name: 'Kalaallisut, Greenlandic', nativeName: 'kalaallisut, kalaallit oqaasii', key: 'kl' },
+        { name: 'Kannada', nativeName: 'ಕನ್ನಡ', key: 'kn' },
+        { name: 'Kanuri', nativeName: 'Kanuri', key: 'kr' },
+        { name: 'Kashmiri', nativeName: 'कश्मीरी, كشميري‎', key: 'ks' },
+        { name: 'Kazakh', nativeName: 'Қазақ тілі', key: 'kk' },
+        { name: 'Khmer', nativeName: 'ភាសាខ្មែរ', key: 'km' },
+        { name: 'Kikuyu, Gikuyu', nativeName: 'Gĩkũyũ', key: 'ki' },
+        { name: 'Kinyarwanda', nativeName: 'Ikinyarwanda', key: 'rw' },
+        { name: 'Kirghiz, Kyrgyz', nativeName: 'кыргыз тили', key: 'ky' },
+        { name: 'Komi', nativeName: 'коми кыв', key: 'kv' },
+        { name: 'Kongo', nativeName: 'KiKongo', key: 'kg' },
+        { name: 'Korean', nativeName: '한국어 (韓國語), 조선말 (朝鮮語)', key: 'ko' },
+        { name: 'Kurdish', nativeName: 'Kurdî, كوردی‎', key: 'ku' },
+        { name: 'Kwanyama, Kuanyama', nativeName: 'Kuanyama', key: 'kj' },
+        { name: 'Latin', nativeName: 'latine, lingua latina', key: 'la' },
+        { name: 'Luxembourgish, Letzeburgesch', nativeName: 'Lëtzebuergesch', key: 'lb' },
+        { name: 'Luganda', nativeName: 'Luganda', key: 'lg' },
+        { name: 'Limburgish, Limburgan, Limburger', nativeName: 'Limburgs', key: 'li' },
+        { name: 'Lingala', nativeName: 'Lingála', key: 'ln' },
+        { name: 'Lao', nativeName: 'ພາສາລາວ', key: 'lo' },
+        { name: 'Lithuanian', nativeName: 'lietuvių kalba', key: 'lt' },
+        { name: 'Luba-Katanga', nativeName: 'Luba-Katanga', key: 'lu' },
+        { name: 'Latvian', nativeName: 'latviešu valoda', key: 'lv' },
+        { name: 'Manx', nativeName: 'Gaelg, Gailck', key: 'gv' },
+        { name: 'Macedonian', nativeName: 'македонски јазик', key: 'mk' },
+        { name: 'Malagasy', nativeName: 'Malagasy fiteny', key: 'mg' },
+        { name: 'Malay', nativeName: 'bahasa Melayu, بهاس ملايو‎', key: 'ms' },
+        { name: 'Malayalam', nativeName: 'മലയാളം', key: 'ml' },
+        { name: 'Maltese', nativeName: 'Malti', key: 'mt' },
+        { name: 'Māori', nativeName: 'te reo Māori', key: 'mi' },
+        { name: 'Marathi (Marāṭhī)', nativeName: 'मराठी', key: 'mr' },
+        { name: 'Marshallese', nativeName: 'Kajin M̧ajeļ', key: 'mh' },
+        { name: 'Mongolian', nativeName: 'монгол', key: 'mn' },
+        { name: 'Nauru', nativeName: 'Ekakairũ Naoero', key: 'na' },
+        { name: 'Navajo, Navaho', nativeName: 'Diné bizaad, Dinékʼehǰí', key: 'nv' },
+        { name: 'Norwegian Bokmål', nativeName: 'Norsk bokmål', key: 'nb' },
+        { name: 'North Ndebele', nativeName: 'isiNdebele', key: 'nd' },
+        { name: 'Nepali', nativeName: 'नेपाली', key: 'ne' },
+        { name: 'Ndonga', nativeName: 'Owambo', key: 'ng' },
+        { name: 'Norwegian Nynorsk', nativeName: 'Norsk nynorsk', key: 'nn' },
+        { name: 'Norwegian', nativeName: 'Norsk', key: 'no' },
+        { name: 'Nuosu', nativeName: 'ꆈꌠ꒿ Nuosuhxop', key: 'ii' },
+        { name: 'South Ndebele', nativeName: 'isiNdebele', key: 'nr' },
+        { name: 'Occitan', nativeName: 'Occitan', key: 'oc' },
+        { name: 'Ojibwe, Ojibwa', nativeName: 'ᐊᓂᔑᓈᐯᒧᐎᓐ', key: 'oj' },
+        { name: 'Old Church Slavonic, Church Slavic, Church Slavonic, Old Bulgarian, Old Slavonic', nativeName: 'ѩзыкъ словѣньскъ', key: 'cu' },
+        { name: 'Oromo', nativeName: 'Afaan Oromoo', key: 'om' },
+        { name: 'Oriya', nativeName: 'ଓଡ଼ିଆ', key: 'or' },
+        { name: 'Ossetian, Ossetic', nativeName: 'ирон æвзаг', key: 'os' },
+        { name: 'Panjabi, Punjabi', nativeName: 'ਪੰਜਾਬੀ, پنجابی‎', key: 'pa' },
+        { name: 'Pāli', nativeName: 'पाऴि', key: 'pi' },
+        { name: 'Persian', nativeName: 'فارسی', key: 'fa' },
+        { name: 'Polish', nativeName: 'polski', key: 'pl' },
+        { name: 'Pashto, Pushto', nativeName: 'پښتو', key: 'ps' },
+        { name: 'Portuguese', nativeName: 'Português', key: 'pt' },
+        { name: 'Quechua', nativeName: 'Runa Simi, Kichwa', key: 'qu' },
+        { name: 'Romansh', nativeName: 'rumantsch grischun', key: 'rm' },
+        { name: 'Kirundi', nativeName: 'kiRundi', key: 'rn' },
+        { name: 'Romanian, Moldavian, Moldovan', nativeName: 'română', key: 'ro' },
+        { name: 'Russian', nativeName: 'русский язык', key: 'ru' },
+        { name: 'Sanskrit (Saṁskṛta)', nativeName: 'संस्कृतम्', key: 'sa' },
+        { name: 'Sardinian', nativeName: 'sardu', key: 'sc' },
+        { name: 'Sindhi', nativeName: 'सिन्धी, سنڌي، سندھی‎', key: 'sd' },
+        { name: 'Northern Sami', nativeName: 'Davvisámegiella', key: 'se' },
+        { name: 'Samoan', nativeName: 'gagana faa Samoa', key: 'sm' },
+        { name: 'Sango', nativeName: 'yângâ tî sängö', key: 'sg' },
+        { name: 'Serbian', nativeName: 'српски језик', key: 'sr' },
+        { name: 'Scottish Gaelic; Gaelic', nativeName: 'Gàidhlig', key: 'gd' },
+        { name: 'Shona', nativeName: 'chiShona', key: 'sn' },
+        { name: 'Sinhala, Sinhalese', nativeName: 'සිංහල', key: 'si' },
+        { name: 'Slovak', nativeName: 'slovenčina', key: 'sk' },
+        { name: 'Slovene', nativeName: 'slovenščina', key: 'sl' },
+        { name: 'Somali', nativeName: 'Soomaaliga, af Soomaali', key: 'so' },
+        { name: 'Southern Sotho', nativeName: 'Sesotho', key: 'st' },
+        { name: 'Spanish; Castilian', nativeName: 'español, castellano', key: 'es' },
+        { name: 'Sundanese', nativeName: 'Basa Sunda', key: 'su' },
+        { name: 'Swahili', nativeName: 'Kiswahili', key: 'sw' },
+        { name: 'Swati', nativeName: 'SiSwati', key: 'ss' },
+        { name: 'Swedish', nativeName: 'svenska', key: 'sv' },
+        { name: 'Tamil', nativeName: 'தமிழ்', key: 'ta' },
+        { name: 'Telugu', nativeName: 'తెలుగు', key: 'te' },
+        { name: 'Tajik', nativeName: 'тоҷикӣ, toğikī, تاجیکی‎', key: 'tg' },
+        { name: 'Thai', nativeName: 'ไทย', key: 'th' },
+        { name: 'Tigrinya', nativeName: 'ትግርኛ', key: 'ti' },
+        { name: 'Tibetan Standard, Tibetan, Central', nativeName: 'བོད་ཡིག', key: 'bo' },
+        { name: 'Turkmen', nativeName: 'Türkmen, Түркмен', key: 'tk' },
+        { name: 'Tagalog', nativeName: 'Wikang Tagalog, ᜏᜒᜃᜅ᜔ ᜆᜄᜎᜓᜄ᜔', key: 'tl' },
+        { name: 'Tswana', nativeName: 'Setswana', key: 'tn' },
+        { name: 'Tonga (Tonga Islands)', nativeName: 'faka Tonga', key: 'to' },
+        { name: 'Turkish', nativeName: 'Türkçe', key: 'tr' },
+        { name: 'Tsonga', nativeName: 'Xitsonga', key: 'ts' },
+        { name: 'Tatar', nativeName: 'татарча, tatarça, تاتارچا‎', key: 'tt' },
+        { name: 'Twi', nativeName: 'Twi', key: 'tw' },
+        { name: 'Tahitian', nativeName: 'Reo Tahiti', key: 'ty' },
+        { name: 'Uighur, Uyghur', nativeName: 'Uyƣurqə, ئۇيغۇرچە‎', key: 'ug' },
+        { name: 'Ukrainian', nativeName: 'українська', key: 'uk' },
+        { name: 'Urdu', nativeName: 'اردو', key: 'ur' },
+        { name: 'Uzbek', nativeName: 'zbek, Ўзбек, أۇزبېك‎', key: 'uz' },
+        { name: 'Venda', nativeName: 'Tshivenḓa', key: 've' },
+        { name: 'Vietnamese', nativeName: 'Tiếng Việt', key: 'vi' },
+        { name: 'Volapük', nativeName: 'Volapük', key: 'vo' },
+        { name: 'Walloon', nativeName: 'Walon', key: 'wa' },
+        { name: 'Welsh', nativeName: 'Cymraeg', key: 'cy' },
+        { name: 'Wolof', nativeName: 'Wollof', key: 'wo' },
+        { name: 'Western Frisian', nativeName: 'Frysk', key: 'fy' },
+        { name: 'Xhosa', nativeName: 'isiXhosa', key: 'xh' },
+        { name: 'Yiddish', nativeName: 'ייִדיש', key: 'yi' },
+        { name: 'Yoruba', nativeName: 'Yorùbá', key: 'yo' },
+        { name: 'Zhuang, Chuang', nativeName: 'Saɯ cueŋƅ, Saw cuengh', key: 'za' },
+    ];
+    const languageSupportData = [];
+    languageSupport().forEach((key) => {
+        const found = data.find((item) => item.key === key);
+        if (found) {
+            languageSupportData.push(found);
+        }
+    });
+    return convertObjectOfArray(objectPattern, languageSupportData);
+};
+const convertObjectOfArray = (objectPattern, data) => {
+    if (!objectPattern || !Object.keys(objectPattern).length) {
+        return data;
+    }
+    return data.map((item) => {
+        return convertObject(objectPattern, item);
+    });
+};
+const convertObject = (objectPattern, data) => {
+    // dữ liệu đầu vào là object
+    if (!objectPattern || !Object.keys(objectPattern).length) {
+        return data;
+    }
+    const keys = Object.keys(objectPattern);
+    const objectConvert = {};
+    keys.forEach((key) => {
+        const valKey = get(objectPattern, key);
+        if (!valKey || !(typeof valKey === 'string')) {
+            return;
+        }
+        const keysObject = valKey.split('.');
+        const value = getDataObject(keysObject, data);
+        set(objectConvert, key, value);
+    });
+    return objectConvert;
+};
+const getDataObject = (keysObject, object) => {
+    let value = object;
+    const length = keysObject.length;
+    for (let i = 0; i < length; i++) {
+        const key = keysObject[i];
+        if (!key) {
+            return undefined;
+        }
+        const valueKey = get(value, key);
+        if (!valueKey) {
+            return undefined;
+        }
+        value = valueKey;
+    }
+    return value;
+};
+const httpRequestDetail = (options) => {
+    return {
+        objectInstance: returnDetailObject(new HttpParams({ fromObject: { fieldKey: 'key' } }), options),
+        functionName: 'detailByData',
+        argumentsValue: [''],
+        guideAutoUpdateArgumentsValue: {
+            paging: {},
+            detailById: {
+                fieldUpdate: '[0]',
+                fieldGetValue: '',
+            },
+        },
+    };
+};
+const listConfigItem = (options) => {
+    return {
+        type: 'text',
+        httpRequestData: signal({
+            objectInstance: returnListObject(options),
+            functionName: 'list',
+            argumentsValue: [''],
+        }),
+        configTemplateText: signal({
+            fieldKey: 'key',
+            getValue: (item) => `${item.label}`,
+        }),
+    };
+};
+const validRequired = () => {
+    return {
+        message: '',
+        isRequired: false,
+    };
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class LibsUiComponentsInputsMultiLanguageComponent {
+    // #region PROPERTY
+    languageDisplay = signal([]);
+    dataLanguageChange = signal({});
+    langDefault = signal(languageSupport());
+    currencyUnits = signal([]);
+    options = signal(langOptions());
+    validRequiredDefault = signal(validRequired());
+    listConfigItem = computed(() => listConfigItem(this.options()));
+    httpRequestDetail = computed(() => httpRequestDetail(this.options()));
+    inputFunctionControl = signal(new Map());
+    quillFunctionControl = signal([]);
+    onDestroy = new Subject();
+    // #region INPUT
+    zIndex = input();
+    viewType = input('text', { transform: (value) => value ?? 'text' });
+    singleLanguage = input();
+    data = model([]);
+    validRequired = input(validRequired(), { transform: (value) => value ?? validRequired() });
+    ignoreAdd = model();
+    titleField = input();
+    keyHeader = input();
+    textArea = input();
+    placeholder = input();
+    extendClass = model();
+    extendClassContent = input();
+    viewPosition = input('row');
+    ignoreRemove = input();
+    validMaxLength = input({ length: 0 }, { transform: (value) => value ?? { length: 0 } });
+    validMinLength = input();
+    countCharacters = input();
+    viewContent = input();
+    classIncludeKey = input('libs-ui-font-h4r');
+    classIncludeValue = input('libs-ui-font-h4s');
+    dataLanguage = model({});
+    multiLine = input();
+    readonly = input();
+    acceptNegativeValue = input();
+    valueUpDownNumber = input();
+    maxValueNumber = input();
+    onlyAcceptNegativeValue = input();
+    // #region OUTPUT
+    outEventMultiLanguage = output();
+    outChangeTypeLanguage = output();
+    outFunctionsControl = output();
+    outChangeValueInput = output();
+    constructor() {
+        effect(() => {
+            const viewType = this.viewType();
+            untracked(() => {
+                if (viewType === 'integer') {
+                    this.langDefault.set(currenciesSupport());
+                    this.options.set(currenciesOptions());
+                    this.options().forEach((item) => {
+                        this.currencyUnits().push({
+                            label: item.label,
+                            id: item.key,
+                            type: item.label,
+                        });
+                    });
+                    this.currencyUnits.update((value) => [...value]);
+                }
+            });
+        });
+        effect(() => {
+            untracked(() => {
+                const dataLanguage = this.dataLanguage();
+                this.dataLanguageChange.set(cloneDeep(dataLanguage));
+                this.generateData();
+                const optionsSelected = new Set();
+                Object.keys(this.dataLanguageChange()).forEach((key) => {
+                    if (this.options().find((item) => item.key === key)) {
+                        optionsSelected.add(key);
+                    }
+                });
+                if (this.langDefault().length) {
+                    this.langDefault().forEach((key) => {
+                        if (!isNil(get(this.dataLanguageChange, key))) {
+                            optionsSelected.add(key);
+                        }
+                    });
+                }
+                this.languageDisplay.set(Array.from(optionsSelected));
+            });
+        });
+        effect(() => {
+            const singleLanguage = this.singleLanguage();
+            untracked(() => {
+                this.outChangeTypeLanguage.emit(true);
+                if (!singleLanguage) {
+                    return;
+                }
+                const key = this.langDefault()[0];
+                this.dataLanguage.update((value) => ({ ...value, [key]: get(this.dataLanguageChange, key) }));
+            });
+        });
+        effect(() => {
+            const validRequired = this.validRequired();
+            untracked(() => {
+                if (!validRequired) {
+                    return;
+                }
+                this.validRequiredDefault.update((value) => ({ ...value, isRequired: validRequired.isRequired }));
+                if (!validRequired.isRequired) {
+                    this.validate();
+                }
+            });
+        });
+    }
+    ngOnInit() {
+        this.outFunctionsControl.emit(this.FunctionsControl);
+        this.extendClass.update((value) => `${value || ''} ${this.viewPosition() === 'row' ? 'flex-row' : 'flex-col'}`);
+    }
+    get FunctionsControl() {
+        return {
+            checkIsValid: this.validate.bind(this),
+            getData: this.getData.bind(this),
+        };
+    }
+    async handlerInputFunctionControl(event, key) {
+        this.inputFunctionControl().set(key, event);
+    }
+    async handlerQuillFunctionControl(event) {
+        this.quillFunctionControl.update((items) => [...items, event]);
+    }
+    async handlerSelectChange(event, keyOld) {
+        if (!event || event.key === keyOld) {
+            return;
+        }
+        this.languageDisplay.update((value) => value.map((item) => (item === keyOld ? event.key : item)));
+        delete this.dataLanguageChange()[keyOld];
+        delete this.dataLanguage()[keyOld];
+        this.setDefaultData(event.key);
+    }
+    async handlerAddLanguage(event) {
+        event.stopPropagation();
+        const lang = this.options().find((item) => !this.languageDisplay().includes(item.key));
+        if (!lang) {
+            return;
+        }
+        this.languageDisplay.update((value) => [...value, lang.key]);
+        this.setDefaultData(lang.key);
+        if (this.options().length === this.languageDisplay().length) {
+            this.ignoreAdd.set(true);
+        }
+        this.outEventMultiLanguage.emit({ action: 'add', data: this.dataLanguageChange() });
+    }
+    async handlerRemoveLanguage(event, key) {
+        event.stopPropagation();
+        this.ignoreAdd.set(true);
+        this.dataLanguageChange.update((value) => {
+            delete value[key];
+            return { ...value };
+        });
+        this.validateIsMultiKey();
+        this.languageDisplay.update((value) => value.filter((item) => item !== key));
+        this.outEventMultiLanguage.emit({ action: 'remove', data: this.dataLanguageChange() });
+        this.inputFunctionControl().delete(key);
+    }
+    async getData() {
+        if (this.singleLanguage()) {
+            const key = this.langDefault()[0];
+            this.dataLanguage.update((value) => ({ ...value, [key]: get(this.dataLanguageChange, key) }));
+            return this.dataLanguage();
+        }
+        if (this.data().length > 1) {
+            for (const item of this.data()) {
+                const lang = this.langDefault()[0];
+                const key = item.keyBindData;
+                const dataByKey = key ? get(this.dataLanguageChange, key) : undefined;
+                if (key && dataByKey && lang && !get(dataByKey, lang) && !get(this.dataLanguageChange, lang)) {
+                    return {};
+                }
+            }
+        }
+        return this.dataLanguageChange();
+    }
+    async generateData() {
+        const lang = this.langDefault()[0];
+        if (this.data().length) {
+            this.data().forEach((item, index) => {
+                const key = item.keyBindData;
+                if (!index && isNil(get(this.dataLanguageChange, lang))) {
+                    this.setDefaultData(lang);
+                    return;
+                }
+                if (!key || !isNil(get(this.dataLanguageChange, key))) {
+                    return;
+                }
+                this.dataLanguageChange.update((value) => ({ ...value, [key]: { [lang]: '' } }));
+            });
+        }
+        if (!this.data().length) {
+            if (!this.dataLanguage() || !Object.keys(this.dataLanguage()).length) {
+                this.setDefaultData(lang);
+            }
+            this.data.set([
+                {
+                    type: this.viewType(),
+                    placeholder: this.placeholder(),
+                    isOneValue: false,
+                    keyBindData: '',
+                },
+            ]);
+        }
+    }
+    async setDefaultData(key) {
+        this.dataLanguageChange.update((value) => ({ ...value, [key]: '' }));
+        this.dataLanguage.update((value) => ({ ...value, [key]: '' }));
+    }
+    async validate() {
+        let valid = true;
+        for (const control of this.inputFunctionControl().values()) {
+            if (!(await control.checkIsValid())) {
+                valid = false;
+            }
+        }
+        for (const control of this.quillFunctionControl()) {
+            if (!(await control.checkIsValid())) {
+                valid = false;
+            }
+        }
+        if (this.singleLanguage()) {
+            return valid;
+        }
+        if (this.data().length === 1) {
+            await this.validateDefault();
+        }
+        this.validateIsMultiKey();
+        return valid;
+    }
+    async validateDefault() {
+        let valid = true;
+        if (this.validRequired().isRequired) {
+            this.validRequiredDefault.update((value) => ({ ...value, isRequired: true }));
+            if (!(await this.checkValidInput())) {
+                valid = false;
+            }
+            return valid;
+        }
+        if (Object.keys(this.dataLanguageChange()).length === 1) {
+            this.validRequiredDefault.update((value) => ({ ...value, isRequired: false }));
+            if (!(await this.checkValidInput())) {
+                valid = false;
+            }
+            return valid;
+        }
+        for (const key of Object.keys(this.dataLanguageChange())) {
+            if (key !== 'id' && key !== this.keyHeader() && get(this.dataLanguageChange, key) && key !== this.langDefault()[0]) {
+                this.validRequiredDefault.update((value) => ({ ...value, isRequired: true }));
+                if (!(await this.checkValidInput())) {
+                    valid = false;
+                }
+                return;
+            }
+            this.validRequiredDefault.update((value) => ({ ...value, isRequired: false }));
+            if (!(await this.checkValidInput())) {
+                valid = false;
+            }
+        }
+        return valid;
+    }
+    async checkValidInput() {
+        let valid = true;
+        for (const control of this.inputFunctionControl().values()) {
+            if (!(await control.checkIsValid())) {
+                valid = false;
+            }
+        }
+        return valid;
+    }
+    async validateIsMultiKey() {
+        if (this.data().length > 1) {
+            if (this.data()[0].validRequired?.isRequired) {
+                return;
+            }
+            this.data().forEach((item) => {
+                if (!item.keyBindData) {
+                    return;
+                }
+                Object.keys(get(this.dataLanguageChange, item.keyBindData)).forEach(async (keyBind) => {
+                    for (const key of Object.keys(this.dataLanguageChange())) {
+                        if (key === item.keyBindData || key === keyBind) {
+                            continue;
+                        }
+                        if (get(this.dataLanguageChange, key) && this.options().find((item) => item.key === key)) {
+                            this.data().forEach(async (config) => {
+                                if (config && config.validRequiredLangDefault) {
+                                    config.validRequiredLangDefault.isRequired = true;
+                                    await this.checkValidInput();
+                                }
+                            });
+                            return;
+                        }
+                        this.data().forEach(async (config) => {
+                            if (config && config.validRequiredLangDefault) {
+                                config.validRequiredLangDefault.isRequired = false;
+                                await this.checkValidInput();
+                            }
+                        });
+                    }
+                    const dataLanguageChangeByKeyBind = get(this.dataLanguageChange, keyBind);
+                    const dataLanguageChangeByKeyBindData = item.keyBindData ? get(this.dataLanguageChange, item.keyBindData) : undefined;
+                    if ((!dataLanguageChangeByKeyBind && !get(dataLanguageChangeByKeyBindData, keyBind)) || (dataLanguageChangeByKeyBind && get(dataLanguageChangeByKeyBindData, keyBind))) {
+                        return;
+                    }
+                    if (!dataLanguageChangeByKeyBind) {
+                        const dataFirst = this.data()[0];
+                        if (dataFirst && dataFirst.validRequiredLangDefault) {
+                            dataFirst.validRequiredLangDefault.isRequired = true;
+                            await this.checkValidInput();
+                        }
+                        return;
+                    }
+                    if (!get(dataLanguageChangeByKeyBindData, keyBind)) {
+                        const dataSecond = this.data()[1];
+                        if (dataSecond && dataSecond.validRequiredLangDefault) {
+                            dataSecond.validRequiredLangDefault.isRequired = true;
+                            await this.checkValidInput();
+                        }
+                        return;
+                    }
+                });
+            });
+        }
+    }
+    async handlerInputChange() {
+        this.outChangeValueInput.emit();
+        timer(500)
+            .pipe(takeUntil(this.onDestroy))
+            .subscribe(() => this.validate());
+    }
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsInputsMultiLanguageComponent, isStandalone: true, selector: "libs_ui-components-inputs-multi_language", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, singleLanguage: { classPropertyName: "singleLanguage", publicName: "singleLanguage", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, ignoreAdd: { classPropertyName: "ignoreAdd", publicName: "ignoreAdd", isSignal: true, isRequired: false, transformFunction: null }, titleField: { classPropertyName: "titleField", publicName: "titleField", isSignal: true, isRequired: false, transformFunction: null }, keyHeader: { classPropertyName: "keyHeader", publicName: "keyHeader", isSignal: true, isRequired: false, transformFunction: null }, textArea: { classPropertyName: "textArea", publicName: "textArea", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, extendClass: { classPropertyName: "extendClass", publicName: "extendClass", isSignal: true, isRequired: false, transformFunction: null }, extendClassContent: { classPropertyName: "extendClassContent", publicName: "extendClassContent", isSignal: true, isRequired: false, transformFunction: null }, viewPosition: { classPropertyName: "viewPosition", publicName: "viewPosition", isSignal: true, isRequired: false, transformFunction: null }, ignoreRemove: { classPropertyName: "ignoreRemove", publicName: "ignoreRemove", isSignal: true, isRequired: false, transformFunction: null }, validMaxLength: { classPropertyName: "validMaxLength", publicName: "validMaxLength", isSignal: true, isRequired: false, transformFunction: null }, validMinLength: { classPropertyName: "validMinLength", publicName: "validMinLength", isSignal: true, isRequired: false, transformFunction: null }, countCharacters: { classPropertyName: "countCharacters", publicName: "countCharacters", isSignal: true, isRequired: false, transformFunction: null }, viewContent: { classPropertyName: "viewContent", publicName: "viewContent", isSignal: true, isRequired: false, transformFunction: null }, classIncludeKey: { classPropertyName: "classIncludeKey", publicName: "classIncludeKey", isSignal: true, isRequired: false, transformFunction: null }, classIncludeValue: { classPropertyName: "classIncludeValue", publicName: "classIncludeValue", isSignal: true, isRequired: false, transformFunction: null }, dataLanguage: { classPropertyName: "dataLanguage", publicName: "dataLanguage", isSignal: true, isRequired: false, transformFunction: null }, multiLine: { classPropertyName: "multiLine", publicName: "multiLine", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, acceptNegativeValue: { classPropertyName: "acceptNegativeValue", publicName: "acceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, valueUpDownNumber: { classPropertyName: "valueUpDownNumber", publicName: "valueUpDownNumber", isSignal: true, isRequired: false, transformFunction: null }, maxValueNumber: { classPropertyName: "maxValueNumber", publicName: "maxValueNumber", isSignal: true, isRequired: false, transformFunction: null }, onlyAcceptNegativeValue: { classPropertyName: "onlyAcceptNegativeValue", publicName: "onlyAcceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange", ignoreAdd: "ignoreAddChange", extendClass: "extendClassChange", dataLanguage: "dataLanguageChange", outEventMultiLanguage: "outEventMultiLanguage", outChangeTypeLanguage: "outChangeTypeLanguage", outFunctionsControl: "outFunctionsControl", outChangeValueInput: "outChangeValueInput" }, ngImport: i0, template: "<div class=\"w-full\">\n  @if (titleField(); as titleField) {\n    <div class=\"libs-ui-font-h6m mb-[4px]\">{{ titleField | translate }}</div>\n  }\n  @for (key of languageDisplay(); track key) {\n    @if (!viewContent()) {\n      <div\n        [class.mt-[4px]]=\"!$first\"\n        [class.hidden]=\"singleLanguage() && !$first\"\n        [class.mt-[8px]]=\"countCharacters() && !$first\">\n        <div class=\"flex {{ extendClass() }}\">\n          @if (!singleLanguage()) {\n            <div>\n              <libs_ui-components-dropdown\n                [listConfig]=\"listConfigItem()\"\n                [httpRequestDetailItemById]=\"httpRequestDetail()\"\n                [listKeysDisable]=\"languageDisplay() | LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe: key\"\n                [readonly]=\"$index === 0 || readonly()\"\n                [listKeySelected]=\"key\"\n                [zIndex]=\"zIndex()\"\n                [classInclude]=\"'w-[150px]'\"\n                [listHasButtonUnSelectOption]=\"false\"\n                (outSelectKey)=\"handlerSelectChange($event, key)\" />\n            </div>\n          }\n          <div\n            class=\"flex relative p-0 {{ extendClassContent() }}\"\n            [class.w-[calc(100%-150px)]]=\"!textArea() && !singleLanguage() && viewPosition() === 'row'\"\n            [class.w-full]=\"textArea() || singleLanguage() || viewPosition() === 'column'\">\n            @for (item of data(); track item) {\n              @if ((item.type !== 'editor' && !item.isOneValue) || (item.isOneValue && $first)) {\n                <div\n                  class=\"relative {{ item.classIncludeInput }}\"\n                  [class.w-full]=\"(singleLanguage() && !multiLine()) || readonly() || $first\"\n                  [class.w-[calc(100%-28px)]]=\"textArea() || (!singleLanguage() && multiLine())\"\n                  [class.w-[calc(100%-40px)]]=\"!textArea() && !singleLanguage() && !multiLine() && !readonly()\"\n                  [class.w-[calc(100%-70px)]]=\"!textArea() && !singleLanguage() && multiLine()\"\n                  [class.mt-[8px]]=\"viewPosition() === 'column'\"\n                  [class.ml-[12px]]=\"!singleLanguage() && !textArea() && viewPosition() === 'row'\">\n                  @if (item.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe: dataLanguageChange; as itemMap) {\n                    @let constHtmlPlaceholder = item.placeholder || ' ';\n                    <libs_ui-components-inputs-valid\n                      [dataType]=\"item.type === 'number' ? 'int' : item.type === 'text' ? 'string' : item.type === 'bigint' ? 'bigint' : 'float'\"\n                      [(item)]=\"itemMap\"\n                      [fieldNameBind]=\"key\"\n                      [labelConfig]=\"countCharacters() ? { classInclude: 'absolute -top-[20px]', required: true } : undefined\"\n                      [tagInput]=\"textArea() ? 'textarea' : 'input'\"\n                      [placeholder]=\"constHtmlPlaceholder | translate\"\n                      [emitEmptyInDataTypeNumber]=\"true\"\n                      [validRequired]=\"\n                        $index === 0 && data().length <= 1\n                          ? validRequiredDefault()\n                          : $index === 0 && data().length > 1 && item.validRequiredLangDefault\n                            ? item.validRequiredLangDefault\n                            : item.validRequired\n                              ? item.validRequired\n                              : validRequired() || { isRequired: false }\n                      \"\n                      [unitsRight]=\"currencyUnits()\"\n                      [keySelectedUnitRight]=\"key\"\n                      [readonly]=\"readonly()\"\n                      [showCount]=\"countCharacters()\"\n                      [maxLength]=\"validMaxLength.length ? validMaxLength.length : undefined\"\n                      [fixedFloat]=\"item.type === 'bigint' ? 4 : 14\"\n                      [validMinLength]=\"{ length: validMinLength()?.length || -1, message: 'i18n_minimum_length_number', interpolateParams: { number: validMinLength()?.length } }\"\n                      [acceptNegativeValue]=\"acceptNegativeValue()\"\n                      [valueUpDownNumber]=\"valueUpDownNumber()\"\n                      [maxValueNumber]=\"maxValueNumber()\"\n                      [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n                      (outValueChange)=\"handlerInputChange()\"\n                      (outFunctionsControl)=\"handlerInputFunctionControl($event, key)\" />\n                  }\n                </div>\n              }\n              @if (item.type === 'editor') {\n                <div class=\"w-[calc(100%-28px)]\">\n                  <div class=\"h-[250px]\">\n                    @if (item.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe: dataLanguageChange; as itemMap) {\n                      @let constHtmlPlaceholder = item.placeholder || ' ';\n                      <libs_ui-components-inputs-quill\n                        [(item)]=\"itemMap\"\n                        [fieldNameBind]=\"key\"\n                        [validRequired]=\"$index === 0 && data().length <= 1 ? validRequiredDefault() : validRequired()\"\n                        [placeholder]=\"constHtmlPlaceholder | translate\"\n                        [readonly]=\"readonly()\"\n                        (outFocus)=\"handlerInputChange()\"\n                        (outChange)=\"handlerInputChange()\"\n                        (outFunctionsControl)=\"handlerQuillFunctionControl($event)\" />\n                    }\n                  </div>\n                </div>\n              }\n            }\n            @if ($index > 0 && data().length === 1 && !ignoreRemove() && !readonly()) {\n              <div class=\"h-[32px] flex items-center ml-[16px]\">\n                <libs_ui-components-buttons-button\n                  [type]=\"'button-link-custom'\"\n                  [buttonCustom]=\"{\n                    configStepColor: {\n                      text: '#071631',\n                      text_hover: '#ee2d41',\n                      text_active: '#ee2d41',\n                      text_disable: '071631',\n                    },\n                    rootColor: '#071631',\n                  }\"\n                  [iconOnlyType]=\"true\"\n                  [popover]=\"{ config: { content: 'i18n_delete', zIndex: 1205 } }\"\n                  [classIconLeft]=\"'libs-ui-icon-remove'\"\n                  [classInclude]=\"'!p-0'\"\n                  (outClick)=\"handlerRemoveLanguage($event, key)\" />\n              </div>\n            }\n          </div>\n        </div>\n        @if ($index === 0 && !singleLanguage() && options().length !== languageDisplay().length && viewType() !== 'integer' && !readonly()) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            [label]=\"'i18n_add_language'\"\n            [classIconLeft]=\"'libs-ui-icon-add'\"\n            [classInclude]=\"'!px-0 mt-[8px]'\"\n            (outClick)=\"handlerAddLanguage($event)\" />\n        }\n      </div>\n    }\n    @if (viewContent()) {\n      <div class=\"flex\">\n        @if (singleLanguage()) {\n          <div\n            class=\"flex\"\n            [class.hidden]=\"singleLanguage() && !$first\"\n            [class.mt-[4px]]=\"!singleLanguage() && !$first\">\n            <libs_ui-components-popover\n              [type]=\"'text'\"\n              [classInclude]=\"classIncludeKey()\"\n              [innerHTML]=\"key | LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe: options()\" />\n          </div>\n        }\n        <div\n          class=\"w-[calc(100%-100px)]\"\n          [class.hidden]=\"singleLanguage() && !$first\"\n          [class.flex]=\"!singleLanguage || $first\"\n          [class.mt-[4px]]=\"!singleLanguage() && !$first\">\n          <libs_ui-components-popover\n            [type]=\"'text'\"\n            [classInclude]=\"classIncludeValue()\"\n            [innerHTML]=\"(dataLanguageChange()[key] || dataLanguageChange()[key] === 0 ? dataLanguageChange()[key] + '' : '') | LibsUiPipesEscapeHtmlPipe\"\n            [config]=\"{ zIndex: zIndex() }\" />\n        </div>\n      </div>\n    }\n  }\n  @if (viewType() === 'integer' && !this.ignoreAdd() && !readonly()) {\n    <libs_ui-components-buttons-button\n      type=\"button-link-primary\"\n      [classIconLeft]=\"'libs-ui-icon-add mr-[8px] text-[10px]'\"\n      [classLabel]=\"'libs-ui-font-h5r'\"\n      [classInclude]=\"'!pb-0'\"\n      [label]=\"'i18n_add_currency'\"\n      (outClick)=\"handlerAddLanguage($event)\" />\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "typeInput", "modeInput", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut", "debounceTimeValidate"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "pipe", type: LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe, name: "LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe" }, { kind: "pipe", type: LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe, name: "LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe" }, { kind: "pipe", type: LibsUiComponentsInputsMultiLanguageGetItemPipe, name: "LibsUiComponentsInputsMultiLanguageGetItemPipe" }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }, { kind: "component", type: LibsUiComponentsInputsQuillComponent, selector: "libs_ui-components-inputs-quill", inputs: ["isShowToolBar", "isToolbarPositionFixed", "classIncludeToolbar", "stylesIncludeToolbar", "toolbarConfig", "placeholder", "label", "item", "autoUpdateValueWhenTextChange", "fieldNameBind", "readonly", "showErrorLabel", "showErrorBorder", "onlyShowErrorBorderInContent", "classIncludeTemplate", "classInclude", "handlersExpand", "validRequired", "validMinLength", "validMaxLength", "zIndex", "dataConfigMention", "blotsRegister", "autoFocus", "focusBottom", "blockUndoRedoKeyboard", "templateToolBarPersonalize", "template", "uploadImageConfig", "heightAuto", "elementScrollHeightAuto", "ignoreShowPopupEditLink", "ignoreCommunicateMicroEventPopup"], outputs: ["itemChange", "outShowPopupEditLink", "outMessageError", "outBlur", "outFocus", "outChange", "outFunctionsControl", "outSelectionChange", "outTextChange", "outContextMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-inputs-multi_language', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        TranslateModule,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsInputsValidComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe,
+                        LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe,
+                        LibsUiComponentsInputsMultiLanguageGetItemPipe,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsInputsQuillComponent,
+                    ], template: "<div class=\"w-full\">\n  @if (titleField(); as titleField) {\n    <div class=\"libs-ui-font-h6m mb-[4px]\">{{ titleField | translate }}</div>\n  }\n  @for (key of languageDisplay(); track key) {\n    @if (!viewContent()) {\n      <div\n        [class.mt-[4px]]=\"!$first\"\n        [class.hidden]=\"singleLanguage() && !$first\"\n        [class.mt-[8px]]=\"countCharacters() && !$first\">\n        <div class=\"flex {{ extendClass() }}\">\n          @if (!singleLanguage()) {\n            <div>\n              <libs_ui-components-dropdown\n                [listConfig]=\"listConfigItem()\"\n                [httpRequestDetailItemById]=\"httpRequestDetail()\"\n                [listKeysDisable]=\"languageDisplay() | LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe: key\"\n                [readonly]=\"$index === 0 || readonly()\"\n                [listKeySelected]=\"key\"\n                [zIndex]=\"zIndex()\"\n                [classInclude]=\"'w-[150px]'\"\n                [listHasButtonUnSelectOption]=\"false\"\n                (outSelectKey)=\"handlerSelectChange($event, key)\" />\n            </div>\n          }\n          <div\n            class=\"flex relative p-0 {{ extendClassContent() }}\"\n            [class.w-[calc(100%-150px)]]=\"!textArea() && !singleLanguage() && viewPosition() === 'row'\"\n            [class.w-full]=\"textArea() || singleLanguage() || viewPosition() === 'column'\">\n            @for (item of data(); track item) {\n              @if ((item.type !== 'editor' && !item.isOneValue) || (item.isOneValue && $first)) {\n                <div\n                  class=\"relative {{ item.classIncludeInput }}\"\n                  [class.w-full]=\"(singleLanguage() && !multiLine()) || readonly() || $first\"\n                  [class.w-[calc(100%-28px)]]=\"textArea() || (!singleLanguage() && multiLine())\"\n                  [class.w-[calc(100%-40px)]]=\"!textArea() && !singleLanguage() && !multiLine() && !readonly()\"\n                  [class.w-[calc(100%-70px)]]=\"!textArea() && !singleLanguage() && multiLine()\"\n                  [class.mt-[8px]]=\"viewPosition() === 'column'\"\n                  [class.ml-[12px]]=\"!singleLanguage() && !textArea() && viewPosition() === 'row'\">\n                  @if (item.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe: dataLanguageChange; as itemMap) {\n                    @let constHtmlPlaceholder = item.placeholder || ' ';\n                    <libs_ui-components-inputs-valid\n                      [dataType]=\"item.type === 'number' ? 'int' : item.type === 'text' ? 'string' : item.type === 'bigint' ? 'bigint' : 'float'\"\n                      [(item)]=\"itemMap\"\n                      [fieldNameBind]=\"key\"\n                      [labelConfig]=\"countCharacters() ? { classInclude: 'absolute -top-[20px]', required: true } : undefined\"\n                      [tagInput]=\"textArea() ? 'textarea' : 'input'\"\n                      [placeholder]=\"constHtmlPlaceholder | translate\"\n                      [emitEmptyInDataTypeNumber]=\"true\"\n                      [validRequired]=\"\n                        $index === 0 && data().length <= 1\n                          ? validRequiredDefault()\n                          : $index === 0 && data().length > 1 && item.validRequiredLangDefault\n                            ? item.validRequiredLangDefault\n                            : item.validRequired\n                              ? item.validRequired\n                              : validRequired() || { isRequired: false }\n                      \"\n                      [unitsRight]=\"currencyUnits()\"\n                      [keySelectedUnitRight]=\"key\"\n                      [readonly]=\"readonly()\"\n                      [showCount]=\"countCharacters()\"\n                      [maxLength]=\"validMaxLength.length ? validMaxLength.length : undefined\"\n                      [fixedFloat]=\"item.type === 'bigint' ? 4 : 14\"\n                      [validMinLength]=\"{ length: validMinLength()?.length || -1, message: 'i18n_minimum_length_number', interpolateParams: { number: validMinLength()?.length } }\"\n                      [acceptNegativeValue]=\"acceptNegativeValue()\"\n                      [valueUpDownNumber]=\"valueUpDownNumber()\"\n                      [maxValueNumber]=\"maxValueNumber()\"\n                      [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n                      (outValueChange)=\"handlerInputChange()\"\n                      (outFunctionsControl)=\"handlerInputFunctionControl($event, key)\" />\n                  }\n                </div>\n              }\n              @if (item.type === 'editor') {\n                <div class=\"w-[calc(100%-28px)]\">\n                  <div class=\"h-[250px]\">\n                    @if (item.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe: dataLanguageChange; as itemMap) {\n                      @let constHtmlPlaceholder = item.placeholder || ' ';\n                      <libs_ui-components-inputs-quill\n                        [(item)]=\"itemMap\"\n                        [fieldNameBind]=\"key\"\n                        [validRequired]=\"$index === 0 && data().length <= 1 ? validRequiredDefault() : validRequired()\"\n                        [placeholder]=\"constHtmlPlaceholder | translate\"\n                        [readonly]=\"readonly()\"\n                        (outFocus)=\"handlerInputChange()\"\n                        (outChange)=\"handlerInputChange()\"\n                        (outFunctionsControl)=\"handlerQuillFunctionControl($event)\" />\n                    }\n                  </div>\n                </div>\n              }\n            }\n            @if ($index > 0 && data().length === 1 && !ignoreRemove() && !readonly()) {\n              <div class=\"h-[32px] flex items-center ml-[16px]\">\n                <libs_ui-components-buttons-button\n                  [type]=\"'button-link-custom'\"\n                  [buttonCustom]=\"{\n                    configStepColor: {\n                      text: '#071631',\n                      text_hover: '#ee2d41',\n                      text_active: '#ee2d41',\n                      text_disable: '071631',\n                    },\n                    rootColor: '#071631',\n                  }\"\n                  [iconOnlyType]=\"true\"\n                  [popover]=\"{ config: { content: 'i18n_delete', zIndex: 1205 } }\"\n                  [classIconLeft]=\"'libs-ui-icon-remove'\"\n                  [classInclude]=\"'!p-0'\"\n                  (outClick)=\"handlerRemoveLanguage($event, key)\" />\n              </div>\n            }\n          </div>\n        </div>\n        @if ($index === 0 && !singleLanguage() && options().length !== languageDisplay().length && viewType() !== 'integer' && !readonly()) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            [label]=\"'i18n_add_language'\"\n            [classIconLeft]=\"'libs-ui-icon-add'\"\n            [classInclude]=\"'!px-0 mt-[8px]'\"\n            (outClick)=\"handlerAddLanguage($event)\" />\n        }\n      </div>\n    }\n    @if (viewContent()) {\n      <div class=\"flex\">\n        @if (singleLanguage()) {\n          <div\n            class=\"flex\"\n            [class.hidden]=\"singleLanguage() && !$first\"\n            [class.mt-[4px]]=\"!singleLanguage() && !$first\">\n            <libs_ui-components-popover\n              [type]=\"'text'\"\n              [classInclude]=\"classIncludeKey()\"\n              [innerHTML]=\"key | LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe: options()\" />\n          </div>\n        }\n        <div\n          class=\"w-[calc(100%-100px)]\"\n          [class.hidden]=\"singleLanguage() && !$first\"\n          [class.flex]=\"!singleLanguage || $first\"\n          [class.mt-[4px]]=\"!singleLanguage() && !$first\">\n          <libs_ui-components-popover\n            [type]=\"'text'\"\n            [classInclude]=\"classIncludeValue()\"\n            [innerHTML]=\"(dataLanguageChange()[key] || dataLanguageChange()[key] === 0 ? dataLanguageChange()[key] + '' : '') | LibsUiPipesEscapeHtmlPipe\"\n            [config]=\"{ zIndex: zIndex() }\" />\n        </div>\n      </div>\n    }\n  }\n  @if (viewType() === 'integer' && !this.ignoreAdd() && !readonly()) {\n    <libs_ui-components-buttons-button\n      type=\"button-link-primary\"\n      [classIconLeft]=\"'libs-ui-icon-add mr-[8px] text-[10px]'\"\n      [classLabel]=\"'libs-ui-font-h5r'\"\n      [classInclude]=\"'!pb-0'\"\n      [label]=\"'i18n_add_currency'\"\n      (outClick)=\"handlerAddLanguage($event)\" />\n  }\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class LibsUiComponentsInputsMultiLanguageItemsComponent {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    dataMultiKey = signal([]);
+    langDefault = signal(UtilsCache.getLang());
+    configHeader = signal(undefined);
+    validRequired = signal({ isRequired: false });
+    validRequiredWhenInputHasValue = signal(undefined);
+    dataHeader = signal(undefined);
+    multiLanguageFunctionControl = signal([]);
+    inputValidFunctionControl = signal([]);
+    configItems = input([]);
+    dataMultiLanguage = model([{}]);
+    zIndex = input();
+    ignoreAdd = input();
+    labelAddItem = input();
+    singleLanguage = input();
+    acceptNegativeValue = input();
+    valueUpDownNumber = input();
+    maxValueNumber = input();
+    onlyAcceptNegativeValue = input();
+    outClick = output();
+    outFunctionControl = output();
+    outChangeValue = output();
+    constructor() {
+        effect(() => {
+            const configItems = this.configItems();
+            untracked(() => {
+                if (configItems && configItems.length) {
+                    this.configHeader.set(configItems[0].header);
+                }
+            });
+        });
+        effect(() => {
+            const dataMultiLanguage = this.dataMultiLanguage();
+            untracked(() => {
+                if (!dataMultiLanguage || !dataMultiLanguage.length) {
+                    this.dataMultiLanguage.set([{}]);
+                    const configHeader = this.configHeader();
+                    if (configHeader && configHeader.dataDefault) {
+                        this.dataMultiLanguage.set([cloneDeep(configHeader.dataDefault)]);
+                    }
+                }
+                this.handlerConfigMulti();
+            });
+        });
+    }
+    ngOnInit() {
+        this.outFunctionControl.emit(this.FunctionsControl);
+        const configItems = this.configItems();
+        if (configItems && configItems.length && configItems[0].validRequired) {
+            this.validRequired.set(configItems[0].validRequired);
+        }
+    }
+    get FunctionsControl() {
+        return {
+            checkIsValid: this.validate.bind(this),
+            getData: this.getData.bind(this),
+        };
+    }
+    async handlerConfigMulti() {
+        this.dataMultiKey.set([]);
+        this.dataMultiLanguage().forEach(() => {
+            const configItems = this.configItems();
+            if (configItems) {
+                this.dataMultiKey().push(configItems);
+            }
+        });
+        this.dataMultiKey.update((items) => [...items]);
+    }
+    async handlerAdd() {
+        let dataLanguage = {};
+        const configHeader = this.configHeader();
+        if (configHeader) {
+            dataLanguage = cloneDeep(configHeader.dataDefault);
+        }
+        this.dataMultiLanguage.update((items) => [...items, dataLanguage]);
+        this.dataMultiKey.update((items) => [...items, this.configItems()]);
+        this.handlerChangeValue();
+    }
+    async handlerRemove(index) {
+        this.dataMultiLanguage.update((items) => {
+            items.splice(index, 1);
+            return [...items];
+        });
+        this.handlerChangeValue();
+    }
+    async handlerClick(e) {
+        e.stopPropagation();
+        this.outClick.emit();
+    }
+    async handlerFunctionsControlInputLanguage(event) {
+        this.multiLanguageFunctionControl.update((items) => [...items, event]);
+        console.log(this.multiLanguageFunctionControl());
+    }
+    async handlerFunctionsControlInputValid(event) {
+        this.inputValidFunctionControl.update((items) => [...items, event]);
+    }
+    async validate() {
+        let valid = true;
+        this.checkValidRequiredWhenInputHasValue();
+        for (const control of this.inputValidFunctionControl()) {
+            if (!(await control.checkIsValid())) {
+                valid = false;
+            }
+        }
+        for (const control of this.multiLanguageFunctionControl()) {
+            if (!(await control.checkIsValid())) {
+                valid = false;
+            }
+        }
+        return valid;
+    }
+    async getData() {
+        const dataMultiLanguage = [];
+        for (const element of this.multiLanguageFunctionControl()) {
+            dataMultiLanguage.push((await element.getData()) || {});
+        }
+        // this.dataMultiLanguage.update(items => [...items]);
+        return dataMultiLanguage;
+    }
+    async handlerChangeValue(value, type) {
+        if (type === 'input') {
+            this.dataHeader.set(value);
+        }
+        this.checkValidRequiredWhenInputHasValue();
+        this.outChangeValue.emit();
+    }
+    async checkValidRequiredWhenInputHasValue() {
+        this.validRequiredWhenInputHasValue.set(undefined);
+        if (!isNil(this.dataHeader())) {
+            this.validRequiredWhenInputHasValue.set({ isRequired: true });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsInputsMultiLanguageItemsComponent, isStandalone: true, selector: "libs_ui-components-inputs-multi_language-items", inputs: { configItems: { classPropertyName: "configItems", publicName: "configItems", isSignal: true, isRequired: false, transformFunction: null }, dataMultiLanguage: { classPropertyName: "dataMultiLanguage", publicName: "dataMultiLanguage", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, ignoreAdd: { classPropertyName: "ignoreAdd", publicName: "ignoreAdd", isSignal: true, isRequired: false, transformFunction: null }, labelAddItem: { classPropertyName: "labelAddItem", publicName: "labelAddItem", isSignal: true, isRequired: false, transformFunction: null }, singleLanguage: { classPropertyName: "singleLanguage", publicName: "singleLanguage", isSignal: true, isRequired: false, transformFunction: null }, acceptNegativeValue: { classPropertyName: "acceptNegativeValue", publicName: "acceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, valueUpDownNumber: { classPropertyName: "valueUpDownNumber", publicName: "valueUpDownNumber", isSignal: true, isRequired: false, transformFunction: null }, maxValueNumber: { classPropertyName: "maxValueNumber", publicName: "maxValueNumber", isSignal: true, isRequired: false, transformFunction: null }, onlyAcceptNegativeValue: { classPropertyName: "onlyAcceptNegativeValue", publicName: "onlyAcceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataMultiLanguage: "dataMultiLanguageChange", outClick: "outClick", outFunctionControl: "outFunctionControl", outChangeValue: "outChangeValue" }, ngImport: i0, template: "<div class=\"mt-[4px]\">\n  @for (item of dataMultiLanguage(); track item) {\n    <div\n      class=\"flex w-full\"\n      [class.mt-[12px]]=\"!$first\">\n      <div\n        class=\"libs-ui-border-general\"\n        [class.w-full]=\"dataMultiLanguage().length < 2\"\n        [class.w-[calc(100%-28px)]]=\"dataMultiLanguage().length > 1\">\n        @if (configHeader(); as configHeader) {\n          <div class=\"flex bg-[#e6eef5] px-[12px] py-[4px]\">\n            <div class=\"libs-ui-font-h6m h-[32px] flex items-center\">\n              @let constHtmlTitle = configHeader.title ?? ' ';\n              {{ constHtmlTitle | translate }}\n            </div>\n            <div\n              (click)=\"handlerClick($event)\"\n              class=\"pl-[8px]\">\n              @if (configHeader.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe: item; as itemMap) {\n                <libs_ui-components-inputs-valid\n                  [(item)]=\"itemMap\"\n                  [dataType]=\"configHeader.type && configHeader.type === 'number' ? 'int' : 'string'\"\n                  [fieldNameBind]=\"langDefault()\"\n                  [emitEmptyInDataTypeNumber]=\"true\"\n                  [validRequired]=\"{ isRequired: configItems()[0].validRequired?.isRequired ?? false }\"\n                  [placeholder]=\"'i18n_enter_value'\"\n                  [acceptNegativeValue]=\"acceptNegativeValue() ?? true\"\n                  [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n                  [maxValueNumber]=\"maxValueNumber()\"\n                  [fixedFloat]=\"15\"\n                  (outValueChange)=\"handlerChangeValue($event, 'input')\"\n                  (outFunctionsControl)=\"handlerFunctionsControlInputValid($event)\" />\n              }\n            </div>\n          </div>\n          <div class=\"px-[12px] pt-[8px] pb-[12px] flex w-full\">\n            <libs_ui-components-inputs-multi_language\n              class=\"w-full\"\n              [singleLanguage]=\"singleLanguage() || false\"\n              [multiLine]=\"false\"\n              [titleField]=\"configItems()[0].titleField || ''\"\n              [keyHeader]=\"configHeader.keyBindData ?? ''\"\n              [placeholder]=\"'i18n_import_content'\"\n              [classIncludeValue]=\"'libs-ui-font-h4r'\"\n              [data]=\"dataMultiKey()[$index]\"\n              [validRequired]=\"validRequiredWhenInputHasValue() || configItems()[0].validRequired\"\n              [dataLanguage]=\"item\"\n              [zIndex]=\"1203\"\n              [acceptNegativeValue]=\"acceptNegativeValue() ?? true\"\n              [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n              [maxValueNumber]=\"maxValueNumber()\"\n              [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n              [viewType]=\"configItems()[0].type ? (configItems()[0].type === 'number' ? 'number' : configItems()[0].type === 'float' ? 'float' : 'text') : 'text'\"\n              (outEventMultiLanguage)=\"handlerChangeValue()\"\n              (outChangeValueInput)=\"handlerChangeValue()\"\n              (outFunctionsControl)=\"handlerFunctionsControlInputLanguage($event)\" />\n          </div>\n        }\n      </div>\n      @if (!$first) {\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-custom'\"\n          [buttonCustom]=\"{\n            configStepColor: {\n              text: '#071631',\n              text_hover: '#ee2d41',\n              text_active: '#ee2d41',\n              text_disable: '071631',\n            },\n            rootColor: '#071631',\n          }\"\n          [iconOnlyType]=\"true\"\n          [popover]=\"{ config: { content: 'i18n_delete', zIndex: 1205 } }\"\n          [classIconLeft]=\"'libs-ui-icon-remove'\"\n          [classInclude]=\"'!p-0 ml-[8px] mt-[12px]'\"\n          (outClick)=\"handlerRemove($index)\" />\n      }\n    </div>\n  }\n  @if (!ignoreAdd()) {\n    <libs_ui-components-buttons-button\n      [type]=\"'button-link-primary'\"\n      [classIconLeft]=\"'libs-ui-icon-add mr-[8px]'\"\n      [classLabel]=\"'libs-ui-font-h5r'\"\n      [classInclude]=\"'!px-0 mt-[8px]'\"\n      [label]=\"labelAddItem() || ''\"\n      (outClick)=\"handlerAdd()\" />\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LibsUiComponentsInputsMultiLanguageGetItemPipe, name: "LibsUiComponentsInputsMultiLanguageGetItemPipe" }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "typeInput", "modeInput", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut", "debounceTimeValidate"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }, { kind: "component", type: LibsUiComponentsInputsMultiLanguageComponent, selector: "libs_ui-components-inputs-multi_language", inputs: ["zIndex", "viewType", "singleLanguage", "data", "validRequired", "ignoreAdd", "titleField", "keyHeader", "textArea", "placeholder", "extendClass", "extendClassContent", "viewPosition", "ignoreRemove", "validMaxLength", "validMinLength", "countCharacters", "viewContent", "classIncludeKey", "classIncludeValue", "dataLanguage", "multiLine", "readonly", "acceptNegativeValue", "valueUpDownNumber", "maxValueNumber", "onlyAcceptNegativeValue"], outputs: ["dataChange", "ignoreAddChange", "extendClassChange", "dataLanguageChange", "outEventMultiLanguage", "outChangeTypeLanguage", "outFunctionsControl", "outChangeValueInput"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-inputs-multi_language-items', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, LibsUiComponentsInputsMultiLanguageGetItemPipe, LibsUiComponentsInputsValidComponent, LibsUiComponentsInputsMultiLanguageComponent, LibsUiComponentsButtonsButtonComponent], template: "<div class=\"mt-[4px]\">\n  @for (item of dataMultiLanguage(); track item) {\n    <div\n      class=\"flex w-full\"\n      [class.mt-[12px]]=\"!$first\">\n      <div\n        class=\"libs-ui-border-general\"\n        [class.w-full]=\"dataMultiLanguage().length < 2\"\n        [class.w-[calc(100%-28px)]]=\"dataMultiLanguage().length > 1\">\n        @if (configHeader(); as configHeader) {\n          <div class=\"flex bg-[#e6eef5] px-[12px] py-[4px]\">\n            <div class=\"libs-ui-font-h6m h-[32px] flex items-center\">\n              @let constHtmlTitle = configHeader.title ?? ' ';\n              {{ constHtmlTitle | translate }}\n            </div>\n            <div\n              (click)=\"handlerClick($event)\"\n              class=\"pl-[8px]\">\n              @if (configHeader.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe: item; as itemMap) {\n                <libs_ui-components-inputs-valid\n                  [(item)]=\"itemMap\"\n                  [dataType]=\"configHeader.type && configHeader.type === 'number' ? 'int' : 'string'\"\n                  [fieldNameBind]=\"langDefault()\"\n                  [emitEmptyInDataTypeNumber]=\"true\"\n                  [validRequired]=\"{ isRequired: configItems()[0].validRequired?.isRequired ?? false }\"\n                  [placeholder]=\"'i18n_enter_value'\"\n                  [acceptNegativeValue]=\"acceptNegativeValue() ?? true\"\n                  [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n                  [maxValueNumber]=\"maxValueNumber()\"\n                  [fixedFloat]=\"15\"\n                  (outValueChange)=\"handlerChangeValue($event, 'input')\"\n                  (outFunctionsControl)=\"handlerFunctionsControlInputValid($event)\" />\n              }\n            </div>\n          </div>\n          <div class=\"px-[12px] pt-[8px] pb-[12px] flex w-full\">\n            <libs_ui-components-inputs-multi_language\n              class=\"w-full\"\n              [singleLanguage]=\"singleLanguage() || false\"\n              [multiLine]=\"false\"\n              [titleField]=\"configItems()[0].titleField || ''\"\n              [keyHeader]=\"configHeader.keyBindData ?? ''\"\n              [placeholder]=\"'i18n_import_content'\"\n              [classIncludeValue]=\"'libs-ui-font-h4r'\"\n              [data]=\"dataMultiKey()[$index]\"\n              [validRequired]=\"validRequiredWhenInputHasValue() || configItems()[0].validRequired\"\n              [dataLanguage]=\"item\"\n              [zIndex]=\"1203\"\n              [acceptNegativeValue]=\"acceptNegativeValue() ?? true\"\n              [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n              [maxValueNumber]=\"maxValueNumber()\"\n              [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n              [viewType]=\"configItems()[0].type ? (configItems()[0].type === 'number' ? 'number' : configItems()[0].type === 'float' ? 'float' : 'text') : 'text'\"\n              (outEventMultiLanguage)=\"handlerChangeValue()\"\n              (outChangeValueInput)=\"handlerChangeValue()\"\n              (outFunctionsControl)=\"handlerFunctionsControlInputLanguage($event)\" />\n          </div>\n        }\n      </div>\n      @if (!$first) {\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-custom'\"\n          [buttonCustom]=\"{\n            configStepColor: {\n              text: '#071631',\n              text_hover: '#ee2d41',\n              text_active: '#ee2d41',\n              text_disable: '071631',\n            },\n            rootColor: '#071631',\n          }\"\n          [iconOnlyType]=\"true\"\n          [popover]=\"{ config: { content: 'i18n_delete', zIndex: 1205 } }\"\n          [classIconLeft]=\"'libs-ui-icon-remove'\"\n          [classInclude]=\"'!p-0 ml-[8px] mt-[12px]'\"\n          (outClick)=\"handlerRemove($index)\" />\n      }\n    </div>\n  }\n  @if (!ignoreAdd()) {\n    <libs_ui-components-buttons-button\n      [type]=\"'button-link-primary'\"\n      [classIconLeft]=\"'libs-ui-icon-add mr-[8px]'\"\n      [classLabel]=\"'libs-ui-font-h5r'\"\n      [classInclude]=\"'!px-0 mt-[8px]'\"\n      [label]=\"labelAddItem() || ''\"\n      (outClick)=\"handlerAdd()\" />\n  }\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsInputsMultiLanguageComponent, LibsUiComponentsInputsMultiLanguageItemsComponent };
+//# sourceMappingURL=libs-ui-components-inputs-multi-language.mjs.map