@libs-ui/components-inputs-multi-language 0.2.305 → 0.2.306-10

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

@@ -2,23 +2,23 @@ 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 { CHARACTER_DATA_EMPTY, UtilsCache, get, set, cloneDeep, isNil } from '@libs-ui/utils';
+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';
-import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
-import { LibsUiComponentsInputsQuillComponent } from '@libs-ui/components-inputs-quill';
 
 class LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe {
     transform(keyLang, listLanguage) {
         if (!keyLang || !listLanguage || !listLanguage.length) {
             return CHARACTER_DATA_EMPTY;
         }
-        const result = listLanguage.find(item => item.key === keyLang);
+        const result = listLanguage.find((item) => item.key === keyLang);
         if (!result) {
             return CHARACTER_DATA_EMPTY;
         }
@@ -31,13 +31,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Pipe,
             args: [{
                     name: 'LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe',
-                    standalone: true
+                    standalone: true,
                 }]
         }] });
 
 class LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe {
     transform(langs, key) {
-        return langs.filter(item => item !== key);
+        return langs.filter((item) => item !== key);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe, isStandalone: true, name: "LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe" });
@@ -46,10 +46,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Pipe,
             args: [{
                     name: 'LibsUiComponentsInputsMultiLanguageGetDisableKeyPipe',
-                    standalone: true
+                    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.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, isStandalone: true, name: "LibsUiComponentsInputsMultiLanguageGetItemPipe" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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']);
@@ -60,28 +76,129 @@ const languageSupport = () => {
 };
 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' }
+        { 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);
+        const found = data.find((item) => item.key === key);
         if (found) {
             dataurrenciesSupportData.push(found);
         }
@@ -89,10 +206,193 @@ const currenciesOptions = (objectPattern = { key: 'key', label: 'code' }) => {
     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 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);
+        const found = data.find((item) => item.key === key);
         if (found) {
             languageSupportData.push(found);
         }
@@ -103,17 +403,18 @@ const convertObjectOfArray = (objectPattern, data) => {
     if (!objectPattern || !Object.keys(objectPattern).length) {
         return data;
     }
-    return data.map(item => {
+    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 => {
+    keys.forEach((key) => {
         const valKey = get(objectPattern, key);
         if (!valKey || !(typeof valKey === 'string')) {
             return;
@@ -121,7 +422,7 @@ const convertObject = (objectPattern, data) => {
         const keysObject = valKey.split('.');
         const value = getDataObject(keysObject, data);
         set(objectConvert, key, value);
-    }));
+    });
     return objectConvert;
 };
 const getDataObject = (keysObject, object) => {
@@ -149,9 +450,9 @@ const httpRequestDetail = (options) => {
             paging: {},
             detailById: {
                 fieldUpdate: '[0]',
-                fieldGetValue: ''
-            }
-        }
+                fieldGetValue: '',
+            },
+        },
     };
 };
 const listConfigItem = (options) => {
@@ -160,36 +461,22 @@ const listConfigItem = (options) => {
         httpRequestData: signal({
             serviceOther: returnListObject(options),
             functionName: 'list',
-            argumentsValue: ['']
+            argumentsValue: [''],
         }),
         configTemplateText: signal({
             fieldKey: 'key',
-            getValue: (item) => `${item.label}`
-        })
+            getValue: (item) => `${item.label}`,
+        }),
     };
 };
 const validRequired = () => {
     return {
         message: '',
-        isRequired: false
+        isRequired: false,
     };
 };
 
