@solcre-org/core-ui 2.12.43 → 2.12.45

package/fesm2022/solcre-org-core-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, Pipe, Injectable, ViewChild, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, ElementRef, HostListener, viewChild, ChangeDetectorRef, afterNextRender, importProvidersFrom } from '@angular/core';
+import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, Pipe, Injectable, ElementRef, untracked, HostListener, ViewChild, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, viewChild, ChangeDetectorRef, afterNextRender, importProvidersFrom } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i3 from '@ngx-translate/core';
@@ -9,11 +9,12 @@ import { FormControl, Validators, FormsModule, ReactiveFormsModule, FormBuilder
 import * as i5 from '@ng-select/ng-select';
 import { NgSelectModule, NgSelectComponent } from '@ng-select/ng-select';
 import { AuthService, ApiService } from '@solcre-org/core';
-import { map, BehaviorSubject, Subject, throttleTime, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, of, catchError, finalize, throwError, Observable, forkJoin, zip, timeout, Subscription, from } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { distinctUntilChanged, debounceTime, tap as tap$1, filter, catchError as catchError$1, map as map$1 } from 'rxjs/operators';
+import { map, BehaviorSubject, Subject, throttleTime, takeUntil, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, tap, switchMap, of, catchError, finalize, throwError, Observable, forkJoin, zip, timeout, Subscription, from } from 'rxjs';
 import * as i4 from '@angular/router';
 import { RouterModule, Router, NavigationEnd, NavigationStart } from '@angular/router';
 import { DomSanitizer } from '@angular/platform-browser';
-import { tap as tap$1, filter, catchError as catchError$1, map as map$1 } from 'rxjs/operators';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import dayjs from 'dayjs';
@@ -2160,6 +2161,1010 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ selector: 'core-password-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- ! Solcre: Esto lo estoy haciendo a ciegas \uD83D\uDE05 -->\n \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <label class=\"c-entry-input\"\n    [class.is-invalid]=\"hasError()\"\n    [class.is-readonly]=\"hasError()\"\n    [class.is-disabled]=\"hasError()\">\n\n    @if (field().prefixIcon) {\n        <span class=\"c-entry-input__addon {{ field().prefixIcon }}\"></span>\n    }\n\n    <input \n      [type]=\"inputType()\" \n      [formControl]=\"formControl()\"\n      [placeholder]=\"(field().placeholder ?? '') | translate\"\n      (blur)=\"onBlurInput()\">\n\n    <button class=\"c-entry-input__addon\"\n      (click)=\"togglePasswordVisibility()\"\n      [class]=\"showPassword()? 'icon-password-hide-thin' :'icon-password-thin'\"\n      ></button>\n\n  </label>\n  <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n\n" }]
         }], ctorParameters: () => [] });
 
