@libs-ui/components-inputs-multi-language 0.2.10-6.2

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

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