-class LibsUiComponentsInputsMultiLanguageGetItemPipe {
-    transform(keyBindData, dataLanguageChange) {
-        return (keyBindData ? signal(get(dataLanguageChange, keyBindData)) : dataLanguageChange);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, isStandalone: true, name: "LibsUiComponentsInputsMultiLanguageGetItemPipe" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageGetItemPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'LibsUiComponentsInputsMultiLanguageGetItemPipe',
-                    standalone: true
-                }]
-        }] });
-
+/* eslint-disable @typescript-eslint/no-explicit-any */
 class LibsUiComponentsInputsMultiLanguageComponent {
     // #region PROPERTY
     languageDisplay = signal([]);
@@ -205,10 +492,10 @@ class LibsUiComponentsInputsMultiLanguageComponent {
     onDestroy = new Subject();
     // #region INPUT
     zIndex = input();
-    viewType = input('text', { transform: value => value ?? 'text' });
+    viewType = input('text', { transform: (value) => value ?? 'text' });
     singleLanguage = input();
     data = model([]);
-    validRequired = input(validRequired(), { transform: value => value ?? validRequired() });
+    validRequired = input(validRequired(), { transform: (value) => value ?? validRequired() });
     ignoreAdd = model();
     titleField = input();
     keyHeader = input();
@@ -218,7 +505,7 @@ class LibsUiComponentsInputsMultiLanguageComponent {
     extendClassContent = input();
     viewPosition = input('row');
     ignoreRemove = input();
-    validMaxLength = input({ length: 0 }, { transform: value => value ?? { length: 0 } });
+    validMaxLength = input({ length: 0 }, { transform: (value) => value ?? { length: 0 } });
     validMinLength = input();
     countCharacters = input();
     viewContent = input();
@@ -243,14 +530,14 @@ class LibsUiComponentsInputsMultiLanguageComponent {
                 if (viewType === 'integer') {
                     this.langDefault.set(currenciesSupport());
                     this.options.set(currenciesOptions());
-                    this.options().forEach(item => {
+                    this.options().forEach((item) => {
                         this.currencyUnits().push({
                             label: item.label,
                             id: item.key,
-                            type: item.label
+                            type: item.label,
                         });
                     });
-                    this.currencyUnits.update(value => [...value]);
+                    this.currencyUnits.update((value) => [...value]);
                 }
             });
         });
@@ -261,7 +548,7 @@ class LibsUiComponentsInputsMultiLanguageComponent {
                 this.generateData();
                 const optionsSelected = new Set();
                 Object.keys(this.dataLanguageChange()).forEach((key) => {
-                    if (this.options().find(item => item.key === key)) {
+                    if (this.options().find((item) => item.key === key)) {
                         optionsSelected.add(key);
                     }
                 });
@@ -283,7 +570,7 @@ class LibsUiComponentsInputsMultiLanguageComponent {
                     return;
                 }
                 const key = this.langDefault()[0];
-                this.dataLanguage.update(value => ({ ...value, [key]: get(this.dataLanguageChange, key) }));
+                this.dataLanguage.update((value) => ({ ...value, [key]: get(this.dataLanguageChange, key) }));
             });
         });
         effect(() => {
@@ -292,7 +579,7 @@ class LibsUiComponentsInputsMultiLanguageComponent {
                 if (!validRequired) {
                     return;
                 }
-                this.validRequiredDefault.update(value => ({ ...value, isRequired: validRequired.isRequired }));
+                this.validRequiredDefault.update((value) => ({ ...value, isRequired: validRequired.isRequired }));
                 if (!validRequired.isRequired) {
                     this.validate();
                 }
@@ -300,34 +587,37 @@ class LibsUiComponentsInputsMultiLanguageComponent {
         });
     }
     ngOnInit() {
-        this.outFunctionsControl.emit({
+        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)
-        });
-        this.extendClass.update(value => `${value || ''} ${this.viewPosition() === 'row' ? 'flex-row' : 'flex-col'}`);
+            getData: this.getData.bind(this),
+        };
     }
     async handlerInputFunctionControl(event, key) {
         this.inputFunctionControl().set(key, event);
     }
     async handlerQuillFunctionControl(event) {
-        this.quillFunctionControl.update(items => [...items, 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));
+        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));
+        const lang = this.options().find((item) => !this.languageDisplay().includes(item.key));
         if (!lang) {
             return;
         }
-        this.languageDisplay.update(value => [...value, lang.key]);
+        this.languageDisplay.update((value) => [...value, lang.key]);
         this.setDefaultData(lang.key);
         if (this.options().length === this.languageDisplay().length) {
             this.ignoreAdd.set(true);
@@ -337,19 +627,19 @@ class LibsUiComponentsInputsMultiLanguageComponent {
     async handlerRemoveLanguage(event, key) {
         event.stopPropagation();
         this.ignoreAdd.set(true);
-        this.dataLanguageChange.update(value => {
+        this.dataLanguageChange.update((value) => {
             delete value[key];
             return { ...value };
         });
         this.validateIsMultiKey();
-        this.languageDisplay.update(value => value.filter(item => item !== key));
+        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) }));
+            this.dataLanguage.update((value) => ({ ...value, [key]: get(this.dataLanguageChange, key) }));
             return this.dataLanguage();
         }
         if (this.data().length > 1) {
@@ -376,24 +666,26 @@ class LibsUiComponentsInputsMultiLanguageComponent {
                 if (!key || !isNil(get(this.dataLanguageChange, key))) {
                     return;
                 }
-                this.dataLanguageChange.update(value => ({ ...value, [key]: { [lang]: '' } }));
+                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([{
+            this.data.set([
+                {
                     type: this.viewType(),
                     placeholder: this.placeholder(),
                     isOneValue: false,
-                    keyBindData: ''
-                }]);
+                    keyBindData: '',
+                },
+            ]);
         }
     }
     async setDefaultData(key) {
-        this.dataLanguageChange.update(value => ({ ...value, [key]: '' }));
-        this.dataLanguage.update(value => ({ ...value, [key]: '' }));
+        this.dataLanguageChange.update((value) => ({ ...value, [key]: '' }));
+        this.dataLanguage.update((value) => ({ ...value, [key]: '' }));
     }
     async validate() {
         let valid = true;
@@ -419,14 +711,14 @@ class LibsUiComponentsInputsMultiLanguageComponent {
     async validateDefault() {
         let valid = true;
         if (this.validRequired().isRequired) {
-            this.validRequiredDefault.update(value => ({ ...value, isRequired: true }));
+            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 }));
+            this.validRequiredDefault.update((value) => ({ ...value, isRequired: false }));
             if (!(await this.checkValidInput())) {
                 valid = false;
             }
@@ -434,13 +726,13 @@ class LibsUiComponentsInputsMultiLanguageComponent {
         }
         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 }));