+var AlertType;
+(function (AlertType) {
+    AlertType["DEFAULT"] = "default";
+    AlertType["ERROR"] = "error";
+    AlertType["SUCCESS"] = "success";
+    AlertType["HIGHLIGHTED"] = "highlight";
+    AlertType["WAITING"] = "waiting";
+})(AlertType || (AlertType = {}));
+
+var FieldType;
+(function (FieldType) {
+    FieldType["TEXT"] = "text";
+    FieldType["TEXTAREA"] = "textarea";
+    FieldType["NUMBER"] = "number";
+    FieldType["CHECKBOX"] = "checkbox";
+    FieldType["SELECT"] = "select";
+    FieldType["DATE"] = "date";
+    FieldType["DATETIME"] = "datetime";
+    FieldType["TIME"] = "time";
+    FieldType["PASSWORD"] = "password";
+    FieldType["SWITCH"] = "switch";
+    FieldType["SERVER_SELECT"] = "server-select";
+    FieldType["FILE"] = "file";
+    FieldType["PHONE"] = "phone";
+})(FieldType || (FieldType = {}));
+var NumberFieldType;
+(function (NumberFieldType) {
+    NumberFieldType["DEFAULT"] = "default";
+    NumberFieldType["DECIMAL"] = "decimal";
+    NumberFieldType["INTEGER"] = "integer";
+})(NumberFieldType || (NumberFieldType = {}));
+
+var FileType;
+(function (FileType) {
+    FileType["COMPANY_INVENTORY"] = "company_inventory";
+    FileType["COMPANY_LEGAL"] = "company_legals";
+    FileType["COMPANY_AZF_PROCEDURE"] = "company_azf_procedure";
+    FileType["COMPANY_TELEWORK"] = "company_remote_work";
+    FileType["FILE_TEMPLATE"] = "file_template";
+    FileType["COMPANY_EMPLOYEES_BULK"] = "company_employees_bulk";
+})(FileType || (FileType = {}));
+
+var NumberRange;
+(function (NumberRange) {
+    NumberRange["MIN"] = "min";
+    NumberRange["MAX"] = "max";
+})(NumberRange || (NumberRange = {}));
+
+var LayoutBreakpoint;
+(function (LayoutBreakpoint) {
+    LayoutBreakpoint["MOBILE"] = "mobile";
+    LayoutBreakpoint["TABLET"] = "tablet";
+    LayoutBreakpoint["DESKTOP"] = "desktop";
+})(LayoutBreakpoint || (LayoutBreakpoint = {}));
+
+var SidebarVisibility;
+(function (SidebarVisibility) {
+    SidebarVisibility["SHOW"] = "show";
+    SidebarVisibility["HIDE"] = "hide";
+})(SidebarVisibility || (SidebarVisibility = {}));
+
+var LayoutType;
+(function (LayoutType) {
+    LayoutType["DEFAULT"] = "default";
+})(LayoutType || (LayoutType = {}));
+
+var SidebarHeight;
+(function (SidebarHeight) {
+    SidebarHeight["DEFAULT"] = "default";
+    SidebarHeight["FULL"] = "full";
+})(SidebarHeight || (SidebarHeight = {}));
+
+var SidebarPosition;
+(function (SidebarPosition) {
+    SidebarPosition["LEFT"] = "left";
+    SidebarPosition["RIGHT"] = "right";
+})(SidebarPosition || (SidebarPosition = {}));
+
+var SidebarWidth;
+(function (SidebarWidth) {
+    SidebarWidth["DEFAULT"] = "default";
+    SidebarWidth["WIDE"] = "wide";
+})(SidebarWidth || (SidebarWidth = {}));
+
+var SidebarMobileType;
+(function (SidebarMobileType) {
+    SidebarMobileType["SELECT"] = "select";
+    SidebarMobileType["SCROLL"] = "scroll";
+    SidebarMobileType["MODAL"] = "modal";
+})(SidebarMobileType || (SidebarMobileType = {}));
+
+var HeaderElementType;
+(function (HeaderElementType) {
+    HeaderElementType["GLOBAL_ACTIONS"] = "globalActions";
+    HeaderElementType["CUSTOM_ACTIONS"] = "customActions";
+    HeaderElementType["FILTER"] = "filter";
+    HeaderElementType["CREATE"] = "create";
+    HeaderElementType["CUSTOM_TEMPLATE"] = "customTemplate";
+})(HeaderElementType || (HeaderElementType = {}));
+
+var CountryCode;
+(function (CountryCode) {
+    CountryCode["AD"] = "AD";
+    CountryCode["AE"] = "AE";
+    CountryCode["AF"] = "AF";
+    CountryCode["AG"] = "AG";
+    CountryCode["AI"] = "AI";
+    CountryCode["AL"] = "AL";
+    CountryCode["AM"] = "AM";
+    CountryCode["AO"] = "AO";
+    CountryCode["AR"] = "AR";
+    CountryCode["AS"] = "AS";
+    CountryCode["AT"] = "AT";
+    CountryCode["AU"] = "AU";
+    CountryCode["AW"] = "AW";
+    CountryCode["AX"] = "AX";
+    CountryCode["AZ"] = "AZ";
+    CountryCode["BA"] = "BA";
+    CountryCode["BB"] = "BB";
+    CountryCode["BD"] = "BD";
+    CountryCode["BE"] = "BE";
+    CountryCode["BF"] = "BF";
+    CountryCode["BG"] = "BG";
+    CountryCode["BH"] = "BH";
+    CountryCode["BI"] = "BI";
+    CountryCode["BJ"] = "BJ";
+    CountryCode["BL"] = "BL";
+    CountryCode["BM"] = "BM";
+    CountryCode["BN"] = "BN";
+    CountryCode["BO"] = "BO";
+    CountryCode["BQ"] = "BQ";
+    CountryCode["BR"] = "BR";
+    CountryCode["BS"] = "BS";
+    CountryCode["BT"] = "BT";
+    CountryCode["BW"] = "BW";
+    CountryCode["BY"] = "BY";
+    CountryCode["BZ"] = "BZ";
+    CountryCode["CA"] = "CA";
+    CountryCode["CC"] = "CC";
+    CountryCode["CD"] = "CD";
+    CountryCode["CF"] = "CF";
+    CountryCode["CG"] = "CG";
+    CountryCode["CH"] = "CH";
+    CountryCode["CI"] = "CI";
+    CountryCode["CK"] = "CK";
+    CountryCode["CL"] = "CL";
+    CountryCode["CM"] = "CM";
+    CountryCode["CN"] = "CN";
+    CountryCode["CO"] = "CO";
+    CountryCode["CR"] = "CR";
+    CountryCode["CU"] = "CU";
+    CountryCode["CV"] = "CV";
+    CountryCode["CW"] = "CW";
+    CountryCode["CX"] = "CX";
+    CountryCode["CY"] = "CY";
+    CountryCode["CZ"] = "CZ";
+    CountryCode["DE"] = "DE";
+    CountryCode["DJ"] = "DJ";
+    CountryCode["DK"] = "DK";
+    CountryCode["DM"] = "DM";
+    CountryCode["DO"] = "DO";
+    CountryCode["DZ"] = "DZ";
+    CountryCode["EC"] = "EC";
+    CountryCode["EE"] = "EE";
+    CountryCode["EG"] = "EG";
+    CountryCode["EH"] = "EH";
+    CountryCode["ER"] = "ER";
+    CountryCode["ES"] = "ES";
+    CountryCode["ET"] = "ET";
+    CountryCode["FI"] = "FI";
+    CountryCode["FJ"] = "FJ";
+    CountryCode["FK"] = "FK";
+    CountryCode["FM"] = "FM";
+    CountryCode["FO"] = "FO";
+    CountryCode["FR"] = "FR";
+    CountryCode["GA"] = "GA";
+    CountryCode["GB"] = "GB";
+    CountryCode["GD"] = "GD";
+    CountryCode["GE"] = "GE";
+    CountryCode["GG"] = "GG";
+    CountryCode["GH"] = "GH";
+    CountryCode["GI"] = "GI";
+    CountryCode["GL"] = "GL";
+    CountryCode["GM"] = "GM";
+    CountryCode["GN"] = "GN";
+    CountryCode["GQ"] = "GQ";
+    CountryCode["GR"] = "GR";
+    CountryCode["GT"] = "GT";
+    CountryCode["GU"] = "GU";
+    CountryCode["GW"] = "GW";
+    CountryCode["GY"] = "GY";
+    CountryCode["HK"] = "HK";
+    CountryCode["HN"] = "HN";
+    CountryCode["HR"] = "HR";
+    CountryCode["HT"] = "HT";
+    CountryCode["HU"] = "HU";
+    CountryCode["ID"] = "ID";
+    CountryCode["IE"] = "IE";
+    CountryCode["IL"] = "IL";
+    CountryCode["IM"] = "IM";
+    CountryCode["IN"] = "IN";
+    CountryCode["IO"] = "IO";
+    CountryCode["IQ"] = "IQ";
+    CountryCode["IR"] = "IR";
+    CountryCode["IS"] = "IS";
+    CountryCode["IT"] = "IT";
+    CountryCode["JE"] = "JE";
+    CountryCode["JM"] = "JM";
+    CountryCode["JO"] = "JO";
+    CountryCode["JP"] = "JP";
+    CountryCode["KE"] = "KE";
+    CountryCode["KG"] = "KG";
+    CountryCode["KH"] = "KH";
+    CountryCode["KI"] = "KI";
+    CountryCode["KM"] = "KM";
+    CountryCode["KN"] = "KN";
+    CountryCode["KP"] = "KP";
+    CountryCode["KR"] = "KR";
+    CountryCode["KW"] = "KW";
+    CountryCode["KY"] = "KY";
+    CountryCode["KZ"] = "KZ";
+    CountryCode["LA"] = "LA";
+    CountryCode["LB"] = "LB";
+    CountryCode["LC"] = "LC";
+    CountryCode["LI"] = "LI";
+    CountryCode["LK"] = "LK";
+    CountryCode["LR"] = "LR";
+    CountryCode["LS"] = "LS";
+    CountryCode["LT"] = "LT";
+    CountryCode["LU"] = "LU";
+    CountryCode["LV"] = "LV";
+    CountryCode["LY"] = "LY";
+    CountryCode["MA"] = "MA";
+    CountryCode["MC"] = "MC";
+    CountryCode["MD"] = "MD";
+    CountryCode["ME"] = "ME";
+    CountryCode["MG"] = "MG";
+    CountryCode["MH"] = "MH";
+    CountryCode["MK"] = "MK";
+    CountryCode["ML"] = "ML";
+    CountryCode["MM"] = "MM";
+    CountryCode["MN"] = "MN";
+    CountryCode["MO"] = "MO";
+    CountryCode["MP"] = "MP";
+    CountryCode["MQ"] = "MQ";
+    CountryCode["MR"] = "MR";
+    CountryCode["MS"] = "MS";
+    CountryCode["MT"] = "MT";
+    CountryCode["MU"] = "MU";
+    CountryCode["MV"] = "MV";
+    CountryCode["MW"] = "MW";
+    CountryCode["MX"] = "MX";
+    CountryCode["MY"] = "MY";
+    CountryCode["MZ"] = "MZ";
+    CountryCode["NA"] = "NA";
+    CountryCode["NE"] = "NE";
+    CountryCode["NF"] = "NF";
+    CountryCode["NG"] = "NG";
+    CountryCode["NI"] = "NI";
+    CountryCode["NL"] = "NL";
+    CountryCode["NO"] = "NO";
+    CountryCode["NP"] = "NP";
+    CountryCode["NR"] = "NR";
+    CountryCode["NU"] = "NU";
+    CountryCode["NZ"] = "NZ";
+    CountryCode["OM"] = "OM";
+    CountryCode["PA"] = "PA";
+    CountryCode["PE"] = "PE";
+    CountryCode["PF"] = "PF";
+    CountryCode["PG"] = "PG";
+    CountryCode["PH"] = "PH";
+    CountryCode["PK"] = "PK";
+    CountryCode["PL"] = "PL";
+    CountryCode["PN"] = "PN";
+    CountryCode["PS"] = "PS";
+    CountryCode["PT"] = "PT";
+    CountryCode["PW"] = "PW";
+    CountryCode["PY"] = "PY";
+    CountryCode["QA"] = "QA";
+    CountryCode["RO"] = "RO";
+    CountryCode["RS"] = "RS";
+    CountryCode["RU"] = "RU";
+    CountryCode["RW"] = "RW";
+    CountryCode["SA"] = "SA";
+    CountryCode["SB"] = "SB";
+    CountryCode["SC"] = "SC";
+    CountryCode["SD"] = "SD";
+    CountryCode["SE"] = "SE";
+    CountryCode["SG"] = "SG";
+    CountryCode["SI"] = "SI";
+    CountryCode["SK"] = "SK";
+    CountryCode["SL"] = "SL";
+    CountryCode["SM"] = "SM";
+    CountryCode["SN"] = "SN";
+    CountryCode["SO"] = "SO";
+    CountryCode["SR"] = "SR";
+    CountryCode["SS"] = "SS";
+    CountryCode["ST"] = "ST";
+    CountryCode["SV"] = "SV";
+    CountryCode["SX"] = "SX";
+    CountryCode["SY"] = "SY";
+    CountryCode["SZ"] = "SZ";
+    CountryCode["TC"] = "TC";
+    CountryCode["TD"] = "TD";
+    CountryCode["TG"] = "TG";
+    CountryCode["TH"] = "TH";
+    CountryCode["TJ"] = "TJ";
+    CountryCode["TK"] = "TK";
+    CountryCode["TL"] = "TL";
+    CountryCode["TM"] = "TM";
+    CountryCode["TN"] = "TN";
+    CountryCode["TO"] = "TO";
+    CountryCode["TR"] = "TR";
+    CountryCode["TT"] = "TT";
+    CountryCode["TV"] = "TV";
+    CountryCode["TW"] = "TW";
+    CountryCode["TZ"] = "TZ";
+    CountryCode["UA"] = "UA";
+    CountryCode["UG"] = "UG";
+    CountryCode["UN"] = "UN";
+    CountryCode["US"] = "US";
+    CountryCode["UY"] = "UY";
+    CountryCode["UZ"] = "UZ";
+    CountryCode["VA"] = "VA";
+    CountryCode["VC"] = "VC";
+    CountryCode["VE"] = "VE";
+    CountryCode["VG"] = "VG";
+    CountryCode["VI"] = "VI";
+    CountryCode["VN"] = "VN";
+    CountryCode["VU"] = "VU";
+    CountryCode["WS"] = "WS";
+    CountryCode["XK"] = "XK";
+    CountryCode["XX"] = "XX";
+    CountryCode["YE"] = "YE";
+    CountryCode["ZA"] = "ZA";
+    CountryCode["ZM"] = "ZM";
+    CountryCode["ZW"] = "ZW";
+})(CountryCode || (CountryCode = {}));
+const ALL_COUNTRY_CODES = Object.values(CountryCode);
+function isValidCountryCode(code) {
+    return ALL_COUNTRY_CODES.includes(code);
+}
+function getCountryCodeStrings() {
+    return ALL_COUNTRY_CODES.map(code => code.toString());
+}
+
+const DEFAULT_COUNTRIES = [
+    { "code": CountryCode.PY, "phone": "+595", "name": "Paraguay", "flag": "001-paraguay.svg" },
+    { "code": CountryCode.SN, "phone": "+221", "name": "Senegal", "flag": "002-senegal.svg" },
+    { "code": CountryCode.CD, "phone": "+243", "name": "Democratic Republic of Congo", "flag": "003-democratic republic of congo.svg" },
+    { "code": CountryCode.EE, "phone": "+372", "name": "Estonia", "flag": "004-estonia.svg" },
+    { "code": CountryCode.GE, "phone": "+995", "name": "Georgia", "flag": "005-georgia.svg" },
+    { "code": CountryCode.GH, "phone": "+233", "name": "Ghana", "flag": "006-ghana.svg" },
+    { "code": CountryCode.JE, "phone": "+44", "name": "Jersey", "flag": "007-jersey.svg" },
+    { "code": CountryCode.MG, "phone": "+261", "name": "Madagascar", "flag": "008-madagascar.svg" },
+    { "code": CountryCode.MW, "phone": "+265", "name": "Malawi", "flag": "009-malawi.svg" },
+    { "code": CountryCode.MN, "phone": "+976", "name": "Mongolia", "flag": "010-mongolia.svg" },
+    { "code": CountryCode.CN, "phone": "+86", "name": "China", "flag": "011-china.svg" },
+    { "code": CountryCode.NP, "phone": "+977", "name": "Nepal", "flag": "012-nepal.svg" },
+    { "code": CountryCode.WS, "phone": "+685", "name": "Samoa", "flag": "013-samoa.svg" },
+    { "code": CountryCode.HT, "phone": "+509", "name": "Haiti", "flag": "014-haiti.svg" },
+    { "code": CountryCode.IM, "phone": "+44", "name": "Isle of Man", "flag": "015-isle of man.svg" },
+    { "code": CountryCode.CI, "phone": "+225", "name": "Ivory Coast", "flag": "016-ivory coast.svg" },
+    { "code": CountryCode.LS, "phone": "+266", "name": "Lesotho", "flag": "017-lesotho.svg" },
+    { "code": CountryCode.RW, "phone": "+250", "name": "Rwanda", "flag": "018-rwanda.svg" },
+    { "code": CountryCode.ZW, "phone": "+263", "name": "Zimbabwe", "flag": "019-zimbabwe.svg" },
+    { "code": CountryCode.GQ, "phone": "+240", "name": "Equatorial Guinea", "flag": "020-equatorial guinea.svg" },
+    { "code": CountryCode.CG, "phone": "+242", "name": "Republic of the Congo", "flag": "021-republic of the congo.svg" },
+    { "code": CountryCode.BR, "phone": "+55", "name": "Brazil", "flag": "022-brazil.svg" },
+    { "code": CountryCode.LK, "phone": "+94", "name": "Sri Lanka", "flag": "023-sri lanka.svg" },
+    { "code": CountryCode.SZ, "phone": "+268", "name": "Swaziland", "flag": "024-swaziland.svg" },
+    { "code": CountryCode.TJ, "phone": "+992", "name": "Tajikistan", "flag": "025-tajikistan.svg" },
+    { "code": CountryCode.TT, "phone": "+1", "name": "Trinidad and Tobago", "flag": "026-trinidad and tobago.svg" },
+    { "code": CountryCode.PF, "phone": "+689", "name": "French Polynesia", "flag": "027-french polynesia.svg" },
+    { "code": CountryCode.PT, "phone": "+351", "name": "Madeira", "flag": "028-madeira.svg" },
+    { "code": CountryCode.MV, "phone": "+960", "name": "Maldives", "flag": "029-maldives.svg" },
+    { "code": CountryCode.MD, "phone": "+373", "name": "Moldova", "flag": "030-moldova.svg" },
+    { "code": CountryCode.ME, "phone": "+382", "name": "Montenegro", "flag": "031-montenegro.svg" },
+    { "code": CountryCode.PG, "phone": "+675", "name": "Papua New Guinea", "flag": "032-papua new guinea.svg" },
+    { "code": CountryCode.MX, "phone": "+52", "name": "Mexico", "flag": "033-mexico.svg" },
+    { "code": CountryCode.CN, "phone": "+86", "name": "Tibet", "flag": "034-tibet.svg" },
+    { "code": CountryCode.TL, "phone": "+670", "name": "East Timor", "flag": "035-East Timor.svg" },
+    { "code": CountryCode.LY, "phone": "+218", "name": "Libya", "flag": "036-libya.svg" },
+    { "code": CountryCode.XX, "phone": "+1", "name": "NATO", "flag": "037-nato.svg" },
+    { "code": CountryCode.MK, "phone": "+389", "name": "Republic of Macedonia", "flag": "038-republic of macedonia.svg" },
+    { "code": CountryCode.EH, "phone": "+212", "name": "Sahrawi Arab Democratic Republic", "flag": "039-sahrawi arab democratic republic.svg" },
+    { "code": CountryCode.SD, "phone": "+249", "name": "Sudan", "flag": "040-sudan.svg" },
+    { "code": CountryCode.UZ, "phone": "+998", "name": "Uzbekistan", "flag": "041-uzbekistan.svg" },
+    { "code": CountryCode.YE, "phone": "+967", "name": "Yemen", "flag": "042-yemen.svg" },
+    { "code": CountryCode.LR, "phone": "+231", "name": "Liberia", "flag": "043-liberia.svg" },
+    { "code": CountryCode.RU, "phone": "+7", "name": "Russia", "flag": "044-russia.svg" },
+    { "code": CountryCode.LI, "phone": "+423", "name": "Liechtenstein", "flag": "045-liechtenstein.svg" },
+    { "code": CountryCode.CY, "phone": "+357", "name": "Northern Cyprus", "flag": "046-northern cyprus.svg" },
+    { "code": CountryCode.SM, "phone": "+378", "name": "San Marino", "flag": "047-san marino.svg" },
+    { "code": CountryCode.BL, "phone": "+590", "name": "St Barts", "flag": "048-st barts.svg" },
+    { "code": CountryCode.CW, "phone": "+599", "name": "Curacao", "flag": "049-curacao.svg" },
+    { "code": CountryCode.DJ, "phone": "+253", "name": "Djibouti", "flag": "050-djibouti.svg" },
+    { "code": CountryCode.ER, "phone": "+291", "name": "Eritrea", "flag": "051-eritrea.svg" },
+    { "code": CountryCode.GW, "phone": "+245", "name": "Guinea Bissau", "flag": "052-guinea bissau.svg" },
+    { "code": CountryCode.KG, "phone": "+996", "name": "Kyrgyzstan", "flag": "053-kyrgyzstan.svg" },
+    { "code": CountryCode.ML, "phone": "+223", "name": "Mali", "flag": "054-mali.svg" },
+    { "code": CountryCode.IN, "phone": "+91", "name": "India", "flag": "055-india.svg" },
+    { "code": CountryCode.MH, "phone": "+692", "name": "Marshall Island", "flag": "056-marshall island.svg" },
+    { "code": CountryCode.FM, "phone": "+691", "name": "Micronesia", "flag": "057-micronesia.svg" },
+    { "code": CountryCode.NE, "phone": "+227", "name": "Niger", "flag": "058-niger.svg" },
+    { "code": CountryCode.NF, "phone": "+672", "name": "Norfolk Island", "flag": "059-norfolk island.svg" },
+    { "code": CountryCode.ST, "phone": "+239", "name": "Sao Tome and Principe", "flag": "060-sao tome and principe.svg" },
+    { "code": CountryCode.IT, "phone": "+39", "name": "Sardinia", "flag": "061-sardinia.svg" },
+    { "code": CountryCode.BT, "phone": "+975", "name": "Bhutan", "flag": "062-bhutan.svg" },
+    { "code": CountryCode.SO, "phone": "+252", "name": "Somalia", "flag": "063-somalia.svg" },
+    { "code": CountryCode.SR, "phone": "+597", "name": "Suriname", "flag": "064-suriname.svg" },
+    { "code": CountryCode.PT, "phone": "+351", "name": "Azores Islands", "flag": "065-azores islands.svg" },
+    { "code": CountryCode.CA, "phone": "+1", "name": "Canada", "flag": "066-canada.svg" },
+    { "code": CountryCode.BS, "phone": "+1", "name": "Bahamas", "flag": "067-bahamas.svg" },
+    { "code": CountryCode.TG, "phone": "+228", "name": "Togo", "flag": "068-togo.svg" },
+    { "code": CountryCode.TM, "phone": "+993", "name": "Turkmenistan", "flag": "069-turkmenistan.svg" },
+    { "code": CountryCode.TV, "phone": "+688", "name": "Tuvalu", "flag": "070-tuvalu.svg" },
+    { "code": CountryCode.VA, "phone": "+379", "name": "Vatican City", "flag": "071-vatican city.svg" },
+    { "code": CountryCode.AT, "phone": "+43", "name": "Austria", "flag": "072-austria.svg" },
+    { "code": CountryCode.VI, "phone": "+1", "name": "Virgin Islands", "flag": "073-virgin islands.svg" },
+    { "code": CountryCode.FK, "phone": "+500", "name": "Falkland Islands", "flag": "074-falkland islands.svg" },
+    { "code": CountryCode.GA, "phone": "+241", "name": "Gabon", "flag": "075-gabon.svg" },
+    { "code": CountryCode.GI, "phone": "+350", "name": "Gibraltar", "flag": "076-gibraltar.svg" },
+    { "code": CountryCode.NL, "phone": "+31", "name": "Netherlands", "flag": "077-netherlands.svg" },
+    { "code": CountryCode.GL, "phone": "+299", "name": "Greenland", "flag": "078-greenland.svg" },
+    { "code": CountryCode.GD, "phone": "+1", "name": "Grenada", "flag": "079-grenada.svg" },
+    { "code": CountryCode.GU, "phone": "+1", "name": "Guam", "flag": "080-guam.svg" },
+    { "code": CountryCode.GG, "phone": "+44", "name": "Guernsey", "flag": "081-guernsey.svg" },
+    { "code": CountryCode.GY, "phone": "+592", "name": "Guyana", "flag": "082-guyana.svg" },
+    { "code": CountryCode.KI, "phone": "+686", "name": "Kiribati", "flag": "083-kiribati.svg" },
+    { "code": CountryCode.KW, "phone": "+965", "name": "Kuwait", "flag": "084-kuwait.svg" },
+    { "code": CountryCode.MR, "phone": "+222", "name": "Mauritania", "flag": "085-mauritania.svg" },
+    { "code": CountryCode.ES, "phone": "+34", "name": "Melilla", "flag": "086-melilla.svg" },
+    { "code": CountryCode.MS, "phone": "+1", "name": "Montserrat", "flag": "087-montserrat.svg" },
+    { "code": CountryCode.TH, "phone": "+66", "name": "Thailand", "flag": "088-thailand.svg" },
+    { "code": CountryCode.NR, "phone": "+674", "name": "Nauru", "flag": "089-nauru.svg" },
+    { "code": CountryCode.MP, "phone": "+1", "name": "Northern Marianas Islands", "flag": "090-northern marianas islands.svg" },
+    { "code": CountryCode.GE, "phone": "+995", "name": "Ossetia", "flag": "091-ossetia.svg" },
+    { "code": CountryCode.PS, "phone": "+970", "name": "Palestine", "flag": "092-palestine.svg" },
+    { "code": CountryCode.PN, "phone": "+64", "name": "Pitcairn Islands", "flag": "093-pitcairn islands.svg" },
+    { "code": CountryCode.BQ, "phone": "+599", "name": "Saba Island", "flag": "094-saba island.svg" },
+    { "code": CountryCode.KN, "phone": "+1", "name": "Saint Kitts and Nevis", "flag": "095-saint kitts and nevis.svg" },
+    { "code": CountryCode.BQ, "phone": "+599", "name": "Sint Eustatius", "flag": "096-sint eustatius.svg" },
+    { "code": CountryCode.SX, "phone": "+1", "name": "Sint Maarten", "flag": "097-sint maarten.svg" },
+    { "code": CountryCode.PT, "phone": "+351", "name": "Portugal", "flag": "098-portugal.svg" },
+    { "code": CountryCode.SB, "phone": "+677", "name": "Solomon Islands", "flag": "099-solomon islands.svg" },
+    { "code": CountryCode.SO, "phone": "+252", "name": "Somaliland", "flag": "100-somaliland.svg" },
+    { "code": CountryCode.SS, "phone": "+211", "name": "South Sudan", "flag": "101-south sudan.svg" },
+    { "code": CountryCode.VC, "phone": "+1", "name": "St Vincent and the Grenadines", "flag": "102-st vincent and the grenadines.svg" },
+    { "code": CountryCode.GM, "phone": "+220", "name": "Gambia", "flag": "103-gambia.svg" },
+    { "code": CountryCode.TK, "phone": "+690", "name": "Tokelau", "flag": "104-tokelau.svg" },
+    { "code": CountryCode.MD, "phone": "+373", "name": "Transnistria", "flag": "105-transnistria.svg" },
+    { "code": CountryCode.TC, "phone": "+1", "name": "Turks and Caicos", "flag": "106-turks and caicos.svg" },
+    { "code": CountryCode.GB, "phone": "+44", "name": "Orkney Islands", "flag": "107-orkney islands.svg" },
+    { "code": CountryCode.GN, "phone": "+224", "name": "Guinea", "flag": "108-guinea.svg" },
+    { "code": CountryCode.VN, "phone": "+84", "name": "Vietnam", "flag": "109-vietnam.svg" },
+    { "code": CountryCode.GB, "phone": "+44", "name": "United Kingdom", "flag": "110-united kingdom.svg" },
+    { "code": CountryCode.XK, "phone": "+383", "name": "Kosovo", "flag": "111-kosovo.svg" },
+    { "code": CountryCode.SC, "phone": "+248", "name": "Seychelles", "flag": "112-seychelles.svg" },
+    { "code": CountryCode.SL, "phone": "+232", "name": "Sierra Leone", "flag": "113-sierra leone.svg" },
+    { "code": CountryCode.VU, "phone": "+678", "name": "Vanuatu", "flag": "114-vanuatu.svg" },
+    { "code": CountryCode.DM, "phone": "+1", "name": "Dominica", "flag": "115-dominica.svg" },
+    { "code": CountryCode.FO, "phone": "+298", "name": "Faroe Islands", "flag": "116-faroe islands.svg" },
+    { "code": CountryCode.FJ, "phone": "+679", "name": "Fiji", "flag": "117-fiji.svg" },
+    { "code": CountryCode.MO, "phone": "+853", "name": "Macao", "flag": "118-macao.svg" },
+    { "code": CountryCode.NU, "phone": "+683", "name": "Niue", "flag": "119-niue.svg" },
+    { "code": CountryCode.PW, "phone": "+680", "name": "Palau", "flag": "120-palau.svg" },
+    { "code": CountryCode.GB, "phone": "+44", "name": "England", "flag": "121-england.svg" },
+    { "code": CountryCode.CL, "phone": "+56", "name": "Rapa Nui", "flag": "122-Rapa Nui.svg" },
+    { "code": CountryCode.LC, "phone": "+1", "name": "St Lucia", "flag": "123-st lucia.svg" },
+    { "code": CountryCode.TO, "phone": "+676", "name": "Tonga", "flag": "124-tonga.svg" },
+    { "code": CountryCode.MQ, "phone": "+596", "name": "Martinique", "flag": "125-martinique.svg" },
+    { "code": CountryCode.EC, "phone": "+593", "name": "Galapagos Islands", "flag": "126-galapagos islands.svg" },
+    { "code": CountryCode.BG, "phone": "+359", "name": "Bulgaria", "flag": "127-bulgaria.svg" },
+    { "code": CountryCode.HR, "phone": "+385", "name": "Croatia", "flag": "128-croatia.svg" },
+    { "code": CountryCode.BO, "phone": "+591", "name": "Bolivia", "flag": "129-bolivia.svg" },
+    { "code": CountryCode.KH, "phone": "+855", "name": "Cambodia", "flag": "130-cambodia.svg" },
+    { "code": CountryCode.CR, "phone": "+506", "name": "Costa Rica", "flag": "131-costa rica.svg" },
+    { "code": CountryCode.SG, "phone": "+65", "name": "Singapore", "flag": "132-singapore.svg" },
+    { "code": CountryCode.CU, "phone": "+53", "name": "Cuba", "flag": "133-cuba.svg" },
+    { "code": CountryCode.BD, "phone": "+880", "name": "Bangladesh", "flag": "134-bangladesh.svg" },
+    { "code": CountryCode.BW, "phone": "+267", "name": "Botswana", "flag": "135-botswana.svg" },
+    { "code": CountryCode.DZ, "phone": "+213", "name": "Algeria", "flag": "136-Algeria.svg" },
+    { "code": CountryCode.AZ, "phone": "+994", "name": "Azerbaijan", "flag": "137-azerbaijan.svg" },
+    { "code": CountryCode.AO, "phone": "+244", "name": "Angola", "flag": "138-angola.svg" },
+    { "code": CountryCode.CA, "phone": "+1", "name": "British Columbia", "flag": "139-british columbia.svg" },
+    { "code": CountryCode.AF, "phone": "+93", "name": "Afghanistan", "flag": "140-afghanistan.svg" },
+    { "code": CountryCode.AM, "phone": "+374", "name": "Armenia", "flag": "141-armenia.svg" },
+    { "code": CountryCode.ES, "phone": "+34", "name": "Basque Country", "flag": "142-basque country.svg" },
+    { "code": CountryCode.AU, "phone": "+61", "name": "Australia", "flag": "143-australia.svg" },
+    { "code": CountryCode.BF, "phone": "+226", "name": "Burkina Faso", "flag": "144-burkina faso.svg" },
+    { "code": CountryCode.AL, "phone": "+355", "name": "Albania", "flag": "145-albania.svg" },
+    { "code": CountryCode.BH, "phone": "+973", "name": "Bahrain", "flag": "146-bahrain.svg" },
+    { "code": CountryCode.BZ, "phone": "+501", "name": "Belize", "flag": "147-belize.svg" },
+    { "code": CountryCode.BM, "phone": "+1", "name": "Bermuda", "flag": "148-bermuda.svg" },
+    { "code": CountryCode.BA, "phone": "+387", "name": "Bosnia and Herzegovina", "flag": "149-bosnia and herzegovina.svg" },
+    { "code": CountryCode.VG, "phone": "+1", "name": "British Virgin Islands", "flag": "150-british virgin islands.svg" },
+    { "code": CountryCode.BB, "phone": "+1", "name": "Barbados", "flag": "151-barbados.svg" },
+    { "code": CountryCode.BY, "phone": "+375", "name": "Belarus", "flag": "152-belarus.svg" },
+    { "code": CountryCode.BQ, "phone": "+599", "name": "Bonaire", "flag": "153-bonaire.svg" },
+    { "code": CountryCode.TR, "phone": "+90", "name": "Turkey", "flag": "154-turkey.svg" },
+    { "code": CountryCode.BN, "phone": "+673", "name": "Brunei", "flag": "155-brunei.svg" },
+    { "code": CountryCode.CM, "phone": "+237", "name": "Cameroon", "flag": "156-cameroon.svg" },
+    { "code": CountryCode.AX, "phone": "+358", "name": "Aland Islands", "flag": "157-aland islands.svg" },
+    { "code": CountryCode.AG, "phone": "+1", "name": "Antigua and Barbuda", "flag": "158-antigua and barbuda.svg" },
+    { "code": CountryCode.BI, "phone": "+257", "name": "Burundi", "flag": "159-burundi.svg" },
+    { "code": CountryCode.AD, "phone": "+376", "name": "Andorra", "flag": "160-andorra.svg" },
+    { "code": CountryCode.ES, "phone": "+34", "name": "Balearic Islands", "flag": "161-balearic islands.svg" },
+    { "code": CountryCode.GE, "phone": "+7", "name": "Abkhazia", "flag": "162-abkhazia.svg" },
+    { "code": CountryCode.AW, "phone": "+297", "name": "Aruba", "flag": "163-aruba.svg" },
+    { "code": CountryCode.BJ, "phone": "+229", "name": "Benin", "flag": "164-benin.svg" },
+    { "code": CountryCode.PL, "phone": "+48", "name": "Poland", "flag": "165-poland.svg" },
+    { "code": CountryCode.CV, "phone": "+238", "name": "Cape Verde", "flag": "166-cape verde.svg" },
+    { "code": CountryCode.TD, "phone": "+235", "name": "Chad", "flag": "167-chad.svg" },
+    { "code": CountryCode.BT, "phone": "+975", "name": "Bhutan", "flag": "168-bhutan.svg" },
+    { "code": CountryCode.IO, "phone": "+246", "name": "British Indian Ocean Territory", "flag": "169-british indian ocean territory.svg" },
+    { "code": CountryCode.KY, "phone": "+1", "name": "Cayman Islands", "flag": "170-cayman islands.svg" },
+    { "code": CountryCode.CF, "phone": "+236", "name": "Central African Republic", "flag": "171-central african republic.svg" },
+    { "code": CountryCode.KM, "phone": "+269", "name": "Comoros", "flag": "172-comoros.svg" },
+    { "code": CountryCode.ES, "phone": "+34", "name": "Canary Islands", "flag": "173-canary islands.svg" },
+    { "code": CountryCode.FR, "phone": "+33", "name": "Corsica", "flag": "174-corsica.svg" },
+    { "code": CountryCode.AI, "phone": "+1", "name": "Anguilla", "flag": "175-anguilla.svg" },
+    { "code": CountryCode.CH, "phone": "+41", "name": "Switzerland", "flag": "176-switzerland.svg" },
+    { "code": CountryCode.AS, "phone": "+1", "name": "American Samoa", "flag": "177-american samoa.svg" },
+    { "code": CountryCode.ES, "phone": "+34", "name": "Ceuta", "flag": "178-ceuta.svg" },
+    { "code": CountryCode.CX, "phone": "+61", "name": "Christmas Island", "flag": "179-christmas island.svg" },
+    { "code": CountryCode.CC, "phone": "+61", "name": "Cocos Island", "flag": "180-cocos island.svg" },
+    { "code": CountryCode.CK, "phone": "+682", "name": "Cook Islands", "flag": "181-cook islands.svg" },
+    { "code": CountryCode.MA, "phone": "+212", "name": "Morocco", "flag": "182-morocco.svg" },
+    { "code": CountryCode.TW, "phone": "+886", "name": "Taiwan", "flag": "183-taiwan.svg" },
+    { "code": CountryCode.EG, "phone": "+20", "name": "Egypt", "flag": "184-egypt.svg" },
+    { "code": CountryCode.ID, "phone": "+62", "name": "Indonesia", "flag": "185-indonesia.svg" },
+    { "code": CountryCode.US, "phone": "+1", "name": "United States", "flag": "186-united states.svg" },
+    { "code": CountryCode.PH, "phone": "+63", "name": "Philippines", "flag": "187-philippines.svg" },
+    { "code": CountryCode.ZA, "phone": "+27", "name": "South Africa", "flag": "188-south africa.svg" },
+    { "code": CountryCode.PE, "phone": "+51", "name": "Peru", "flag": "189-peru.svg" },
+    { "code": CountryCode.SE, "phone": "+46", "name": "Sweden", "flag": "190-sweden.svg" },
+    { "code": CountryCode.DK, "phone": "+45", "name": "Denmark", "flag": "191-denmark.svg" },
+    { "code": CountryCode.GR, "phone": "+30", "name": "Greece", "flag": "192-greece.svg" },
+    { "code": CountryCode.IE, "phone": "+353", "name": "Ireland", "flag": "193-ireland.svg" },
+    { "code": CountryCode.LA, "phone": "+856", "name": "Laos", "flag": "194-laos.svg" },
+    { "code": CountryCode.AE, "phone": "+971", "name": "United Arab Emirates", "flag": "195-united arab emirates.svg" },
+    { "code": CountryCode.HK, "phone": "+852", "name": "Hong Kong", "flag": "196-hong kong.svg" },
+    { "code": CountryCode.FR, "phone": "+33", "name": "France", "flag": "197-france.svg" },
+    { "code": CountryCode.UA, "phone": "+380", "name": "Ukraine", "flag": "198-ukraine.svg" },
+    { "code": CountryCode.AR, "phone": "+54", "name": "Argentina", "flag": "199-argentina.svg" },
+    { "code": CountryCode.IR, "phone": "+98", "name": "Iran", "flag": "200-iran.svg" },
+    { "code": CountryCode.CO, "phone": "+57", "name": "Colombia", "flag": "201-colombia.svg" },
+    { "code": CountryCode.CZ, "phone": "+420", "name": "Czech Republic", "flag": "202-czech republic.svg" },
+    { "code": CountryCode.IL, "phone": "+972", "name": "Israel", "flag": "203-israel.svg" },
+    { "code": CountryCode.SA, "phone": "+966", "name": "Saudi Arabia", "flag": "204-saudi arabia.svg" },
+    { "code": CountryCode.NO, "phone": "+47", "name": "Norway", "flag": "205-norway.svg" },
+    { "code": CountryCode.VE, "phone": "+58", "name": "Venezuela", "flag": "206-venezuela.svg" },
+    { "code": CountryCode.MY, "phone": "+60", "name": "Malaysia", "flag": "207-malaysia.svg" },
+    { "code": CountryCode.DE, "phone": "+49", "name": "Germany", "flag": "208-germany.svg" },
+    { "code": CountryCode.BE, "phone": "+32", "name": "Belgium", "flag": "209-belgium.svg" },
+    { "code": CountryCode.HU, "phone": "+36", "name": "Hungary", "flag": "210-hungary.svg" },
+    { "code": CountryCode.FI, "phone": "+358", "name": "Finland", "flag": "211-finland.svg" },
+    { "code": CountryCode.CL, "phone": "+56", "name": "Chile", "flag": "212-chile.svg" },
+    { "code": CountryCode.RO, "phone": "+40", "name": "Romania", "flag": "213-romania.svg" },
+    { "code": CountryCode.EC, "phone": "+593", "name": "Ecuador", "flag": "214-ecuador.svg" },
+    { "code": CountryCode.NZ, "phone": "+64", "name": "New Zealand", "flag": "215-new zealand.svg" },
+    { "code": CountryCode.PA, "phone": "+507", "name": "Panama", "flag": "216-panama.svg" },
+    { "code": CountryCode.UN, "phone": "+1", "name": "United Nations", "flag": "217-united nations.svg" },
+    { "code": CountryCode.SK, "phone": "+421", "name": "Slovakia", "flag": "218-slovakia.svg" },
+    { "code": CountryCode.KR, "phone": "+82", "name": "South Korea", "flag": "219-south korea.svg" },
+    { "code": CountryCode.MC, "phone": "+377", "name": "Monaco", "flag": "220-monaco.svg" },
+    { "code": CountryCode.JO, "phone": "+962", "name": "Jordan", "flag": "221-jordan.svg" },
+    { "code": CountryCode.IS, "phone": "+354", "name": "Iceland", "flag": "222-iceland.svg" },
+    { "code": CountryCode.GT, "phone": "+502", "name": "Guatemala", "flag": "223-guatemala.svg" },
+    { "code": CountryCode.SY, "phone": "+963", "name": "Syria", "flag": "224-syria.svg" },
+    { "code": CountryCode.UY, "phone": "+598", "name": "Uruguay", "flag": "225-uruguay.svg" },
+    { "code": CountryCode.KP, "phone": "+850", "name": "North Korea", "flag": "226-north korea.svg" },
+    { "code": CountryCode.GB, "phone": "+44", "name": "Scotland", "flag": "227-scotland.svg" },
+    { "code": CountryCode.RS, "phone": "+381", "name": "Serbia", "flag": "228-serbia.svg" },
+    { "code": CountryCode.KZ, "phone": "+7", "name": "Kazakhstan", "flag": "229-kazakhstan.svg" },
+    { "code": CountryCode.LV, "phone": "+371", "name": "Latvia", "flag": "231-latvia.svg" },
+    { "code": CountryCode.PK, "phone": "+92", "name": "Pakistan", "flag": "232-pakistan.svg" },
+    { "code": CountryCode.CY, "phone": "+357", "name": "Cyprus", "flag": "233-cyprus.svg" },
+    { "code": CountryCode.KE, "phone": "+254", "name": "Kenya", "flag": "234-kenya.svg" },
+    { "code": CountryCode.MM, "phone": "+95", "name": "Myanmar", "flag": "235-myanmar.svg" },
+    { "code": CountryCode.HN, "phone": "+504", "name": "Honduras", "flag": "236-honduras.svg" },
+    { "code": CountryCode.JM, "phone": "+1", "name": "Jamaica", "flag": "237-jamaica.svg" },
+    { "code": CountryCode.LT, "phone": "+370", "name": "Lithuania", "flag": "238-lithuania.svg" },
+    { "code": CountryCode.LU, "phone": "+352", "name": "Luxembourg", "flag": "240-luxembourg.svg" },
+    { "code": CountryCode.JP, "phone": "+81", "name": "Japan", "flag": "241-japan.svg" },
+    { "code": CountryCode.MU, "phone": "+230", "name": "Mauritius", "flag": "242-mauritius.svg" },
+    { "code": CountryCode.NA, "phone": "+264", "name": "Namibia", "flag": "243-namibia.svg" },
+    { "code": CountryCode.QA, "phone": "+974", "name": "Qatar", "flag": "244-qatar.svg" },
+    { "code": CountryCode.DO, "phone": "+1", "name": "Dominican Republic", "flag": "245-dominican republic.svg" },
+    { "code": CountryCode.ZM, "phone": "+260", "name": "Zambia", "flag": "247-zambia.svg" },
+    { "code": CountryCode.SV, "phone": "+503", "name": "El Salvador", "flag": "248-el salvador.svg" },
+    { "code": CountryCode.NI, "phone": "+505", "name": "Nicaragua", "flag": "249-nicaragua.svg" },
+    { "code": CountryCode.TN, "phone": "+216", "name": "Tunisia", "flag": "250-tunisia.svg" },
+    { "code": CountryCode.MT, "phone": "+356", "name": "Malta", "flag": "251-malta.svg" },
+    { "code": CountryCode.NG, "phone": "+234", "name": "Nigeria", "flag": "253-nigeria.svg" },
+    { "code": CountryCode.UG, "phone": "+256", "name": "Uganda", "flag": "254-uganda.svg" },
+    { "code": CountryCode.LB, "phone": "+961", "name": "Lebanon", "flag": "255-lebanon.svg" },
+    { "code": CountryCode.IQ, "phone": "+964", "name": "Iraq", "flag": "256-iraq.svg" },
+    { "code": CountryCode.MZ, "phone": "+258", "name": "Mozambique", "flag": "257-mozambique.svg" },
+    { "code": CountryCode.SI, "phone": "+386", "name": "Slovenia", "flag": "259-slovenia.svg" },
+    { "code": CountryCode.TZ, "phone": "+255", "name": "Tanzania", "flag": "260-tanzania.svg" },
+    { "code": CountryCode.OM, "phone": "+968", "name": "Oman", "flag": "261-oman.svg" },
+    { "code": CountryCode.ET, "phone": "+251", "name": "Ethiopia", "flag": "262-ethiopia.svg" },
+    { "code": CountryCode.IT, "phone": "+39", "name": "Italy", "flag": "263-italy.svg" }
+];
+const LATIN_AMERICA_COUNTRIES = DEFAULT_COUNTRIES.filter(country => ['AR', 'BO', 'BR', 'CL', 'CO', 'CR', 'CU', 'DO', 'EC', 'SV', 'GT', 'HT', 'HN', 'MX', 'NI', 'PA', 'PY', 'PE', 'UY', 'VE'].includes(country.code));
+const COMMON_COUNTRIES = DEFAULT_COUNTRIES.filter(country => ['US', 'CA', 'GB', 'DE', 'FR', 'ES', 'IT', 'BR', 'AR', 'MX', 'AU', 'IN', 'CN', 'JP', 'RU'].includes(country.code));
+const SOUTH_AMERICA_COUNTRIES = DEFAULT_COUNTRIES.filter(country => ['AR', 'BO', 'BR', 'CL', 'CO', 'EC', 'GY', 'PY', 'PE', 'SR', 'UY', 'VE'].includes(country.code));
+
+class PhoneFieldComponent extends BaseFieldComponent {
+    countryControl = new FormControl('');
+    phoneControl = new FormControl('');
+    phoneConfig = computed(() => {
+        const field = this.field();
+        if (!field) {
+            return {
+                availableCountries: DEFAULT_COUNTRIES,
+                defaultCountry: 'US',
+                showFlags: true,
+                showCountryCode: true,
+                showPhoneCode: true,
+                phonePlaceholder: '',
+                validatePhoneFormat: false,
+                separator: ' - ',
+                countrySelectWidth: 35,
+                flagsBasePath: '/assets/images/flags/',
+                payloadFormat: 'object'
+            };
+        }
+        return {
+            availableCountries: DEFAULT_COUNTRIES,
+            defaultCountry: 'US',
+            showFlags: true,
+            showCountryCode: true,
+            showPhoneCode: true,
+            phonePlaceholder: '',
+            validatePhoneFormat: false,
+            separator: ' - ',
+            countrySelectWidth: 35,
+            flagsBasePath: '/assets/images/flags/',
+            payloadFormat: 'object',
+            ...(field.phoneConfig || {})
+        };
+    });
+    availableCountries = computed(() => {
+        const config = this.phoneConfig();
+        const availableCountries = config.availableCountries;
+        if (typeof availableCountries === 'string') {
+            switch (availableCountries) {
+                case 'latin-america':
+                    return LATIN_AMERICA_COUNTRIES;
+                case 'south-america':
+                    return SOUTH_AMERICA_COUNTRIES;
+                case 'custom':
+                    return config.customCountriesList
+                        ? DEFAULT_COUNTRIES.filter(country => config.customCountriesList.includes(country.code))
+                        : [];
+                case 'common':
+                    return COMMON_COUNTRIES;
+                case 'all':
+                default:
+                    return DEFAULT_COUNTRIES;
+            }
+        }
+        if (Array.isArray(availableCountries)) {
+            return availableCountries;
+        }
+        return DEFAULT_COUNTRIES;
+    });
+    selectedCountry = signal(null);
+    dropdownOpen = signal(false);
+    isUpdatingValue = false;
+    isDisabled = computed(() => {
+        if (this.isReadonly())
+            return true;
+        return this.evaluateDisabled();
+    });
+    hostElement = inject((ElementRef));
+    constructor() {
+        super();
+        effect(() => {
+            const initialValue = this.value();
+            if (this.isUpdatingValue)
+                return;
+            if (initialValue && typeof initialValue === 'object') {
+                this.setInitialValue(initialValue);
+            }
+            else if (typeof initialValue === 'string' && initialValue) {
+                this.parseStringValue(initialValue);
+            }
+        });
+        effect(() => {
+            const field = this.field();
+            if (field && !this.countryControl.value && !this.value()) {
+                const config = this.phoneConfig();
+                if (config.defaultCountry) {
+                    const country = this.availableCountries().find(c => c.code === config.defaultCountry);
+                    if (country) {
+                        this.countryControl.setValue(config.defaultCountry, { emitEvent: false });
+                        this.selectedCountry.set(country);
+                    }
+                }
+            }
+        });
+        effect(() => {
+            const disabled = this.isDisabled();
+            if (disabled) {
+                this.phoneControl.disable({ emitEvent: false });
+                this.countryControl.disable({ emitEvent: false });
+            }
+            else {
+                this.phoneControl.enable({ emitEvent: false });
+                this.countryControl.enable({ emitEvent: false });
+            }
+        });
+        this.countryControl.valueChanges
+            .pipe(takeUntilDestroyed(), distinctUntilChanged())
+            .subscribe((countryCode) => {
+            if (!countryCode) {
+                this.selectedCountry.set(null);
+            }
+            else {
+                const country = this.availableCountries().find(c => c.code === countryCode) || null;
+                this.selectedCountry.set(country);
+            }
+            if (!this.isUpdatingValue) {
+                this.updatePhoneValue();
+            }
+        });
+        this.phoneControl.valueChanges
+            .pipe(takeUntilDestroyed(), debounceTime(300), distinctUntilChanged())
+            .subscribe((phoneNumber) => {
+            if (!this.isUpdatingValue) {
+                this.updatePhoneValue();
+            }
+        });
+    }
+    setInitialValue(value) {
+        this.isUpdatingValue = true;
+        if (value.countryCode) {
+            const country = this.availableCountries().find(c => c.code === value.countryCode);
+            if (country) {
+                this.countryControl.setValue(value.countryCode, { emitEvent: false });
+                this.selectedCountry.set(country);
+            }
+        }
+        if (value.phoneNumber) {
+            this.phoneControl.setValue(value.phoneNumber, { emitEvent: false });
+        }
+        setTimeout(() => {
+            this.isUpdatingValue = false;
+        }, 0);
+    }
+    parseStringValue(value) {
+        this.isUpdatingValue = true;
+        const config = this.phoneConfig();
+        if (config.payloadFormat === 'phoneNumber') {
+            this.phoneControl.setValue(value, { emitEvent: false });
+            if (config.defaultCountry) {
+                const country = this.availableCountries().find(c => c.code === config.defaultCountry);
+                if (country) {
+                    this.countryControl.setValue(config.defaultCountry, { emitEvent: false });
+                    this.selectedCountry.set(country);
+                }
+            }
+        }
+        else {
+            const match = value.match(/^(\+?\d{1,4})[\s-]?(.+)$/);
+            if (match) {
+                const phoneCode = match[1].startsWith('+') ? match[1] : `+${match[1]}`;
+                const phoneNumber = match[2];
+                const country = this.availableCountries().find(c => c.phone === phoneCode);
+                if (country) {
+                    this.countryControl.setValue(country.code, { emitEvent: false });
+                    this.selectedCountry.set(country);
+                }
+                this.phoneControl.setValue(phoneNumber, { emitEvent: false });
+            }
+            else {
+                this.phoneControl.setValue(value, { emitEvent: false });
+            }
+        }
+        setTimeout(() => {
+            this.isUpdatingValue = false;
+        }, 0);
+    }
+    updatePhoneValue() {
+        if (this.isUpdatingValue)
+            return;
+        const country = this.selectedCountry();
+        const phoneNumber = this.phoneControl.value || '';
+        const countryCode = this.countryControl.value || '';
+        const config = this.phoneConfig();
+        if (!country && !phoneNumber) {
+            this.valueChange.emit('');
+            return;
+        }
+        const phoneValue = {
+            countryCode: countryCode,
+            phoneCode: country?.phone || '',
+            phoneNumber: phoneNumber,
+            fullNumber: country && phoneNumber ? `${country.phone} ${phoneNumber}` : phoneNumber
+        };
+        let valueToEmit = phoneValue;
+        switch (config.payloadFormat) {
+            case 'fullNumber':
+                valueToEmit = phoneValue.fullNumber || '';
+                break;
+            case 'phoneNumber':
+                valueToEmit = phoneValue.phoneNumber || '';
+                break;
+            case 'phoneCode':
+                valueToEmit = phoneValue.phoneCode || '';
+                break;
+            case 'countryCode':
+                valueToEmit = phoneValue.countryCode || '';
+                break;
+            case 'object':
+            default:
+                valueToEmit = phoneValue;
+                break;
+        }
+        this.valueChange.emit(valueToEmit);
+    }
+    syncCountryFromControl() {
+        const countryCode = untracked(() => this.countryControl.value);
+        if (!countryCode) {
+            this.selectedCountry.set(null);
+        }
+        else {
+            const country = untracked(() => this.availableCountries()).find(c => c.code === countryCode) || null;
+            this.selectedCountry.set(country);
+        }
+    }
+    getCountryLabel(country) {
+        const config = this.phoneConfig();
+        const parts = [];
+        if (config.showCountryCode) {
+            parts.push(country.code);
+        }
+        parts.push(country.name);
+        if (config.showPhoneCode) {
+            parts.push(country.phone);
+        }
+        return parts.reverse().join(config.separator);
+    }
+    getPhonePlaceholder() {
+        const config = this.phoneConfig();
+        if (config.phonePlaceholder) {
+            return config.phonePlaceholder;
+        }
+        const selectedCountry = this.selectedCountry();
+        if (selectedCountry) {
+            switch (selectedCountry.code) {
+                case 'US':
+                case 'CA':
+                    return '(555) 123-4567';
+                case 'AR':
+                    return '11 1234-5678';
+                case 'BR':
+                    return '(11) 99999-9999';
+                case 'MX':
+                    return '55 1234 5678';
+                case 'ES':
+                case 'FR':
+                case 'IT':
+                    return '123 456 789';
+                default:
+                    return 'phoneField.defaultPlaceholder';
+            }
+        }
+        return 'phoneField.defaultPlaceholder';
+    }
+    getFlagUrl(country) {
+        const config = this.phoneConfig();
+        if (!config.showFlags || !country.flag) {
+            return '';
+        }
+        const baseUrl = config.flagsBasePath || '/assets/images/flags/';
+        return `${baseUrl}${country.flag}`;
+    }
+    onBlurInput() {
+        super.onBlurInput();
+        if (this.phoneConfig().validatePhoneFormat) {
+            this.validatePhoneFormat();
+        }
+    }
+    validatePhoneFormat() {
+        const phoneNumber = this.phoneControl.value;
+        const country = this.selectedCountry();
+        if (!phoneNumber || !country)
+            return;
+        const phoneRegex = /^[\d\s\-\(\)]+$/;
+        if (!phoneRegex.test(phoneNumber)) {
+            this.phoneControl.setErrors({ 'invalidFormat': true });
+        }
+        else {
+            this.phoneControl.setErrors(null);
+        }
+    }
+    static getLatinAmericaConfig() {
+        return {
+            phoneConfig: {
+                availableCountries: LATIN_AMERICA_COUNTRIES,
+                defaultCountry: CountryCode.UY,
+                showFlags: true,
+                showCountryCode: true,
+                showPhoneCode: true,
+                separator: ' - ',
+                payloadFormat: 'fullNumber'
+            }
+        };
+    }
+    static getCommonCountriesConfig() {
+        return {
+            phoneConfig: {
+                availableCountries: COMMON_COUNTRIES,
+                defaultCountry: CountryCode.US,
+                showFlags: true,
+                showCountryCode: true,
+                showPhoneCode: true,
+                separator: ' - ',
+                payloadFormat: 'fullNumber'
+            }
+        };
+    }
+    isDropdownOpen() {
+        return this.dropdownOpen();
+    }
+    onDocumentClick(event) {
+        if (!this.dropdownOpen())
+            return;
+        const target = event.target;
+        const host = this.hostElement.nativeElement;
+        if (!target || host.contains(target))
+            return;
+        this.dropdownOpen.set(false);
+    }
+    toggleDropdown() {
+        if (this.isDisabled() || this.isReadonly())
+            return;
+        this.dropdownOpen.set(!this.dropdownOpen());
+    }
+    selectCountry(country, event) {
+        event?.stopPropagation();
+        if (this.isDisabled() || this.isReadonly())
+            return;
+        this.isUpdatingValue = true;
+        this.countryControl.setValue(country.code, { emitEvent: false });
+        this.selectedCountry.set(country);
+        this.dropdownOpen.set(false);
+        setTimeout(() => {
+            this.isUpdatingValue = false;
+            this.updatePhoneValue();
+        }, 0);
+    }
+    onFlagError(event) {
+        const img = event.target;
+        img.style.display = 'none';
+    }
+    getSelectedCountryDisplay() {
+        const country = this.selectedCountry();
+        if (!country) {
+            return '';
+        }
+        const config = this.phoneConfig();
+        const parts = [];
+        if (config.showCountryCode) {
+            parts.push(country.code);
+        }
+        if (config.showPhoneCode) {
+            parts.push(country.phone);
+        }
+        if (!config.showCountryCode && !config.showPhoneCode) {
+            parts.push(country.name);
+        }
+        return parts.join(' ');
+    }
+    onAreaCodeClick(event) {
+        event.stopPropagation();
+        this.toggleDropdown();
+    }
+    onAreaCodeKeydown(event) {
+        if (this.isDisabled() || this.isReadonly())
+            return;
+        const key = event.key;
+        if (key === 'Enter' || key === ' ' || key === 'Spacebar') {
+            event.preventDefault();
+            event.stopPropagation();
+            this.toggleDropdown();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PhoneFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: PhoneFieldComponent, isStandalone: true, selector: "core-phone-field", host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-entry-phone\" [class.is-disabled]=\"isDisabled()\">\n    <div\n      class=\"c-entry-input c-entry-input--phone c-area-code js-area-code c-phone-field__custom-select\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-readonly]=\"isReadonly()\"\n      (click)=\"onAreaCodeClick($event)\"\n      (keydown.enter)=\"onAreaCodeKeydown($any($event))\"\n      (keydown.space)=\"onAreaCodeKeydown($any($event))\"\n      role=\"button\"\n      [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n      [attr.aria-expanded]=\"isDropdownOpen()\"\n      [attr.aria-haspopup]=\"true\"\n    >\n      <input type=\"hidden\" class=\"js-area-value\" [value]=\"selectedCountry()?.phone || ''\" />\n      <div class=\"c-area-code__selected js-area-code-selected\">\n        @if (phoneConfig().showFlags && selectedCountry()?.flag) {\n          <img\n            class=\"c-area-code__flag\"\n            [src]=\"getFlagUrl(selectedCountry()!)\"\n            [alt]=\"selectedCountry()?.name || ''\"\n            (error)=\"onFlagError($event)\"\n          />\n        }\n        <span class=\"c-area-code__num\">{{ getSelectedCountryDisplay() }}</span>\n        <span class=\"c-area-code__arrow icon-arrow-down\"></span>\n      </div>\n      <div class=\"c-area-code__options js-area-code-options\" [class.show]=\"isDropdownOpen()\">\n        @for (country of availableCountries(); track country.code + '-' + country.name) {\n          <div class=\"c-area-code__option\" (click)=\"selectCountry(country, $event)\">\n            @if (phoneConfig().showFlags && country.flag) {\n              <img\n                class=\"c-area-code__flag\"\n                [src]=\"getFlagUrl(country)\"\n                [alt]=\"country.name\"\n                (error)=\"onFlagError($event)\"\n              />\n            }\n            <span>{{ getCountryLabel(country) }}</span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <span\n      class=\"c-entry-input\"\n      [class.is-readonly]=\"isReadonly() || field().blocked\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-invalid]=\"hasError()\"\n    >\n      <input\n        type=\"tel\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [formControl]=\"phoneControl\"\n        [placeholder]=\"getPhonePlaceholder() | translate\"\n        [readonly]=\"isReadonly() || field().blocked\"\n        [class.has-error]=\"hasError()\"\n        [class.is-invalid]=\"hasError()\"\n        inputmode=\"tel\"\n        autocomplete=\"tel\"\n        (blur)=\"onBlurInput()\"\n        (keydown.enter)=\"onEnterInput($any($event))\"\n      />\n    </span>\n  </div>\n\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PhoneFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-phone-field', standalone: true, imports: [CommonModule, ReactiveFormsModule, TranslateModule, FieldErrorsComponent], template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-entry-phone\" [class.is-disabled]=\"isDisabled()\">\n    <div\n      class=\"c-entry-input c-entry-input--phone c-area-code js-area-code c-phone-field__custom-select\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-readonly]=\"isReadonly()\"\n      (click)=\"onAreaCodeClick($event)\"\n      (keydown.enter)=\"onAreaCodeKeydown($any($event))\"\n      (keydown.space)=\"onAreaCodeKeydown($any($event))\"\n      role=\"button\"\n      [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n      [attr.aria-expanded]=\"isDropdownOpen()\"\n      [attr.aria-haspopup]=\"true\"\n    >\n      <input type=\"hidden\" class=\"js-area-value\" [value]=\"selectedCountry()?.phone || ''\" />\n      <div class=\"c-area-code__selected js-area-code-selected\">\n        @if (phoneConfig().showFlags && selectedCountry()?.flag) {\n          <img\n            class=\"c-area-code__flag\"\n            [src]=\"getFlagUrl(selectedCountry()!)\"\n            [alt]=\"selectedCountry()?.name || ''\"\n            (error)=\"onFlagError($event)\"\n          />\n        }\n        <span class=\"c-area-code__num\">{{ getSelectedCountryDisplay() }}</span>\n        <span class=\"c-area-code__arrow icon-arrow-down\"></span>\n      </div>\n      <div class=\"c-area-code__options js-area-code-options\" [class.show]=\"isDropdownOpen()\">\n        @for (country of availableCountries(); track country.code + '-' + country.name) {\n          <div class=\"c-area-code__option\" (click)=\"selectCountry(country, $event)\">\n            @if (phoneConfig().showFlags && country.flag) {\n              <img\n                class=\"c-area-code__flag\"\n                [src]=\"getFlagUrl(country)\"\n                [alt]=\"country.name\"\n                (error)=\"onFlagError($event)\"\n              />\n            }\n            <span>{{ getCountryLabel(country) }}</span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <span\n      class=\"c-entry-input\"\n      [class.is-readonly]=\"isReadonly() || field().blocked\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-invalid]=\"hasError()\"\n    >\n      <input\n        type=\"tel\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [formControl]=\"phoneControl\"\n        [placeholder]=\"getPhonePlaceholder() | translate\"\n        [readonly]=\"isReadonly() || field().blocked\"\n        [class.has-error]=\"hasError()\"\n        [class.is-invalid]=\"hasError()\"\n        inputmode=\"tel\"\n        autocomplete=\"tel\"\n        (blur)=\"onBlurInput()\"\n        (keydown.enter)=\"onEnterInput($any($event))\"\n      />\n    </span>\n  </div>\n\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n" }]
+        }], ctorParameters: () => [], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 class SelectFieldComponent extends BaseFieldComponent {
     ngSelect;
     field = input.required();
@@ -2227,6 +3232,16 @@ class SelectFieldComponent extends BaseFieldComponent {
                 this.scheduleDynamicValue(newValue);
             }
         });