+                this.validRequiredDefault.update((value) => ({ ...value, isRequired: true }));
                 if (!(await this.checkValidInput())) {
                     valid = false;
                 }
                 return;
             }
-            this.validRequiredDefault.update(value => ({ ...value, isRequired: false }));
+            this.validRequiredDefault.update((value) => ({ ...value, isRequired: false }));
             if (!(await this.checkValidInput())) {
                 valid = false;
             }
@@ -470,7 +762,7 @@ class LibsUiComponentsInputsMultiLanguageComponent {
                         if (key === item.keyBindData || key === keyBind) {
                             continue;
                         }
-                        if (get(this.dataLanguageChange, key) && this.options().find(item => item.key === key)) {
+                        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;
@@ -513,14 +805,16 @@ class LibsUiComponentsInputsMultiLanguageComponent {
     }
     async handlerInputChange() {
         this.outChangeValueInput.emit();
-        timer(500).pipe(takeUntil(this.onDestroy)).subscribe(() => this.validate());
+        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.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 [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 [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 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 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                    <libs_ui-components-inputs-valid [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]=\"(item.placeholder || '') | translate\"\n                      [emitEmptyInDataTypeNumber]=\"true\"\n                      [validRequired]=\"($index === 0 && data().length <= 1) ? validRequiredDefault() : \n                                    ($index === 0 && data().length > 1 && item.validRequiredLangDefault) ? item.validRequiredLangDefault : item.validRequired ? item.validRequired : (validRequired() || { isRequired: false })\"\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                      <libs_ui-components-inputs-quill [(item)]=\"itemMap\"\n                        [fieldNameBind]=\"key\"\n                        [validRequired]=\"($index === 0 && data().length <= 1) ? validRequiredDefault() : validRequired()\"\n                        [placeholder]=\"(item.placeholder || '') | 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 [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 [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 class=\"flex\"\n            [class.hidden]=\"singleLanguage() && !$first\"\n            [class.mt-[4px]]=\"!singleLanguage() && !$first\">\n            <libs_ui-components-popover [type]=\"'text'\"\n              [classInclude]=\"classIncludeKey()\"\n              [innerHTML]=\"key | LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe:options()\" />\n          </div>\n        }\n        <div 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 [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 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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                    <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]=\"item.placeholder || '' | 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                      <libs_ui-components-inputs-quill\n                        [(item)]=\"itemMap\"\n                        [fieldNameBind]=\"key\"\n                        [validRequired]=\"$index === 0 && data().length <= 1 ? validRequiredDefault() : validRequired()\"\n                        [placeholder]=\"item.placeholder || '' | 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.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageComponent, decorators: [{
             type: Component,
@@ -534,8 +828,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         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 [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 [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 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 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                    <libs_ui-components-inputs-valid [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]=\"(item.placeholder || '') | translate\"\n                      [emitEmptyInDataTypeNumber]=\"true\"\n                      [validRequired]=\"($index === 0 && data().length <= 1) ? validRequiredDefault() : \n                                    ($index === 0 && data().length > 1 && item.validRequiredLangDefault) ? item.validRequiredLangDefault : item.validRequired ? item.validRequired : (validRequired() || { isRequired: false })\"\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                      <libs_ui-components-inputs-quill [(item)]=\"itemMap\"\n                        [fieldNameBind]=\"key\"\n                        [validRequired]=\"($index === 0 && data().length <= 1) ? validRequiredDefault() : validRequired()\"\n                        [placeholder]=\"(item.placeholder || '') | 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 [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 [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 class=\"flex\"\n            [class.hidden]=\"singleLanguage() && !$first\"\n            [class.mt-[4px]]=\"!singleLanguage() && !$first\">\n            <libs_ui-components-popover [type]=\"'text'\"\n              [classInclude]=\"classIncludeKey()\"\n              [innerHTML]=\"key | LibsUiComponentsInputsMultiLanguageDisplayLanguagePipe:options()\" />\n          </div>\n        }\n        <div 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 [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 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" }]
+                        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                    <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]=\"item.placeholder || '' | 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                      <libs_ui-components-inputs-quill\n                        [(item)]=\"itemMap\"\n                        [fieldNameBind]=\"key\"\n                        [validRequired]=\"$index === 0 && data().length <= 1 ? validRequiredDefault() : validRequired()\"\n                        [placeholder]=\"item.placeholder || '' | 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 {
@@ -585,15 +879,18 @@ class LibsUiComponentsInputsMultiLanguageItemsComponent {
         });
     }
     ngOnInit() {
-        this.outFunctionControl.emit({
-            checkIsValid: this.validate.bind(this),
-            getData: this.getData.bind(this)
-        });
+        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(() => {
@@ -602,7 +899,7 @@ class LibsUiComponentsInputsMultiLanguageItemsComponent {
                 this.dataMultiKey().push(configItems);
             }
         });
-        this.dataMultiKey.update(items => [...items]);
+        this.dataMultiKey.update((items) => [...items]);
     }
     async handlerAdd() {
         let dataLanguage = {};
@@ -610,12 +907,12 @@ class LibsUiComponentsInputsMultiLanguageItemsComponent {
         if (configHeader) {
             dataLanguage = cloneDeep(configHeader.dataDefault);
         }
-        this.dataMultiLanguage.update(items => [...items, dataLanguage]);
-        this.dataMultiKey.update(items => [...items, this.configItems()]);
+        this.dataMultiLanguage.update((items) => [...items, dataLanguage]);
+        this.dataMultiKey.update((items) => [...items, this.configItems()]);
         this.handlerChangeValue();
     }
     async handlerRemove(index) {
-        this.dataMultiLanguage.update(items => {
+        this.dataMultiLanguage.update((items) => {
             items.splice(index, 1);
             return [...items];
         });
@@ -626,10 +923,11 @@ class LibsUiComponentsInputsMultiLanguageItemsComponent {
         this.outClick.emit();
     }
     async handlerFunctionsControlInputLanguage(event) {
-        this.multiLanguageFunctionControl.update(items => [...items, event]);
+        this.multiLanguageFunctionControl.update((items) => [...items, event]);
+        console.log(this.multiLanguageFunctionControl());
     }
     async handlerFunctionsControlInputValid(event) {
-        this.inputValidFunctionControl.update(items => [...items, event]);
+        this.inputValidFunctionControl.update((items) => [...items, event]);
     }
     async validate() {
         let valid = true;
@@ -649,7 +947,7 @@ class LibsUiComponentsInputsMultiLanguageItemsComponent {
     async getData() {
         const dataMultiLanguage = [];
         for (const element of this.multiLanguageFunctionControl()) {
-            dataMultiLanguage.push(await element.getData() || {});
+            dataMultiLanguage.push((await element.getData()) || {});
         }
         // this.dataMultiLanguage.update(items => [...items]);
         return dataMultiLanguage;
@@ -668,17 +966,11 @@ class LibsUiComponentsInputsMultiLanguageItemsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsMultiLanguageItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 class=\"flex w-full\"\n      [class.mt-[12px]]=\"!$first\">\n      <div 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\">{{ (configHeader.title ?? ' ') | translate }}</div>\n            <div (click)=\"handlerClick($event)\"\n              class=\"pl-[8px]\">\n              @if (configHeader.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe:item; as itemMap) {\n                <libs_ui-components-inputs-valid [(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 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 [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 [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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\">{{ configHeader.title ?? ' ' | translate }}</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.13", 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 class=\"flex w-full\"\n      [class.mt-[12px]]=\"!$first\">\n      <div 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\">{{ (configHeader.title ?? ' ') | translate }}</div>\n            <div (click)=\"handlerClick($event)\"\n              class=\"pl-[8px]\">\n              @if (configHeader.keyBindData | LibsUiComponentsInputsMultiLanguageGetItemPipe:item; as itemMap) {\n                <libs_ui-components-inputs-valid [(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 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 [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 [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" }]
+            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\">{{ configHeader.title ?? ' ' | translate }}</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: () => [] });
 
 /**