+        effect(() => {
+            const control = this.formControl();
+            const currentValue = control.value;
+            if (!this.field().multiple &&
+                typeof currentValue === 'string' &&
+                currentValue.trim() === '') {
+                control.setValue(null, { emitEvent: false });
+                this.hasValue.set(false);
+            }
+        });
     }
     ngOnInit() {
         this.userHasInteracted.set(false);
@@ -2684,13 +3699,13 @@ class ServerSelectFieldComponent extends BaseFieldComponent {
         this.initializeWithOptions();
         this.initializeWithPreloadedOptions();
         this.initializeWithExistingValues();
-        this.formControl().valueChanges.pipe(debounceTime(100), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(value => {
+        this.formControl().valueChanges.pipe(debounceTime$1(100), distinctUntilChanged$1(), takeUntil(this.destroy$)).subscribe(value => {
             if (!this.initialized && value) {
                 this.initialized = true;
                 this.updateItemsWithValue(value);
             }
         });
-        this.searchInput$.pipe(debounceTime(300), distinctUntilChanged(), tap(() => {
+        this.searchInput$.pipe(debounceTime$1(300), distinctUntilChanged$1(), tap(() => {
             this.isLoadingSignal.set(true);
             this.hasSearchedSignal.set(true);
         }), switchMap(term => {
@@ -3302,11 +4317,11 @@ class TextFieldComponent extends BaseFieldComponent {
         this.onEnterInput(keyboardEvent);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextFieldComponent, isStandalone: true, selector: "core-text-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        ! Solcre: Detalles del input implementados:\n        \u2705 Estado disabled agregado - Implementado isDisabled()\n        \u2705 Type din\u00E1mico implementado - Acepta text, email, url, tel, etc.\n        \u2705 style=\"--chars: XXX\" implementado - Ancho adaptable seg\u00FAn caracteres\n        \u2705 PrefixIcon agregado - Soporte para iconos de prefijo\n    -->\n\n    <span class=\"c-entry-input\"\n        [style.--chars]=\"getCharsWidth()\"\n        [class.is-readonly]=\"isReadonly() || field().blocked\"\n        [class.is-disabled]=\"isDisabled()\">\n        @if (field().prefixIcon) {\n            <span class=\"c-entry-input__addon\" [class]=\"field().prefixIcon | coreIconCompat\"></span>\n        }\n        <input \n            [type]=\"getInputType()\"\n            [class.has-error]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [formControl]=\"formControl()\"\n            [placeholder]=\"(field().placeholder ?? '') | translate\"\n            (blur)=\"onBlurInput($event)\"\n            (keydown.enter)=\"handleEnterKey($event)\"\n            />\n        <span *ngIf=\"field().blocked\" class=\"c-entry-input__addon icon-locked-thin\"></span>\n    </span>\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextFieldComponent, isStandalone: true, selector: "core-text-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        ! Solcre: Detalles del input implementados:\n        \u2705 Estado disabled agregado - Implementado isDisabled()\n        \u2705 Type din\u00E1mico implementado - Acepta text, email, url, tel, etc.\n        \u2705 style=\"--chars: XXX\" implementado - Ancho adaptable seg\u00FAn caracteres\n        \u2705 PrefixIcon agregado - Soporte para iconos de prefijo\n    -->\n\n    <span class=\"c-entry-input\"\n        [style.--chars]=\"getCharsWidth()\"\n        [class.is-readonly]=\"isReadonly() || field().blocked\"\n        [class.is-disabled]=\"isDisabled()\">\n        @if (field().prefixIcon) {\n            <span class=\"c-entry-input__addon\" [class]=\"field().prefixIcon | coreIconCompat\"></span>\n        }\n        <input \n            [type]=\"getInputType()\"\n            [class.has-error]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [class.is-invalid]=\"hasError()\"\n            [formControl]=\"formControl()\"\n            [placeholder]=\"(field().placeholder ?? '') | translate\"\n            (blur)=\"onBlurInput($event)\"\n            (keydown.enter)=\"handleEnterKey($event)\"\n            />\n        <span *ngIf=\"field().blocked\" class=\"c-entry-input__addon icon-locked-thin\"></span>\n    </span>\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-text-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, IconCompatPipe], hostDirectives: [CoreHostDirective], template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        ! Solcre: Detalles del input implementados:\n        \u2705 Estado disabled agregado - Implementado isDisabled()\n        \u2705 Type din\u00E1mico implementado - Acepta text, email, url, tel, etc.\n        \u2705 style=\"--chars: XXX\" implementado - Ancho adaptable seg\u00FAn caracteres\n        \u2705 PrefixIcon agregado - Soporte para iconos de prefijo\n    -->\n\n    <span class=\"c-entry-input\"\n        [style.--chars]=\"getCharsWidth()\"\n        [class.is-readonly]=\"isReadonly() || field().blocked\"\n        [class.is-disabled]=\"isDisabled()\">\n        @if (field().prefixIcon) {\n            <span class=\"c-entry-input__addon\" [class]=\"field().prefixIcon | coreIconCompat\"></span>\n        }\n        <input \n            [type]=\"getInputType()\"\n            [class.has-error]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [formControl]=\"formControl()\"\n            [placeholder]=\"(field().placeholder ?? '') | translate\"\n            (blur)=\"onBlurInput($event)\"\n            (keydown.enter)=\"handleEnterKey($event)\"\n            />\n        <span *ngIf=\"field().blocked\" class=\"c-entry-input__addon icon-locked-thin\"></span>\n    </span>\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n" }]
+            args: [{ selector: 'core-text-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, IconCompatPipe], hostDirectives: [CoreHostDirective], template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        ! Solcre: Detalles del input implementados:\n        \u2705 Estado disabled agregado - Implementado isDisabled()\n        \u2705 Type din\u00E1mico implementado - Acepta text, email, url, tel, etc.\n        \u2705 style=\"--chars: XXX\" implementado - Ancho adaptable seg\u00FAn caracteres\n        \u2705 PrefixIcon agregado - Soporte para iconos de prefijo\n    -->\n\n    <span class=\"c-entry-input\"\n        [style.--chars]=\"getCharsWidth()\"\n        [class.is-readonly]=\"isReadonly() || field().blocked\"\n        [class.is-disabled]=\"isDisabled()\">\n        @if (field().prefixIcon) {\n            <span class=\"c-entry-input__addon\" [class]=\"field().prefixIcon | coreIconCompat\"></span>\n        }\n        <input \n            [type]=\"getInputType()\"\n            [class.has-error]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [class.is-invalid]=\"hasError()\"\n            [formControl]=\"formControl()\"\n            [placeholder]=\"(field().placeholder ?? '') | translate\"\n            (blur)=\"onBlurInput($event)\"\n            (keydown.enter)=\"handleEnterKey($event)\"\n            />\n        <span *ngIf=\"field().blocked\" class=\"c-entry-input__addon icon-locked-thin\"></span>\n    </span>\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n" }]
         }], ctorParameters: () => [] });
 
 class TimeFieldComponent {
@@ -3620,6 +4635,7 @@ class DynamicFieldDirective {
         time: TimeFieldComponent,
         password: PasswordFieldComponent,
         file: FileFieldComponent,
+        phone: PhoneFieldComponent,
     };
     ngOnChanges(changes) {
         if (changes['field']?.firstChange || this.shouldReloadComponent(changes)) {
@@ -4613,28 +5629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 args: ['class']
             }] } });
 
-var FieldType;
-(function (FieldType) {
-    FieldType["TEXT"] = "text";
-    FieldType["TEXTAREA"] = "textarea";
-    FieldType["NUMBER"] = "number";
-    FieldType["CHECKBOX"] = "checkbox";
-    FieldType["SELECT"] = "select";
-    FieldType["DATE"] = "date";
-    FieldType["DATETIME"] = "datetime";
-    FieldType["TIME"] = "time";
-    FieldType["PASSWORD"] = "password";
-    FieldType["SWITCH"] = "switch";
-    FieldType["SERVER_SELECT"] = "server-select";
-    FieldType["FILE"] = "file";
-})(FieldType || (FieldType = {}));
-var NumberFieldType;
-(function (NumberFieldType) {
-    NumberFieldType["DEFAULT"] = "default";
-    NumberFieldType["DECIMAL"] = "decimal";
-    NumberFieldType["INTEGER"] = "integer";
-})(NumberFieldType || (NumberFieldType = {}));
-
 class GenericTabsComponent {
     config = input({
         tabs: [],
@@ -5250,15 +6244,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
-var AlertType;
-(function (AlertType) {
-    AlertType["DEFAULT"] = "default";
-    AlertType["ERROR"] = "error";
-    AlertType["SUCCESS"] = "success";
-    AlertType["HIGHLIGHTED"] = "highlight";
-    AlertType["WAITING"] = "waiting";
-})(AlertType || (AlertType = {}));
-
 class AlertService {
     alerts = signal([]);
     alerts$ = this.alerts.asReadonly();
@@ -9528,15 +10513,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
-var HeaderElementType;
-(function (HeaderElementType) {
-    HeaderElementType["GLOBAL_ACTIONS"] = "globalActions";
-    HeaderElementType["CUSTOM_ACTIONS"] = "customActions";
-    HeaderElementType["FILTER"] = "filter";
-    HeaderElementType["CREATE"] = "create";
-    HeaderElementType["CUSTOM_TEMPLATE"] = "customTemplate";
-})(HeaderElementType || (HeaderElementType = {}));
-
 class HeaderService {
     translateService = inject(TranslateService);
     title = signal('');
@@ -9804,7 +10780,7 @@ class InlineEditService {
     setupSubscriptions() {
         this.subscriptions.forEach(sub => sub.unsubscribe());
         this.subscriptions = [];
-        this.subscriptions.push(this.immediateSaveSubject.pipe(debounceTime(50), switchMap(({ rowId, column, value, source }) => {
+        this.subscriptions.push(this.immediateSaveSubject.pipe(debounceTime$1(50), switchMap(({ rowId, column, value, source }) => {
             this.performInlineEdit(rowId, column, value, source);
             return of(true);
         })).subscribe());
@@ -11937,7 +12913,7 @@ class GenericTableComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTableComponent, isStandalone: true, selector: "core-generic-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, modalFields: { classPropertyName: "modalFields", publicName: "modalFields", isSignal: true, isRequired: false, transformFunction: null }, modalTabs: { classPropertyName: "modalTabs", publicName: "modalTabs", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: true, isRequired: false, transformFunction: null }, globalActions: { classPropertyName: "globalActions", publicName: "globalActions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, showSelection: { classPropertyName: "showSelection", publicName: "showSelection", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, showCreateButton: { classPropertyName: "showCreateButton", publicName: "showCreateButton", isSignal: true, isRequired: false, transformFunction: null }, filterButtonConfig: { classPropertyName: "filterButtonConfig", publicName: "filterButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonConfig: { classPropertyName: "createButtonConfig", publicName: "createButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonText: { classPropertyName: "createButtonText", publicName: "createButtonText", isSignal: true, isRequired: false, transformFunction: null }, dataInput: { classPropertyName: "dataInput", publicName: "dataInput", isSignal: true, isRequired: false, transformFunction: null }, customFilters: { classPropertyName: "customFilters", publicName: "customFilters", isSignal: true, isRequired: false, transformFunction: null }, enablePagination: { classPropertyName: "enablePagination", publicName: "enablePagination", isSignal: true, isRequired: false, transformFunction: null }, modelFactory: { classPropertyName: "modelFactory", publicName: "modelFactory", isSignal: true, isRequired: false, transformFunction: null }, endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, customParams: { classPropertyName: "customParams", publicName: "customParams", isSignal: true, isRequired: false, transformFunction: null }, customArrayKey: { classPropertyName: "customArrayKey", publicName: "customArrayKey", isSignal: true, isRequired: false, transformFunction: null }, listTitle: { classPropertyName: "listTitle", publicName: "listTitle", isSignal: true, isRequired: false, transformFunction: null }, moreData: { classPropertyName: "moreData", publicName: "moreData", isSignal: true, isRequired: false, transformFunction: null }, inModal: { classPropertyName: "inModal", publicName: "inModal", isSignal: true, isRequired: false, transformFunction: null }, expansionConfig: { classPropertyName: "expansionConfig", publicName: "expansionConfig", isSignal: true, isRequired: false, transformFunction: null }, fileUploadConfig: { classPropertyName: "fileUploadConfig", publicName: "fileUploadConfig", isSignal: true, isRequired: false, transformFunction: null }, rowStyleConfigs: { classPropertyName: "rowStyleConfigs", publicName: "rowStyleConfigs", isSignal: true, isRequired: false, transformFunction: null }, columnDisabledConfigs: { classPropertyName: "columnDisabledConfigs", publicName: "columnDisabledConfigs", isSignal: true, isRequired: false, transformFunction: null }, rowVisibilityConfigs: { classPropertyName: "rowVisibilityConfigs", publicName: "rowVisibilityConfigs", isSignal: true, isRequired: false, transformFunction: null }, headerOrder: { classPropertyName: "headerOrder", publicName: "headerOrder", isSignal: true, isRequired: false, transformFunction: null }, showActiveFilters: { classPropertyName: "showActiveFilters", publicName: "showActiveFilters", isSignal: true, isRequired: false, transformFunction: null }, activeFiltersConfig: { classPropertyName: "activeFiltersConfig", publicName: "activeFiltersConfig", isSignal: true, isRequired: false, transformFunction: null }, sortConfig: { classPropertyName: "sortConfig", publicName: "sortConfig", isSignal: true, isRequired: false, transformFunction: null }, showManualRefresh: { classPropertyName: "showManualRefresh", publicName: "showManualRefresh", isSignal: true, isRequired: false, transformFunction: null }, manualRefreshConfig: { classPropertyName: "manualRefreshConfig", publicName: "manualRefreshConfig", isSignal: true, isRequired: false, transformFunction: null }, refreshButtonConfig: { classPropertyName: "refreshButtonConfig", publicName: "refreshButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, customEdit: { classPropertyName: "customEdit", publicName: "customEdit", isSignal: true, isRequired: false, transformFunction: null }, customDelete: { classPropertyName: "customDelete", publicName: "customDelete", isSignal: true, isRequired: false, transformFunction: null }, customView: { classPropertyName: "customView", publicName: "customView", isSignal: true, isRequired: false, transformFunction: null }, customSave: { classPropertyName: "customSave", publicName: "customSave", isSignal: true, isRequired: false, transformFunction: null }, useCustomSave: { classPropertyName: "useCustomSave", publicName: "useCustomSave", isSignal: true, isRequired: false, transformFunction: null }, onApiError: { classPropertyName: "onApiError", publicName: "onApiError", isSignal: true, isRequired: false, transformFunction: null }, inlineEditConfig: { classPropertyName: "inlineEditConfig", publicName: "inlineEditConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", selectionChanged: "selectionChanged", dataCreated: "dataCreated", dataUpdated: "dataUpdated", dataDeleted: "dataDeleted", dataFetched: "dataFetched", onMoreDataLoaded: "onMoreDataLoaded", globalActionTriggered: "globalActionTriggered", modalData: "modalData", beforeSave: "beforeSave", onFilterChange: "onFilterChange", onClearFilters: "onClearFilters", activeFilterRemoved: "activeFilterRemoved", activeFiltersCleared: "activeFiltersCleared", dataRefreshed: "dataRefreshed", inlineEditSave: "inlineEditSave", inlineEditModeChanged: "inlineEditModeChanged", inlineEditValidationError: "inlineEditValidationError" }, host: { listeners: { "window:beforeunload": "onBeforeUnload($event)", "document:click": "closeSubmenu()" } }, providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], viewQueries: [{ propertyName: "sentinel", first: true, predicate: ["sentinel"], descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "manualRefreshComponent", first: true, predicate: CoreManualRefreshComponent, descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (showActiveFilters()) {\n  <core-active-filters\n    [activeFilters]=\"currentActiveFilters()\"\n    [config]=\"activeFiltersConfig()\"\n    (onFilterRemove)=\"onActiveFilterRemove($event)\"\n    (onClearAll)=\"onActiveFiltersClear()\">\n  </core-active-filters>\n}\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\n    <core-manual-refresh \n      [config]=\"getManualRefreshConfig()\"\n      (onRefresh)=\"onManualRefresh()\">\n    </core-manual-refresh>\n  }\n  <table>\n    <thead>\n      <tr>\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <th class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isAllSelected()\" (change)=\"masterToggle()\" />\n        </th>\n        }\n        @for (column of columns(); track $index) {\n        <th [ngClass]=\"column.align ? 'u-align-' + column.align : ''\">\n          @if (isColumnSortable(column)) {\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"getColumnSortState(column) === SortDirection.ASC\"\n            [class.is-desc]=\"getColumnSortState(column) === SortDirection.DESC\"\n            [class.has-multiple-sorts]=\"isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null\"\n            [title]=\"getSortButtonTitle(column)\"\n            (click)=\"onColumnHeaderClick(column)\">\n            {{ column.label | translate }}\n            <!-- @if (isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null) {\n              <span class=\"c-table-order__priority\">{{ getColumnSortPriority(column)! + 1 }}</span>\n            } -->\n            <span class=\"c-table-order__controls\">\n              <span class=\"c-table-order__arrow--desc icon-arrow-up\"></span>\n              <span class=\"c-table-order__arrow--asc icon-arrow-down\"></span>\n            </span>\n          </button>\n          } @else {\n          {{ column.label | translate }}\n          }\n        </th>\n        }\n        @if (showActions() && (actions().length > 0 || customActions().length > 0)) {\n        <th class=\"u-align-right\">{{ 'table.actions' | translate }}</th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of displayedData(); track row.getId()) {\n      <tr [ngClass]=\"getRowClasses(row)\" \n          [class.is-editing-inline]=\"isRowInEditMode(row.getId())\"\n          [class.is-disabled]=\"isRowDisabled(row)\">\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <td class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"toggleRow(row)\" />\n        </td>\n        }\n        @for (column of columns(); track $index) {\n        <td [attr.data-label]=\"column.label | translate\" \n            [ngClass]=\"[\n              column.align ? 'u-align-' + column.align : '',\n              getCellDisabledClasses(row, column)\n            ]\" \n            [class.is-editing]=\"isColumnEditable(column, row)\"\n            [class.is-column-disabled]=\"isColumnDisabledForRow(row, column)\">\n          @if (column.template) {\n          <!-- Todo: Ver qu\u00E9 es esto -->\n            <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: row, column: column }\"></ng-container>\n          } @else if (isColumnEditable(column, row)) {\n            <!-- !Solcre: Modo de edici\u00F3n en l\u00EDnea usando DynamicField -->\n            <div class=\"c-table__inline-edit\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong>\n              <div\n                coreDynamicField\n                [field]=\"getInlineEditableConfigWithState(row, column)!\"\n                [value]=\"getEditingValue(row, column)\"\n                [mode]=\"ModalMode.EDIT\"\n                [errors]=\"getCellErrors(row, column)\"\n                [rowData]=\"row\"\n                (valueChange)=\"onCellValueChange(row, column, $event)\"\n                (onBlurEvent)=\"onCellBlur(row, column)\"\n                (onEnterEvent)=\"onCellEnter(row, column)\"\n              ></div>\n            </div>\n          } @else {\n            <div class=\"c-table__content\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong> {{ getFormattedValue(row,\n              column) }}\n            </div>\n          }\n        </td>\n        }\n\n        <!-- Actions-->\n\n        @if (showActions() && (actions().length > 0 || customActions().length > 0 || expansionConfig()?.enabled)) {\n\n        <td class=\"u-align-right\">\n          <div class=\"c-table__actions\">\n            <core-dropdown [rowId]=\"row.getId()\" [extraDefaultActions]=\"getVisibleDefaultActions(row, true)\"\n                [extraCustomActions]=\"getVisibleCustomActions(row, true)\" [row]=\"row\"\n                [triggerElementId]=\"'dropdown-trigger-' + row.getId()\"\n                (actionTriggered)=\"triggerAction($event.action, $event.row)\"\n                (customActionTriggered)=\"triggerCustomAction($event.action, $event.row)\" #dropdown>\n              </core-dropdown>\n            @for (actionConfig of getVisibleDefaultActions(row, false); track actionConfig.action) {\n              @if (hasPermission(actionConfig)) {\n                @if (actionConfig.action === TableAction.VIEW || actionConfig.action === TableAction.EDIT ||\n                actionConfig.action === TableAction.DELETE) {\n                  <core-generic-button [config]=\"getActionButtonConfig(actionConfig.action, actionConfig, row)\"\n                    (buttonClick)=\"onButtonClick($event, actionConfig.action, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n            @for (customAction of getVisibleCustomActions(row, false); track customAction.label || $index) {\n              @if (hasPermission(customAction)) {\n                <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                  (buttonClick)=\"onButtonClick($event, customAction, row)\">\n                </core-generic-button>\n              }\n            }\n\n            @if (hasExtraActionsForRow(row)) {\n              <core-generic-button [config]=\"getMoreActionsButtonConfig(row.getId())\" [data]=\"row\"\n                (buttonClick)=\"onMoreActionsClick($event, row.getId())\" #dropdownTrigger>\n              </core-generic-button>\n            }\n\n            @if (expansionConfig()?.enabled) {\n              <!-- \u2705 Solcre: Celda dedicada para expansi\u00F3n en su posici\u00F3n correcta -->\n              <core-generic-button [config]=\"getExpandButtonConfig(row)\" (buttonClick)=\"onExpandButtonClick($event, row)\">\n              </core-generic-button>\n            }\n\n          </div> <!-- .c-table__actions -->\n        </td> <!-- td parent of .c-table__actions -->\n        } <!-- @if (showActions() -->\n\n\n      </tr>\n      @if (expansionConfig()?.enabled && isRowExpanded(row)) {\n        <!-- Todo: Ver que es esto -->\n        <tr class=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\n            <ng-container *ngTemplateOutlet=\"expansionConfig()!.template; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n        </tr>\n      }\n      } @empty {\n        <tr>\n          <!-- Todo: Estilo .no-data -->\n          <td [attr.colspan]=\"displayedColumns().length\">\n            <p class=\"c-placeholder\">{{ 'table.noData' | translate }}</p>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div> <!-- .c-table -->\n\n<!-- Todo: Todo lo que viene dsp de la tabla -->\n\n@if (!enablePagination()) {\n<!-- Todo: Ver qu\u00E9 onda esto -->\n<div #sentinel class=\"sentinel\"></div>\n}\n\n@if (enablePagination()) {\n<core-generic-pagination \n  [tableId]=\"tableId\" \n  [isServerSide]=\"!!endpoint()\">\n</core-generic-pagination>\n}\n\n<core-generic-modal [isOpen]=\"tableActionService.getIsModalOpen()\" [mode]=\"tableActionService.getModalMode()\"\n  [data]=\"tableActionService.getModalData()\" [fields]=\"hasTabs() ? [] : tableActionService.getModalFieldsToShow()\"\n  [tabs]=\"hasTabs() ? modalTabs() : []\" [title]=\"tableActionService.getModalTitle()\" [modelFactory]=\"modelFactory() || null\"\n  (save)=\"onModalSave($event)\" (close)=\"tableActionService.closeModal()\" (modalData)=\"onModalData($event)\">\n</core-generic-modal>\n\n<core-filter-modal [isOpen]=\"isFilterModalOpen()\" [filters]=\"customFilters()\" [currentFilterValues]=\"currentFilterValues()\" (close)=\"closeFiltersPopup()\"\n  (filterChange)=\"handleFilterChange($event)\" (globalFilterChange)=\"applyGlobalFilter($event)\"\n  (clearFilters)=\"handleClearFilters()\">\n</core-filter-modal>", styles: [".in-modal .c-table thead th:last-child,.c-table tbody td:last-child{text-align:left}.c-table__order-btn--asc{transform:rotate(180deg)}.c-table__order-btn--desc{transform:rotate(0)}.c-table tr.is-editing-inline{background-color:#fff3cd;border-left:3px solid #ffc107}.c-table tr.is-editing-inline td{background-color:#fff3cd}.c-table tr.is-editing-inline:hover td{background-color:#ffecb5}.expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericModalComponent, selector: "core-generic-modal", inputs: ["isOpen", "mode", "data", "fields", "tabs", "steps", "title", "isMultiple", "customTemplate", "customViewTemplate", "finalStepTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges", "stepValidationEnabled", "allowFreeNavigation", "autoMarkCompleted"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: GenericPaginationComponent, selector: "core-generic-pagination", inputs: ["tableId", "isServerSide"] }, { kind: "component", type: DropdownComponent, selector: "core-dropdown", inputs: ["rowId", "triggerElementId", "extraDefaultActions", "extraCustomActions", "row"], outputs: ["actionTriggered", "customActionTriggered"] }, { kind: "component", type: FilterModalComponent, selector: "core-filter-modal", inputs: ["isOpen", "filters", "currentFilterValues"], outputs: ["close", "filterChange", "clearFilters", "globalFilterChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: ActiveFiltersComponent, selector: "core-active-filters", inputs: ["activeFilters", "config"], outputs: ["onFilterRemove", "onClearAll"] }, { kind: "component", type: CoreManualRefreshComponent, selector: "core-manual-refresh", inputs: ["config", "refreshId"], outputs: ["onRefresh", "timestampUpdated"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTableComponent, isStandalone: true, selector: "core-generic-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, modalFields: { classPropertyName: "modalFields", publicName: "modalFields", isSignal: true, isRequired: false, transformFunction: null }, modalTabs: { classPropertyName: "modalTabs", publicName: "modalTabs", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: true, isRequired: false, transformFunction: null }, globalActions: { classPropertyName: "globalActions", publicName: "globalActions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, showSelection: { classPropertyName: "showSelection", publicName: "showSelection", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, showCreateButton: { classPropertyName: "showCreateButton", publicName: "showCreateButton", isSignal: true, isRequired: false, transformFunction: null }, filterButtonConfig: { classPropertyName: "filterButtonConfig", publicName: "filterButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonConfig: { classPropertyName: "createButtonConfig", publicName: "createButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonText: { classPropertyName: "createButtonText", publicName: "createButtonText", isSignal: true, isRequired: false, transformFunction: null }, dataInput: { classPropertyName: "dataInput", publicName: "dataInput", isSignal: true, isRequired: false, transformFunction: null }, customFilters: { classPropertyName: "customFilters", publicName: "customFilters", isSignal: true, isRequired: false, transformFunction: null }, enablePagination: { classPropertyName: "enablePagination", publicName: "enablePagination", isSignal: true, isRequired: false, transformFunction: null }, modelFactory: { classPropertyName: "modelFactory", publicName: "modelFactory", isSignal: true, isRequired: false, transformFunction: null }, endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, customParams: { classPropertyName: "customParams", publicName: "customParams", isSignal: true, isRequired: false, transformFunction: null }, customArrayKey: { classPropertyName: "customArrayKey", publicName: "customArrayKey", isSignal: true, isRequired: false, transformFunction: null }, listTitle: { classPropertyName: "listTitle", publicName: "listTitle", isSignal: true, isRequired: false, transformFunction: null }, moreData: { classPropertyName: "moreData", publicName: "moreData", isSignal: true, isRequired: false, transformFunction: null }, inModal: { classPropertyName: "inModal", publicName: "inModal", isSignal: true, isRequired: false, transformFunction: null }, expansionConfig: { classPropertyName: "expansionConfig", publicName: "expansionConfig", isSignal: true, isRequired: false, transformFunction: null }, fileUploadConfig: { classPropertyName: "fileUploadConfig", publicName: "fileUploadConfig", isSignal: true, isRequired: false, transformFunction: null }, rowStyleConfigs: { classPropertyName: "rowStyleConfigs", publicName: "rowStyleConfigs", isSignal: true, isRequired: false, transformFunction: null }, columnDisabledConfigs: { classPropertyName: "columnDisabledConfigs", publicName: "columnDisabledConfigs", isSignal: true, isRequired: false, transformFunction: null }, rowVisibilityConfigs: { classPropertyName: "rowVisibilityConfigs", publicName: "rowVisibilityConfigs", isSignal: true, isRequired: false, transformFunction: null }, headerOrder: { classPropertyName: "headerOrder", publicName: "headerOrder", isSignal: true, isRequired: false, transformFunction: null }, showActiveFilters: { classPropertyName: "showActiveFilters", publicName: "showActiveFilters", isSignal: true, isRequired: false, transformFunction: null }, activeFiltersConfig: { classPropertyName: "activeFiltersConfig", publicName: "activeFiltersConfig", isSignal: true, isRequired: false, transformFunction: null }, sortConfig: { classPropertyName: "sortConfig", publicName: "sortConfig", isSignal: true, isRequired: false, transformFunction: null }, showManualRefresh: { classPropertyName: "showManualRefresh", publicName: "showManualRefresh", isSignal: true, isRequired: false, transformFunction: null }, manualRefreshConfig: { classPropertyName: "manualRefreshConfig", publicName: "manualRefreshConfig", isSignal: true, isRequired: false, transformFunction: null }, refreshButtonConfig: { classPropertyName: "refreshButtonConfig", publicName: "refreshButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, customEdit: { classPropertyName: "customEdit", publicName: "customEdit", isSignal: true, isRequired: false, transformFunction: null }, customDelete: { classPropertyName: "customDelete", publicName: "customDelete", isSignal: true, isRequired: false, transformFunction: null }, customView: { classPropertyName: "customView", publicName: "customView", isSignal: true, isRequired: false, transformFunction: null }, customSave: { classPropertyName: "customSave", publicName: "customSave", isSignal: true, isRequired: false, transformFunction: null }, useCustomSave: { classPropertyName: "useCustomSave", publicName: "useCustomSave", isSignal: true, isRequired: false, transformFunction: null }, onApiError: { classPropertyName: "onApiError", publicName: "onApiError", isSignal: true, isRequired: false, transformFunction: null }, inlineEditConfig: { classPropertyName: "inlineEditConfig", publicName: "inlineEditConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", selectionChanged: "selectionChanged", dataCreated: "dataCreated", dataUpdated: "dataUpdated", dataDeleted: "dataDeleted", dataFetched: "dataFetched", onMoreDataLoaded: "onMoreDataLoaded", globalActionTriggered: "globalActionTriggered", modalData: "modalData", beforeSave: "beforeSave", onFilterChange: "onFilterChange", onClearFilters: "onClearFilters", activeFilterRemoved: "activeFilterRemoved", activeFiltersCleared: "activeFiltersCleared", dataRefreshed: "dataRefreshed", inlineEditSave: "inlineEditSave", inlineEditModeChanged: "inlineEditModeChanged", inlineEditValidationError: "inlineEditValidationError" }, host: { listeners: { "window:beforeunload": "onBeforeUnload($event)", "document:click": "closeSubmenu()" } }, providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], viewQueries: [{ propertyName: "sentinel", first: true, predicate: ["sentinel"], descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "manualRefreshComponent", first: true, predicate: CoreManualRefreshComponent, descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (showActiveFilters()) {\n  <core-active-filters\n    [activeFilters]=\"currentActiveFilters()\"\n    [config]=\"activeFiltersConfig()\"\n    (onFilterRemove)=\"onActiveFilterRemove($event)\"\n    (onClearAll)=\"onActiveFiltersClear()\">\n  </core-active-filters>\n}\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\n    <core-manual-refresh \n      [config]=\"getManualRefreshConfig()\"\n      (onRefresh)=\"onManualRefresh()\">\n    </core-manual-refresh>\n  }\n  <table>\n    <thead>\n      <tr>\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <th class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isAllSelected()\" (change)=\"masterToggle()\" />\n        </th>\n        }\n        @for (column of columns(); track $index) {\n        <th [ngClass]=\"column.align ? 'u-align-' + column.align : ''\">\n          @if (isColumnSortable(column)) {\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"getColumnSortState(column) === SortDirection.ASC\"\n            [class.is-desc]=\"getColumnSortState(column) === SortDirection.DESC\"\n            [class.has-multiple-sorts]=\"isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null\"\n            [title]=\"getSortButtonTitle(column)\"\n            (click)=\"onColumnHeaderClick(column)\">\n            {{ column.label | translate }}\n            <!-- @if (isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null) {\n              <span class=\"c-table-order__priority\">{{ getColumnSortPriority(column)! + 1 }}</span>\n            } -->\n            <span class=\"c-table-order__controls\">\n              <span class=\"c-table-order__arrow--desc icon-arrow-up\"></span>\n              <span class=\"c-table-order__arrow--asc icon-arrow-down\"></span>\n            </span>\n          </button>\n          } @else {\n          {{ column.label | translate }}\n          }\n        </th>\n        }\n        @if (showActions() && (actions().length > 0 || customActions().length > 0)) {\n        <th class=\"u-align-right\">{{ 'table.actions' | translate }}</th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of displayedData(); track row.getId()) {\n      <tr [ngClass]=\"getRowClasses(row)\" \n          [class.is-editable]=\"isRowInEditMode(row.getId())\"\n          [class.is-disabled]=\"isRowDisabled(row)\">\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <td class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"toggleRow(row)\" />\n        </td>\n        }\n        @for (column of columns(); track $index) {\n        <td [attr.data-label]=\"column.label | translate\" \n            [ngClass]=\"[\n              column.align ? 'u-align-' + column.align : '',\n              getCellDisabledClasses(row, column)\n            ]\" \n            [class.is-editing]=\"isColumnEditable(column, row)\"\n            [class.is-column-disabled]=\"isColumnDisabledForRow(row, column)\">\n          @if (column.template) {\n          <!-- Todo: Ver qu\u00E9 es esto -->\n            <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: row, column: column }\"></ng-container>\n          } @else if (isColumnEditable(column, row)) {\n            <!-- !Solcre: Modo de edici\u00F3n en l\u00EDnea usando DynamicField -->\n            <div class=\"c-table__inline-edit\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong>\n              <div\n                coreDynamicField\n                [field]=\"getInlineEditableConfigWithState(row, column)!\"\n                [value]=\"getEditingValue(row, column)\"\n                [mode]=\"ModalMode.EDIT\"\n                [errors]=\"getCellErrors(row, column)\"\n                [rowData]=\"row\"\n                (valueChange)=\"onCellValueChange(row, column, $event)\"\n                (onBlurEvent)=\"onCellBlur(row, column)\"\n                (onEnterEvent)=\"onCellEnter(row, column)\"\n              ></div>\n            </div>\n          } @else {\n            <div class=\"c-table__content\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong> {{ getFormattedValue(row,\n              column) }}\n            </div>\n          }\n        </td>\n        }\n\n        <!-- Actions-->\n\n        @if (showActions() && (actions().length > 0 || customActions().length > 0 || expansionConfig()?.enabled)) {\n\n        <td class=\"u-align-right\">\n          <div class=\"c-table__actions\">\n            <core-dropdown [rowId]=\"row.getId()\" [extraDefaultActions]=\"getVisibleDefaultActions(row, true)\"\n                [extraCustomActions]=\"getVisibleCustomActions(row, true)\" [row]=\"row\"\n                [triggerElementId]=\"'dropdown-trigger-' + row.getId()\"\n                (actionTriggered)=\"triggerAction($event.action, $event.row)\"\n                (customActionTriggered)=\"triggerCustomAction($event.action, $event.row)\" #dropdown>\n              </core-dropdown>\n            @for (actionConfig of getVisibleDefaultActions(row, false); track actionConfig.action) {\n              @if (hasPermission(actionConfig)) {\n                @if (actionConfig.action === TableAction.VIEW || actionConfig.action === TableAction.EDIT ||\n                actionConfig.action === TableAction.DELETE) {\n                  <core-generic-button [config]=\"getActionButtonConfig(actionConfig.action, actionConfig, row)\"\n                    (buttonClick)=\"onButtonClick($event, actionConfig.action, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n            @for (customAction of getVisibleCustomActions(row, false); track customAction.label || $index) {\n              @if (hasPermission(customAction)) {\n                <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                  (buttonClick)=\"onButtonClick($event, customAction, row)\">\n                </core-generic-button>\n              }\n            }\n\n            @if (hasExtraActionsForRow(row)) {\n              <core-generic-button [config]=\"getMoreActionsButtonConfig(row.getId())\" [data]=\"row\"\n                (buttonClick)=\"onMoreActionsClick($event, row.getId())\" #dropdownTrigger>\n              </core-generic-button>\n            }\n\n            @if (expansionConfig()?.enabled) {\n              <!-- \u2705 Solcre: Celda dedicada para expansi\u00F3n en su posici\u00F3n correcta -->\n              <core-generic-button [config]=\"getExpandButtonConfig(row)\" (buttonClick)=\"onExpandButtonClick($event, row)\">\n              </core-generic-button>\n            }\n\n          </div> <!-- .c-table__actions -->\n        </td> <!-- td parent of .c-table__actions -->\n        } <!-- @if (showActions() -->\n\n\n      </tr>\n      @if (expansionConfig()?.enabled && isRowExpanded(row)) {\n        <!-- Todo: Ver que es esto -->\n        <tr class=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\n            <ng-container *ngTemplateOutlet=\"expansionConfig()!.template; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n        </tr>\n      }\n      } @empty {\n        <tr>\n          <!-- Todo: Estilo .no-data -->\n          <td [attr.colspan]=\"displayedColumns().length\">\n            <p class=\"c-placeholder\">{{ 'table.noData' | translate }}</p>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div> <!-- .c-table -->\n\n<!-- Todo: Todo lo que viene dsp de la tabla -->\n\n@if (!enablePagination()) {\n<!-- Todo: Ver qu\u00E9 onda esto -->\n<div #sentinel class=\"sentinel\"></div>\n}\n\n@if (enablePagination()) {\n<core-generic-pagination \n  [tableId]=\"tableId\" \n  [isServerSide]=\"!!endpoint()\">\n</core-generic-pagination>\n}\n\n<core-generic-modal [isOpen]=\"tableActionService.getIsModalOpen()\" [mode]=\"tableActionService.getModalMode()\"\n  [data]=\"tableActionService.getModalData()\" [fields]=\"hasTabs() ? [] : tableActionService.getModalFieldsToShow()\"\n  [tabs]=\"hasTabs() ? modalTabs() : []\" [title]=\"tableActionService.getModalTitle()\" [modelFactory]=\"modelFactory() || null\"\n  (save)=\"onModalSave($event)\" (close)=\"tableActionService.closeModal()\" (modalData)=\"onModalData($event)\">\n</core-generic-modal>\n\n<core-filter-modal [isOpen]=\"isFilterModalOpen()\" [filters]=\"customFilters()\" [currentFilterValues]=\"currentFilterValues()\" (close)=\"closeFiltersPopup()\"\n  (filterChange)=\"handleFilterChange($event)\" (globalFilterChange)=\"applyGlobalFilter($event)\"\n  (clearFilters)=\"handleClearFilters()\">\n</core-filter-modal>", styles: [".expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericModalComponent, selector: "core-generic-modal", inputs: ["isOpen", "mode", "data", "fields", "tabs", "steps", "title", "isMultiple", "customTemplate", "customViewTemplate", "finalStepTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges", "stepValidationEnabled", "allowFreeNavigation", "autoMarkCompleted"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: GenericPaginationComponent, selector: "core-generic-pagination", inputs: ["tableId", "isServerSide"] }, { kind: "component", type: DropdownComponent, selector: "core-dropdown", inputs: ["rowId", "triggerElementId", "extraDefaultActions", "extraCustomActions", "row"], outputs: ["actionTriggered", "customActionTriggered"] }, { kind: "component", type: FilterModalComponent, selector: "core-filter-modal", inputs: ["isOpen", "filters", "currentFilterValues"], outputs: ["close", "filterChange", "clearFilters", "globalFilterChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: ActiveFiltersComponent, selector: "core-active-filters", inputs: ["activeFilters", "config"], outputs: ["onFilterRemove", "onClearAll"] }, { kind: "component", type: CoreManualRefreshComponent, selector: "core-manual-refresh", inputs: ["config", "refreshId"], outputs: ["onRefresh", "timestampUpdated"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTableComponent, decorators: [{
             type: Component,
@@ -11952,7 +12928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         DynamicFieldDirective,
                         ActiveFiltersComponent,
                         CoreManualRefreshComponent,
-                    ], hostDirectives: [CoreHostDirective], providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], template: "@if (showActiveFilters()) {\n  <core-active-filters\n    [activeFilters]=\"currentActiveFilters()\"\n    [config]=\"activeFiltersConfig()\"\n    (onFilterRemove)=\"onActiveFilterRemove($event)\"\n    (onClearAll)=\"onActiveFiltersClear()\">\n  </core-active-filters>\n}\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\n    <core-manual-refresh \n      [config]=\"getManualRefreshConfig()\"\n      (onRefresh)=\"onManualRefresh()\">\n    </core-manual-refresh>\n  }\n  <table>\n    <thead>\n      <tr>\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <th class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isAllSelected()\" (change)=\"masterToggle()\" />\n        </th>\n        }\n        @for (column of columns(); track $index) {\n        <th [ngClass]=\"column.align ? 'u-align-' + column.align : ''\">\n          @if (isColumnSortable(column)) {\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"getColumnSortState(column) === SortDirection.ASC\"\n            [class.is-desc]=\"getColumnSortState(column) === SortDirection.DESC\"\n            [class.has-multiple-sorts]=\"isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null\"\n            [title]=\"getSortButtonTitle(column)\"\n            (click)=\"onColumnHeaderClick(column)\">\n            {{ column.label | translate }}\n            <!-- @if (isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null) {\n              <span class=\"c-table-order__priority\">{{ getColumnSortPriority(column)! + 1 }}</span>\n            } -->\n            <span class=\"c-table-order__controls\">\n              <span class=\"c-table-order__arrow--desc icon-arrow-up\"></span>\n              <span class=\"c-table-order__arrow--asc icon-arrow-down\"></span>\n            </span>\n          </button>\n          } @else {\n          {{ column.label | translate }}\n          }\n        </th>\n        }\n        @if (showActions() && (actions().length > 0 || customActions().length > 0)) {\n        <th class=\"u-align-right\">{{ 'table.actions' | translate }}</th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of displayedData(); track row.getId()) {\n      <tr [ngClass]=\"getRowClasses(row)\" \n          [class.is-editing-inline]=\"isRowInEditMode(row.getId())\"\n          [class.is-disabled]=\"isRowDisabled(row)\">\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <td class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"toggleRow(row)\" />\n        </td>\n        }\n        @for (column of columns(); track $index) {\n        <td [attr.data-label]=\"column.label | translate\" \n            [ngClass]=\"[\n              column.align ? 'u-align-' + column.align : '',\n              getCellDisabledClasses(row, column)\n            ]\" \n            [class.is-editing]=\"isColumnEditable(column, row)\"\n            [class.is-column-disabled]=\"isColumnDisabledForRow(row, column)\">\n          @if (column.template) {\n          <!-- Todo: Ver qu\u00E9 es esto -->\n            <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: row, column: column }\"></ng-container>\n          } @else if (isColumnEditable(column, row)) {\n            <!-- !Solcre: Modo de edici\u00F3n en l\u00EDnea usando DynamicField -->\n            <div class=\"c-table__inline-edit\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong>\n              <div\n                coreDynamicField\n                [field]=\"getInlineEditableConfigWithState(row, column)!\"\n                [value]=\"getEditingValue(row, column)\"\n                [mode]=\"ModalMode.EDIT\"\n                [errors]=\"getCellErrors(row, column)\"\n                [rowData]=\"row\"\n                (valueChange)=\"onCellValueChange(row, column, $event)\"\n                (onBlurEvent)=\"onCellBlur(row, column)\"\n                (onEnterEvent)=\"onCellEnter(row, column)\"\n              ></div>\n            </div>\n          } @else {\n            <div class=\"c-table__content\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong> {{ getFormattedValue(row,\n              column) }}\n            </div>\n          }\n        </td>\n        }\n\n        <!-- Actions-->\n\n        @if (showActions() && (actions().length > 0 || customActions().length > 0 || expansionConfig()?.enabled)) {\n\n        <td class=\"u-align-right\">\n          <div class=\"c-table__actions\">\n            <core-dropdown [rowId]=\"row.getId()\" [extraDefaultActions]=\"getVisibleDefaultActions(row, true)\"\n                [extraCustomActions]=\"getVisibleCustomActions(row, true)\" [row]=\"row\"\n                [triggerElementId]=\"'dropdown-trigger-' + row.getId()\"\n                (actionTriggered)=\"triggerAction($event.action, $event.row)\"\n                (customActionTriggered)=\"triggerCustomAction($event.action, $event.row)\" #dropdown>\n              </core-dropdown>\n            @for (actionConfig of getVisibleDefaultActions(row, false); track actionConfig.action) {\n              @if (hasPermission(actionConfig)) {\n                @if (actionConfig.action === TableAction.VIEW || actionConfig.action === TableAction.EDIT ||\n                actionConfig.action === TableAction.DELETE) {\n                  <core-generic-button [config]=\"getActionButtonConfig(actionConfig.action, actionConfig, row)\"\n                    (buttonClick)=\"onButtonClick($event, actionConfig.action, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n            @for (customAction of getVisibleCustomActions(row, false); track customAction.label || $index) {\n              @if (hasPermission(customAction)) {\n                <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                  (buttonClick)=\"onButtonClick($event, customAction, row)\">\n                </core-generic-button>\n              }\n            }\n\n            @if (hasExtraActionsForRow(row)) {\n              <core-generic-button [config]=\"getMoreActionsButtonConfig(row.getId())\" [data]=\"row\"\n                (buttonClick)=\"onMoreActionsClick($event, row.getId())\" #dropdownTrigger>\n              </core-generic-button>\n            }\n\n            @if (expansionConfig()?.enabled) {\n              <!-- \u2705 Solcre: Celda dedicada para expansi\u00F3n en su posici\u00F3n correcta -->\n              <core-generic-button [config]=\"getExpandButtonConfig(row)\" (buttonClick)=\"onExpandButtonClick($event, row)\">\n              </core-generic-button>\n            }\n\n          </div> <!-- .c-table__actions -->\n        </td> <!-- td parent of .c-table__actions -->\n        } <!-- @if (showActions() -->\n\n\n      </tr>\n      @if (expansionConfig()?.enabled && isRowExpanded(row)) {\n        <!-- Todo: Ver que es esto -->\n        <tr class=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\n            <ng-container *ngTemplateOutlet=\"expansionConfig()!.template; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n        </tr>\n      }\n      } @empty {\n        <tr>\n          <!-- Todo: Estilo .no-data -->\n          <td [attr.colspan]=\"displayedColumns().length\">\n            <p class=\"c-placeholder\">{{ 'table.noData' | translate }}</p>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div> <!-- .c-table -->\n\n<!-- Todo: Todo lo que viene dsp de la tabla -->\n\n@if (!enablePagination()) {\n<!-- Todo: Ver qu\u00E9 onda esto -->\n<div #sentinel class=\"sentinel\"></div>\n}\n\n@if (enablePagination()) {\n<core-generic-pagination \n  [tableId]=\"tableId\" \n  [isServerSide]=\"!!endpoint()\">\n</core-generic-pagination>\n}\n\n<core-generic-modal [isOpen]=\"tableActionService.getIsModalOpen()\" [mode]=\"tableActionService.getModalMode()\"\n  [data]=\"tableActionService.getModalData()\" [fields]=\"hasTabs() ? [] : tableActionService.getModalFieldsToShow()\"\n  [tabs]=\"hasTabs() ? modalTabs() : []\" [title]=\"tableActionService.getModalTitle()\" [modelFactory]=\"modelFactory() || null\"\n  (save)=\"onModalSave($event)\" (close)=\"tableActionService.closeModal()\" (modalData)=\"onModalData($event)\">\n</core-generic-modal>\n\n<core-filter-modal [isOpen]=\"isFilterModalOpen()\" [filters]=\"customFilters()\" [currentFilterValues]=\"currentFilterValues()\" (close)=\"closeFiltersPopup()\"\n  (filterChange)=\"handleFilterChange($event)\" (globalFilterChange)=\"applyGlobalFilter($event)\"\n  (clearFilters)=\"handleClearFilters()\">\n</core-filter-modal>", styles: [".in-modal .c-table thead th:last-child,.c-table tbody td:last-child{text-align:left}.c-table__order-btn--asc{transform:rotate(180deg)}.c-table__order-btn--desc{transform:rotate(0)}.c-table tr.is-editing-inline{background-color:#fff3cd;border-left:3px solid #ffc107}.c-table tr.is-editing-inline td{background-color:#fff3cd}.c-table tr.is-editing-inline:hover td{background-color:#ffecb5}.expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\n"] }]
+                    ], hostDirectives: [CoreHostDirective], providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], template: "@if (showActiveFilters()) {\n  <core-active-filters\n    [activeFilters]=\"currentActiveFilters()\"\n    [config]=\"activeFiltersConfig()\"\n    (onFilterRemove)=\"onActiveFilterRemove($event)\"\n    (onClearAll)=\"onActiveFiltersClear()\">\n  </core-active-filters>\n}\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\n    <core-manual-refresh \n      [config]=\"getManualRefreshConfig()\"\n      (onRefresh)=\"onManualRefresh()\">\n    </core-manual-refresh>\n  }\n  <table>\n    <thead>\n      <tr>\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <th class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isAllSelected()\" (change)=\"masterToggle()\" />\n        </th>\n        }\n        @for (column of columns(); track $index) {\n        <th [ngClass]=\"column.align ? 'u-align-' + column.align : ''\">\n          @if (isColumnSortable(column)) {\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"getColumnSortState(column) === SortDirection.ASC\"\n            [class.is-desc]=\"getColumnSortState(column) === SortDirection.DESC\"\n            [class.has-multiple-sorts]=\"isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null\"\n            [title]=\"getSortButtonTitle(column)\"\n            (click)=\"onColumnHeaderClick(column)\">\n            {{ column.label | translate }}\n            <!-- @if (isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null) {\n              <span class=\"c-table-order__priority\">{{ getColumnSortPriority(column)! + 1 }}</span>\n            } -->\n            <span class=\"c-table-order__controls\">\n              <span class=\"c-table-order__arrow--desc icon-arrow-up\"></span>\n              <span class=\"c-table-order__arrow--asc icon-arrow-down\"></span>\n            </span>\n          </button>\n          } @else {\n          {{ column.label | translate }}\n          }\n        </th>\n        }\n        @if (showActions() && (actions().length > 0 || customActions().length > 0)) {\n        <th class=\"u-align-right\">{{ 'table.actions' | translate }}</th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of displayedData(); track row.getId()) {\n      <tr [ngClass]=\"getRowClasses(row)\" \n          [class.is-editable]=\"isRowInEditMode(row.getId())\"\n          [class.is-disabled]=\"isRowDisabled(row)\">\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <td class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"toggleRow(row)\" />\n        </td>\n        }\n        @for (column of columns(); track $index) {\n        <td [attr.data-label]=\"column.label | translate\" \n            [ngClass]=\"[\n              column.align ? 'u-align-' + column.align : '',\n              getCellDisabledClasses(row, column)\n            ]\" \n            [class.is-editing]=\"isColumnEditable(column, row)\"\n            [class.is-column-disabled]=\"isColumnDisabledForRow(row, column)\">\n          @if (column.template) {\n          <!-- Todo: Ver qu\u00E9 es esto -->\n            <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: row, column: column }\"></ng-container>\n          } @else if (isColumnEditable(column, row)) {\n            <!-- !Solcre: Modo de edici\u00F3n en l\u00EDnea usando DynamicField -->\n            <div class=\"c-table__inline-edit\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong>\n              <div\n                coreDynamicField\n                [field]=\"getInlineEditableConfigWithState(row, column)!\"\n                [value]=\"getEditingValue(row, column)\"\n                [mode]=\"ModalMode.EDIT\"\n                [errors]=\"getCellErrors(row, column)\"\n                [rowData]=\"row\"\n                (valueChange)=\"onCellValueChange(row, column, $event)\"\n                (onBlurEvent)=\"onCellBlur(row, column)\"\n                (onEnterEvent)=\"onCellEnter(row, column)\"\n              ></div>\n            </div>\n          } @else {\n            <div class=\"c-table__content\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong> {{ getFormattedValue(row,\n              column) }}\n            </div>\n          }\n        </td>\n        }\n\n        <!-- Actions-->\n\n        @if (showActions() && (actions().length > 0 || customActions().length > 0 || expansionConfig()?.enabled)) {\n\n        <td class=\"u-align-right\">\n          <div class=\"c-table__actions\">\n            <core-dropdown [rowId]=\"row.getId()\" [extraDefaultActions]=\"getVisibleDefaultActions(row, true)\"\n                [extraCustomActions]=\"getVisibleCustomActions(row, true)\" [row]=\"row\"\n                [triggerElementId]=\"'dropdown-trigger-' + row.getId()\"\n                (actionTriggered)=\"triggerAction($event.action, $event.row)\"\n                (customActionTriggered)=\"triggerCustomAction($event.action, $event.row)\" #dropdown>\n              </core-dropdown>\n            @for (actionConfig of getVisibleDefaultActions(row, false); track actionConfig.action) {\n              @if (hasPermission(actionConfig)) {\n                @if (actionConfig.action === TableAction.VIEW || actionConfig.action === TableAction.EDIT ||\n                actionConfig.action === TableAction.DELETE) {\n                  <core-generic-button [config]=\"getActionButtonConfig(actionConfig.action, actionConfig, row)\"\n                    (buttonClick)=\"onButtonClick($event, actionConfig.action, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n            @for (customAction of getVisibleCustomActions(row, false); track customAction.label || $index) {\n              @if (hasPermission(customAction)) {\n                <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                  (buttonClick)=\"onButtonClick($event, customAction, row)\">\n                </core-generic-button>\n              }\n            }\n\n            @if (hasExtraActionsForRow(row)) {\n              <core-generic-button [config]=\"getMoreActionsButtonConfig(row.getId())\" [data]=\"row\"\n                (buttonClick)=\"onMoreActionsClick($event, row.getId())\" #dropdownTrigger>\n              </core-generic-button>\n            }\n\n            @if (expansionConfig()?.enabled) {\n              <!-- \u2705 Solcre: Celda dedicada para expansi\u00F3n en su posici\u00F3n correcta -->\n              <core-generic-button [config]=\"getExpandButtonConfig(row)\" (buttonClick)=\"onExpandButtonClick($event, row)\">\n              </core-generic-button>\n            }\n\n          </div> <!-- .c-table__actions -->\n        </td> <!-- td parent of .c-table__actions -->\n        } <!-- @if (showActions() -->\n\n\n      </tr>\n      @if (expansionConfig()?.enabled && isRowExpanded(row)) {\n        <!-- Todo: Ver que es esto -->\n        <tr class=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\n            <ng-container *ngTemplateOutlet=\"expansionConfig()!.template; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n        </tr>\n      }\n      } @empty {\n        <tr>\n          <!-- Todo: Estilo .no-data -->\n          <td [attr.colspan]=\"displayedColumns().length\">\n            <p class=\"c-placeholder\">{{ 'table.noData' | translate }}</p>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div> <!-- .c-table -->\n\n<!-- Todo: Todo lo que viene dsp de la tabla -->\n\n@if (!enablePagination()) {\n<!-- Todo: Ver qu\u00E9 onda esto -->\n<div #sentinel class=\"sentinel\"></div>\n}\n\n@if (enablePagination()) {\n<core-generic-pagination \n  [tableId]=\"tableId\" \n  [isServerSide]=\"!!endpoint()\">\n</core-generic-pagination>\n}\n\n<core-generic-modal [isOpen]=\"tableActionService.getIsModalOpen()\" [mode]=\"tableActionService.getModalMode()\"\n  [data]=\"tableActionService.getModalData()\" [fields]=\"hasTabs() ? [] : tableActionService.getModalFieldsToShow()\"\n  [tabs]=\"hasTabs() ? modalTabs() : []\" [title]=\"tableActionService.getModalTitle()\" [modelFactory]=\"modelFactory() || null\"\n  (save)=\"onModalSave($event)\" (close)=\"tableActionService.closeModal()\" (modalData)=\"onModalData($event)\">\n</core-generic-modal>\n\n<core-filter-modal [isOpen]=\"isFilterModalOpen()\" [filters]=\"customFilters()\" [currentFilterValues]=\"currentFilterValues()\" (close)=\"closeFiltersPopup()\"\n  (filterChange)=\"handleFilterChange($event)\" (globalFilterChange)=\"applyGlobalFilter($event)\"\n  (clearFilters)=\"handleClearFilters()\">\n</core-filter-modal>", styles: [".expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sentinel: [{
                 type: ViewChild,
                 args: ['sentinel', { static: false }]
@@ -12246,65 +13222,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ selector: 'core-generic-documentation', standalone: true, imports: [CommonModule, TranslateModule, GenericButtonComponent], hostDirectives: [CoreHostDirective], template: "<div *ngIf=\"!loading() && hasDocuments() && isGridMode()\" class=\"c-components-grid\">\n    <div \n      *ngFor=\"let document of documents(); trackBy: trackByDocumentId\" \n      class=\"c-doc\">\n      \n      <div class=\"c-bulleted-text\" *ngIf=\"config().showUploadDate || config().showUploadedBy\">\n        <time \n          *ngIf=\"config().showUploadDate\"\n            \n          [attr.datetime]=\"document.uploadedDate\">\n          <span [class]=\"getFileIcon(document)\"></span>\n          {{ formatDate(document.uploadedDate) }}\n        </time>\n        <span \n          *ngIf=\"config().showUploadedBy\"\n          >\n          {{ document.uploadedBy }}\n        </span>\n      </div>\n\n      <div class=\"c-doc__file c-doc-file\">\n        <div>\n          <p class=\"c-doc__name\">{{ document.name }}</p>\n          <p \n            *ngIf=\"config().showDescription && document.description\"\n            class=\"c-doc__description\">\n            {{ document.description }}\n          </p>\n        </div>\n        <!-- DEV: Ajustar botones -->\n        <div class=\"c-doc__group-btns\">\n          <core-generic-button \n            *ngIf=\"canPerformAction(DocumentAction.DOWNLOAD, document)\"\n            [config]=\"getDownloadButtonConfig(document)\"\n            [data]=\"document\"\n            (buttonClick)=\"onButtonClick(DocumentAction.DOWNLOAD, document, $event.originalEvent)\">\n          </core-generic-button>\n\n          <core-generic-button \n            *ngIf=\"canPerformAction(DocumentAction.DELETE, document)\"\n            [config]=\"getDeleteButtonConfig(document)\"\n            [data]=\"document\"\n            (buttonClick)=\"onButtonClick(DocumentAction.DELETE, document, $event.originalEvent)\">\n          </core-generic-button>\n\n          <core-generic-button \n            *ngIf=\"canPerformAction(DocumentAction.HELP, document)\"\n            [config]=\"getHelpButtonConfig(document)\"\n            [data]=\"document\"\n            (buttonClick)=\"onButtonClick(DocumentAction.HELP, document, $event.originalEvent)\">\n          </core-generic-button>\n        </div>\n      </div>\n    </div>\n</div>\n\n<div *ngIf=\"!loading() && hasDocuments() && isListMode()\" class=\"c-components-grid\">\n    <ul class=\"c-doc-list\">\n      <li \n        *ngFor=\"let document of documents(); trackBy: trackByDocumentId\" \n        class=\"c-doc-list__item\">\n        \n        <div class=\"c-doc\">\n          <div class=\"c-bulleted-text\" *ngIf=\"config().showUploadDate || config().showUploadedBy\">\n              <time \n                *ngIf=\"config().showUploadDate\"\n                [attr.datetime]=\"document.uploadedDate\">\n                <span [class]=\"getFileIcon(document)\"></span>\n                {{ formatDate(document.uploadedDate) }}\n              </time>\n              <span \n                *ngIf=\"config().showUploadedBy\">\n                {{ document.uploadedBy }}\n              </span>\n          </div>\n\n          <div class=\"c-doc__file c-doc-file\">\n            <div>\n              <p class=\"c-doc__name\">{{ document.name }}</p>\n              <p \n                *ngIf=\"config().showDescription && document.description\"\n                class=\"c-doc__description\">\n                {{ document.description }}\n              </p>\n            </div>\n\n            <div class=\"c-doc__group-btns\">\n              <core-generic-button \n                *ngIf=\"canPerformAction(DocumentAction.DOWNLOAD, document)\"\n                [config]=\"getDownloadButtonConfig(document)\"\n                [data]=\"document\"\n                (buttonClick)=\"onButtonClick(DocumentAction.DOWNLOAD, document, $event.originalEvent)\">\n              </core-generic-button>\n\n              <core-generic-button \n                *ngIf=\"canPerformAction(DocumentAction.DELETE, document)\"\n                [config]=\"getDeleteButtonConfig(document)\"\n                [data]=\"document\"\n                (buttonClick)=\"onButtonClick(DocumentAction.DELETE, document, $event.originalEvent)\">\n              </core-generic-button>\n\n              <core-generic-button \n                *ngIf=\"canPerformAction(DocumentAction.HELP, document)\"\n                [config]=\"getHelpButtonConfig(document)\"\n                [data]=\"document\"\n                (buttonClick)=\"onButtonClick(DocumentAction.HELP, document, $event.originalEvent)\">\n              </core-generic-button>\n            </div>\n          </div>\n        </div>\n      </li>\n    </ul>\n</div>\n\n<!-- Loading state -->\n<div *ngIf=\"loading()\" class=\"c-empty-state\">\n  <div class=\"c-empty-state__content\">\n    <span class=\"c-empty-state__icon icon-loading\"></span>\n    <p class=\"c-empty-state__message\">{{ 'commons.loading' | translate }}</p>\n  </div>\n</div>\n\n<!-- Empty state - No documents -->\n<div *ngIf=\"!loading() && !hasDocuments()\" class=\"c-empty-state\">\n  <div class=\"c-empty-state__content\">\n    <span class=\"c-empty-state__icon\" [class]=\"getEmptyStateIcon()\"></span>\n    <p class=\"c-empty-state__message\">{{ getEmptyStateMessage() | translate }}</p>\n    \n    <!-- Upload button if user can upload -->\n    <core-generic-button \n      *ngIf=\"canUpload()\"\n      [config]=\"uploadButtonConfig()\"\n      (buttonClick)=\"onUploadClick($event.originalEvent)\">\n    </core-generic-button>\n  </div>\n</div>\n", styles: [".c-empty-state{--_color-main-hsl: var(--color-neutral-800-hsl);--_color-text-hsl: var(--color-neutral-800-hsl);--_py: 4em;--_px: 1.5em;--_br: var(--core-main-br);--_fz: var(--fz-200);display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--_py) var(--_px);background-color:hsl(var(--_color-main-hsl)/4%);border-radius:var(--_br);font-size:var(--_fz);font-weight:600;max-width:100rem}.c-empty-state__content{max-width:25em}.c-empty-state__icon{display:block;font-size:2.4em;margin-bottom:.6em;opacity:.7}.c-empty-state__icon.icon-loading{animation:spin 1s linear infinite}.c-empty-state__message{color:#6b7280;line-height:1.5}.c-empty-state core-generic-button{display:block;margin-top:1.8em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }], ctorParameters: () => [] });
 
-var SidebarWidth;
-(function (SidebarWidth) {
-    SidebarWidth["DEFAULT"] = "default";
-    SidebarWidth["WIDE"] = "wide";
-})(SidebarWidth || (SidebarWidth = {}));
-
-var SidebarHeight;
-(function (SidebarHeight) {
-    SidebarHeight["DEFAULT"] = "default";
-    SidebarHeight["FULL"] = "full";
-})(SidebarHeight || (SidebarHeight = {}));
-
-var FileType;
-(function (FileType) {
-    FileType["COMPANY_INVENTORY"] = "company_inventory";
-    FileType["COMPANY_LEGAL"] = "company_legals";
-    FileType["COMPANY_AZF_PROCEDURE"] = "company_azf_procedure";
-    FileType["COMPANY_TELEWORK"] = "company_remote_work";
-    FileType["FILE_TEMPLATE"] = "file_template";
-    FileType["COMPANY_EMPLOYEES_BULK"] = "company_employees_bulk";
-})(FileType || (FileType = {}));
-
-var NumberRange;
-(function (NumberRange) {
-    NumberRange["MIN"] = "min";
-    NumberRange["MAX"] = "max";
-})(NumberRange || (NumberRange = {}));
-
-var LayoutBreakpoint;
-(function (LayoutBreakpoint) {
-    LayoutBreakpoint["MOBILE"] = "mobile";
-    LayoutBreakpoint["TABLET"] = "tablet";
-    LayoutBreakpoint["DESKTOP"] = "desktop";
-})(LayoutBreakpoint || (LayoutBreakpoint = {}));
-
-var SidebarVisibility;
-(function (SidebarVisibility) {
-    SidebarVisibility["SHOW"] = "show";
-    SidebarVisibility["HIDE"] = "hide";
-})(SidebarVisibility || (SidebarVisibility = {}));
-
-var LayoutType;
-(function (LayoutType) {
-    LayoutType["DEFAULT"] = "default";
-})(LayoutType || (LayoutType = {}));
-
-var SidebarPosition;
-(function (SidebarPosition) {
-    SidebarPosition["LEFT"] = "left";
-    SidebarPosition["RIGHT"] = "right";
-})(SidebarPosition || (SidebarPosition = {}));
-
-var SidebarMobileType;
-(function (SidebarMobileType) {
-    SidebarMobileType["SELECT"] = "select";
-    SidebarMobileType["SCROLL"] = "scroll";
-    SidebarMobileType["MODAL"] = "modal";
-})(SidebarMobileType || (SidebarMobileType = {}));
-
 class LayoutService {
     layoutConfig = signal({
         layout: LayoutType.DEFAULT,
@@ -13497,12 +14414,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.12.43',
+    full: '2.12.45',
     major: 2,
     minor: 12,
-    patch: 43,
-    timestamp: '2025-09-22T14:27:19.870Z',
-    buildDate: '22/9/2025'
+    patch: 45,
+    timestamp: '2025-09-23T14:31:24.373Z',
+    buildDate: '23/9/2025'
 };
 
 class MainNavComponent {
@@ -16480,5 +17397,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map