@dataclouder/ngx-core 0.1.24 → 0.1.26

package/fesm2022/dataclouder-ngx-core.mjs

@@ -161,7 +161,7 @@ class DCFilterBarComponent {
         this.onFilterAction.emit(filterEvent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DCFilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: DCFilterBarComponent, isStandalone: true, selector: "dc-filter-bar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, customFilters: { classPropertyName: "customFilters", publicName: "customFilters", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onFilterAction: "onFilterAction", onChangeSort: "onChangeSort", onNew: "onNew" }, ngImport: i0, template: "<div class=\"background-bar\">\n  <div class=\"button-flex\">\n    <div>\n      <p-button icon=\"pi pi-search\" label=\"buscar\" severity=\"secondary\" (click)=\"isSearchVisible = true\" />\n    </div>\n\n    @if (options()?.showCreateButton) {\n    <span class=\"admin\">\n      <i style=\"position: absolute; right: -5px; top: -5px; z-index: 2; color: grey\" class=\"pi pi-key\"></i>\n      <p-button icon=\"pi pi-plus\" label=\"Crear Nueva\" severity=\"secondary\" (click)=\"createNew()\" />\n    </span>\n    }\n  </div>\n\n  @if(options()?.showViewButton){\n  <p-button icon=\"pi pi-objects-column\" variant=\"text\" (click)=\"doItemAction({ action: 'changeView', item: null })\" severity=\"secondary\"></p-button>\n  } @if(options()?.showActions){ @for(item of items(); track $index) {\n  <p-button [icon]=\"item.icon\" variant=\"text\" (click)=\"doItemAction({ action: item.title, item: item })\" severity=\"secondary\"></p-button>\n  }\n\n  <div class=\"button-flex\">\n    <p-button icon=\"pi pi-filter\" label=\"Filtrar\" severity=\"secondary\" (click)=\"isFilterVisible = true\" />\n  </div>\n  }\n</div>\n\n@if (placeholder) {\n<span class=\"search-flex\" (click)=\"search(null)\"> <i class=\"pi pi-times\"></i>{{ placeholder }} </span>\n}\n\n<p-dialog [(visible)]=\"isSearchVisible\" [dismissableMask]=\"true\" [modal]=\"true\" [showHeader]=\"false\" (onHide)=\"isSearchVisible = false\">\n  <p>Haz una b\u00FAsqueda (Enter)</p>\n  <div>\n    <span>\n      <input (keydown.enter)=\"search(placeholder)\" type=\"text\" pInputText [(ngModel)]=\"placeholder\" />\n    </span>\n  </div>\n</p-dialog>\n\n<p-dialog [(visible)]=\"isFilterVisible\" [modal]=\"true\" [style]=\"{ width: '70vw', height: '70vh' }\" [header]=\"'Filtros'\">\n  <div class=\"flex flex-column gap-4\">\n    <!-- Sort Options -->\n    <div class=\"field\">\n      <label class=\"font-semibold block mb-2\">Ordenar por</label>\n      <p-select [options]=\"sortOptions\" [(ngModel)]=\"selectedSort\" optionLabel=\"label\" [style]=\"{ width: '100%' }\" placeholder=\"Seleccionar orden\"> </p-select>\n    </div>\n\n    <p-multiselect\n      [options]=\"availibleFilters\"\n      [(ngModel)]=\"selectedFilters\"\n      optionLabel=\"name\"\n      placeholder=\"Filtros R\u00E1pidos\"\n      [maxSelectedLabels]=\"3\"\n      styleClass=\"w-full md:w-80\" />\n\n    <!-- Date Filter -->\n    <div class=\"field\">\n      <label class=\"font-semibold block mb-2\">Rango de fechas</label>\n      <p-calendar\n        [(ngModel)]=\"dateRange\"\n        selectionMode=\"range\"\n        [showButtonBar]=\"true\"\n        [style]=\"{ width: '100%' }\"\n        placeholder=\"Seleccionar fechas\"\n        dateFormat=\"dd/mm/yy\">\n      </p-calendar>\n    </div>\n\n    @if (customFilters?.length > 0) {\n    <h4>Filtros Personalizados (No terminado...) </h4>\n    <h6>Encontrar la forma de que cada custom filter se renderize como un nuevo form.</h6>\n    @for (filter of customFilters; track filter.name) {\n    <div class=\"field\">\n      <label class=\"font-semibold block mb-2\">{{ filter.name }}</label>\n    </div>\n    } }\n\n    <!-- Recent/All Toggle -->\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <div class=\"flex justify-content-end gap-2\">\n      <p-button label=\"Limpiar\" icon=\"pi pi-trash\" (click)=\"clearFilters()\" styleClass=\"p-button-text\"> </p-button>\n      <p-button label=\"Aplicar\" icon=\"pi pi-check\" (click)=\"applyFilters()\" severity=\"primary\"> </p-button>\n    </div>\n  </ng-template>\n</p-dialog>\n", styles: [":host{display:block}.admin{margin-left:10px;position:relative}.background-bar{background-color:var(--p-primary-color);display:flex;border-radius:10px;justify-content:space-between;padding:10px}.button-flex{display:flex;margin-right:10px}.white{color:#fff}.search-flex{margin-left:10px}.search-dialog{width:750px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px)}.border-none{border:none}.bg-black-alpha-50{background-color:var(--p-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i7.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: DCFilterBarComponent, isStandalone: true, selector: "dc-filter-bar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, customFilters: { classPropertyName: "customFilters", publicName: "customFilters", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onFilterAction: "onFilterAction", onChangeSort: "onChangeSort", onNew: "onNew" }, ngImport: i0, template: "<div class=\"background-bar\">\n  <div class=\"button-flex\">\n    <div>\n      <p-button icon=\"pi pi-search\" label=\"buscar\" severity=\"secondary\" (click)=\"isSearchVisible = true\" />\n    </div>\n\n    @if (options()?.showCreateButton) {\n    <span class=\"admin\">\n      <i style=\"position: absolute; right: -5px; top: -5px; z-index: 2; color: grey\" class=\"pi pi-key\"></i>\n      <p-button icon=\"pi pi-plus\" label=\"Crear Nueva\" severity=\"secondary\" (click)=\"createNew()\" />\n    </span>\n    }\n  </div>\n\n  @if(options()?.showViewButton){\n  <p-button icon=\"pi pi-objects-column\" variant=\"text\" (click)=\"doItemAction({ action: 'changeView', item: null })\" severity=\"secondary\"></p-button>\n  } @if(options()?.showActions){ @for(item of items(); track $index) {\n  <p-button [icon]=\"item.icon\" variant=\"text\" (click)=\"doItemAction({ action: item.title, item: item })\" severity=\"secondary\"></p-button>\n  }\n\n  <div class=\"button-flex\">\n    <p-button icon=\"pi pi-filter\" label=\"Filtrar\" severity=\"secondary\" (click)=\"isFilterVisible = true\" />\n  </div>\n  }\n</div>\n\n@if (placeholder) {\n<span class=\"search-flex\" (click)=\"search(null)\"> <i class=\"pi pi-times\"></i>{{ placeholder }} </span>\n}\n\n<p-dialog [(visible)]=\"isSearchVisible\" [dismissableMask]=\"true\" [modal]=\"true\" [showHeader]=\"false\" (onHide)=\"isSearchVisible = false\">\n  <p>Haz una b\u00FAsqueda (Enter)</p>\n  <div>\n    <span>\n      <input (keydown.enter)=\"search(placeholder)\" type=\"text\" pInputText [(ngModel)]=\"placeholder\" />\n    </span>\n  </div>\n</p-dialog>\n\n<p-dialog [(visible)]=\"isFilterVisible\" [modal]=\"true\" [style]=\"{ width: '70vw', height: '70vh' }\" [header]=\"'Filtros'\">\n  <div class=\"flex flex-column gap-4\">\n    <!-- Sort Options -->\n    <div class=\"field\">\n      <label class=\"font-semibold block mb-2\">Ordenar por</label>\n      <p-select [options]=\"sortOptions\" [(ngModel)]=\"selectedSort\" optionLabel=\"label\" [style]=\"{ width: '100%' }\" placeholder=\"Seleccionar orden\"> </p-select>\n    </div>\n\n    <p-multiselect\n      [options]=\"availibleFilters\"\n      [(ngModel)]=\"selectedFilters\"\n      optionLabel=\"name\"\n      placeholder=\"Filtros R\u00E1pidos\"\n      [maxSelectedLabels]=\"3\"\n      styleClass=\"w-full md:w-80\" />\n\n    <!-- Date Filter -->\n    <div class=\"field\">\n      <label class=\"font-semibold block mb-2\">Rango de fechas</label>\n      <p-calendar\n        [(ngModel)]=\"dateRange\"\n        selectionMode=\"range\"\n        [showButtonBar]=\"true\"\n        [style]=\"{ width: '100%' }\"\n        placeholder=\"Seleccionar fechas\"\n        dateFormat=\"dd/mm/yy\">\n      </p-calendar>\n    </div>\n\n    @if (customFilters?.length > 0) {\n    <h4>Filtros Personalizados (No terminado...) </h4>\n    <h6>Encontrar la forma de que cada custom filter se renderize como un nuevo form.</h6>\n    @for (filter of customFilters; track filter.name) {\n    <div class=\"field\">\n      <label class=\"font-semibold block mb-2\">{{ filter.name }}</label>\n    </div>\n    } }\n\n    <!-- Recent/All Toggle -->\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <div class=\"flex justify-content-end gap-2\">\n      <p-button label=\"Limpiar\" icon=\"pi pi-trash\" (click)=\"clearFilters()\" styleClass=\"p-button-text\"> </p-button>\n      <p-button label=\"Aplicar\" icon=\"pi pi-check\" (click)=\"applyFilters()\" severity=\"primary\"> </p-button>\n    </div>\n  </ng-template>\n</p-dialog>\n", styles: [":host{display:block}.admin{margin-left:10px;position:relative}.background-bar{background-color:var(--p-primary-color);display:flex;border-radius:10px;justify-content:space-between;padding:10px}.button-flex{display:flex;margin-right:10px}.white{color:#fff}.search-flex{margin-left:10px}.search-dialog{width:750px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px)}.border-none{border:none}.bg-black-alpha-50{background-color:var(--p-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i7.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DCFilterBarComponent, decorators: [{
             type: Component,
@@ -364,6 +364,20 @@ class LoadingBarService {
             this.hideProgressBar();
         }, 1100);
     }
+    errorAndHide() {
+        // Clear any existing progress interval
+        if (this.progressInterval) {
+            clearInterval(this.progressInterval);
+            this.progressInterval = null;
+        }
+        this.isShowing = true;
+        this.mode = 'indeterminate';
+        this.progress = 100;
+        this.color = '#FF0000';
+        setTimeout(() => {
+            this.hideProgressBar();
+        }, 1100);
+    }
     infoAndHide() {
         // Clear any existing progress interval
         if (this.progressInterval) {
@@ -596,7 +610,7 @@ class QuickTableComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: QuickTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: QuickTableComponent, isStandalone: true, selector: "app-quick-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAction: "onAction" }, viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true }], ngImport: i0, template: "<p-table\n  [tableStyle]=\"{ 'min-width': '20rem' }\"\n  #tableRef\n  [value]=\"_tableData()\"\n  [columns]=\"_columns()\"\n  [globalFilterFields]=\"globalFilterFields()\"\n  [filters]=\"filters()\"\n  (onFilter)=\"onFilterLocal($event)\">\n  <ng-template pTemplate=\"caption\">\n    <div class=\"flex justify-content-between align-items-center\">\n      <h5 class=\"m-0\">Table Data</h5>\n      <span class=\"p-input-icon-left\">\n        <i class=\"pi pi-search\"></i>\n        <input pInputText type=\"text\" (input)=\"onGlobalFilter($event)\" placeholder=\"Search keyword\" />\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"header\" let-columns>\n    <tr>\n      @for (column of columns; track column) {\n      <th [pSortableColumn]=\"column.field\">{{ column.header }} <p-sortIcon [field]=\"column.field\"></p-sortIcon></th>\n      }\n    </tr>\n    <tr>\n      @for (column of columns; track column) { @if(column.type === 'tags') {\n      <th>\n        <p-multiselect\n          [options]=\"filters()?.[column.field]?.['options']\"\n          placeholder=\"Selecciona\"\n          (onChange)=\"filterOutsideTable('tags', column.field, $event.value)\"\n          [style]=\"{ minWidth: '14rem' }\"\n          [panelStyle]=\"{ minWidth: '16rem' }\">\n          <ng-template let-option #item>\n            <div class=\"flex items-center gap-2\">\n              <span>{{ option }}</span>\n            </div>\n          </ng-template>\n        </p-multiselect>\n      </th>\n\n      } @else {\n      <th>\n        <p-columnFilter [type]=\"getFilterType(column)\" [field]=\"column.field\" placeholder=\"Search\" [showMenu]=\"false\"></p-columnFilter>\n      </th>\n      } }\n    </tr>\n  </ng-template>\n  <!-- @if(tableData()){ -->\n  <ng-template pTemplate=\"body\" let-item let-columns=\"columns\">\n    <tr>\n      @for (column of columns; track column) {\n      <td>\n        @if(column.type === 'image'){\n        <div class=\"image-container\">\n          <img [src]=\"item | getPath: column\" alt=\"Image\" class=\"image\" />\n        </div>\n        } @else if(column.type === 'tags') {\n        <div class=\"tags-container\">\n          @for (tag of item[column.field]; track tag) {\n          <p-tag [rounded]=\"true\" [value]=\"tag\"></p-tag>\n          }\n        </div>\n        } @else if(column.type === 'actions') {\n        <div style=\"display: flex; gap: 2px\">\n          @for (actionBtn of _actions(); track actionBtn) {\n          <p-button (click)=\"selectItem(item, actionBtn)\" [icon]=\"actionBtn.icon\" [severity]=\"actionBtn['severity']\" />\n          }\n        </div>\n        } @else {\n        <span>{{ item | getPath: column}} </span>\n        }\n      </td>\n      }\n    </tr>\n  </ng-template>\n  <!-- } -->\n</p-table>\n", styles: [":host{display:block;height:100%;overflow:auto}.generic-list-container{display:flex;flex-direction:column;height:100%}.generic-list-content{margin-top:10px;flex:1;overflow-y:auto;padding-bottom:10px}.card-source{margin-bottom:10px;position:relative}.paginator-container{margin-top:auto;padding-top:10px}.image-container{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-container img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CardModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SpeedDialModule }, { kind: "ngmodule", type: PaginatorModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3$2.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: RouterModule }, { kind: "pipe", type: GetPathPipe, name: "getPath" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i5$1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: QuickTableComponent, isStandalone: true, selector: "app-quick-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAction: "onAction" }, viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true }], ngImport: i0, template: "<p-table\n  [tableStyle]=\"{ 'min-width': '20rem' }\"\n  #tableRef\n  [value]=\"_tableData()\"\n  [columns]=\"_columns()\"\n  [globalFilterFields]=\"globalFilterFields()\"\n  [filters]=\"filters()\"\n  (onFilter)=\"onFilterLocal($event)\">\n  <ng-template pTemplate=\"caption\">\n    <div class=\"flex justify-content-between align-items-center\">\n      <h5 class=\"m-0\">Table Data</h5>\n      <span class=\"p-input-icon-left\">\n        <i class=\"pi pi-search\"></i>\n        <input pInputText type=\"text\" (input)=\"onGlobalFilter($event)\" placeholder=\"Search keyword\" />\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"header\" let-columns>\n    <tr>\n      @for (column of columns; track column) {\n      <th [pSortableColumn]=\"column.field\">{{ column.header }} <p-sortIcon [field]=\"column.field\"></p-sortIcon></th>\n      }\n    </tr>\n    <tr>\n      @for (column of columns; track column) { @if(column.type === 'tags') {\n      <th>\n        <p-multiselect\n          [options]=\"filters()?.[column.field]?.['options']\"\n          placeholder=\"Selecciona\"\n          (onChange)=\"filterOutsideTable('tags', column.field, $event.value)\"\n          [style]=\"{ minWidth: '14rem' }\"\n          [panelStyle]=\"{ minWidth: '16rem' }\">\n          <ng-template let-option #item>\n            <div class=\"flex items-center gap-2\">\n              <span>{{ option }}</span>\n            </div>\n          </ng-template>\n        </p-multiselect>\n      </th>\n\n      } @else {\n      <th>\n        <p-columnFilter [type]=\"getFilterType(column)\" [field]=\"column.field\" placeholder=\"Search\" [showMenu]=\"false\"></p-columnFilter>\n      </th>\n      } }\n    </tr>\n  </ng-template>\n  <!-- @if(tableData()){ -->\n  <ng-template pTemplate=\"body\" let-item let-columns=\"columns\">\n    <tr>\n      @for (column of columns; track column) {\n      <td>\n        @if(column.type === 'image'){\n        <div class=\"image-container\">\n          <img [src]=\"item | getPath: column\" alt=\"Image\" class=\"image\" />\n        </div>\n        } @else if(column.type === 'tags') {\n        <div class=\"tags-container\">\n          @for (tag of item[column.field]; track tag) {\n          <p-tag [rounded]=\"true\" [value]=\"tag\"></p-tag>\n          }\n        </div>\n        } @else if(column.type === 'actions') {\n        <div style=\"display: flex; gap: 2px\">\n          @for (actionBtn of _actions(); track actionBtn) {\n          <p-button (click)=\"selectItem(item, actionBtn)\" [icon]=\"actionBtn.icon\" [severity]=\"actionBtn['severity']\" />\n          }\n        </div>\n        } @else {\n        <span>{{ item | getPath: column}} </span>\n        }\n      </td>\n      }\n    </tr>\n  </ng-template>\n  <!-- } -->\n</p-table>\n", styles: [":host{display:block;height:100%;overflow:auto}.generic-list-container{display:flex;flex-direction:column;height:100%}.generic-list-content{margin-top:10px;flex:1;overflow-y:auto;padding-bottom:10px}.card-source{margin-bottom:10px;position:relative}.paginator-container{margin-top:auto;padding-top:10px}.image-container{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-container img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CardModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SpeedDialModule }, { kind: "ngmodule", type: PaginatorModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3$2.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: RouterModule }, { kind: "pipe", type: GetPathPipe, name: "getPath" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i5$1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: QuickTableComponent, decorators: [{
             type: Component,
@@ -1228,7 +1242,7 @@ class PromptComponent {
         this.ref.close(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: PromptComponent, isStandalone: true, selector: "dc-prompt", ngImport: i0, template: "<div class=\"form-input-card p-4\">\n  <p-message severity=\"secondary\"> {{ title() }}</p-message>\n\n  <div class=\"my-4\">{{ message() }}</div>\n\n  <div class=\"p-field mb-4\">\n    <textarea rows=\"5\" cols=\"30\" pTextarea [(ngModel)]=\"inputValue\" class=\"w-full\"></textarea>\n  </div>\n\n  <div class=\"flex justify-content-end gap-2\">\n    <p-button [label]=\"cancelText()\" (click)=\"cancel()\" severity=\"secondary\"></p-button>\n    <p-button [label]=\"acceptText()\" (click)=\"accept()\"></p-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4$3.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: PromptComponent, isStandalone: true, selector: "dc-prompt", ngImport: i0, template: "<div class=\"form-input-card p-4\">\n  <p-message severity=\"secondary\"> {{ title() }}</p-message>\n\n  <div class=\"my-4\">{{ message() }}</div>\n\n  <div class=\"p-field mb-4\">\n    <textarea rows=\"5\" cols=\"30\" pTextarea [(ngModel)]=\"inputValue\" class=\"w-full\"></textarea>\n  </div>\n\n  <div class=\"flex justify-content-end gap-2\">\n    <p-button [label]=\"cancelText()\" (click)=\"cancel()\" severity=\"secondary\"></p-button>\n    <p-button [label]=\"acceptText()\" (click)=\"accept()\"></p-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4$3.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PromptComponent, decorators: [{
             type: Component,
@@ -1784,10 +1798,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: undefined }] });
 
+class UiStateService {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiStateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: UiStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const SUPPORTED_LANGUAGES = [
+    'en',
+    'es',
+    'de',
+    'fr',
+    'zh',
+    'it',
+    'pt',
+    'ja',
+    'nl',
+    'ru',
+    'ko',
+    'pl',
+    'sv',
+    'tr',
+    'ar',
+    'vi',
+    'id',
+    'da',
+    'no',
+    'fi',
+    'cs',
+    'el',
+    'hu',
+    'ro',
+    'uk',
+    'he',
+    'th',
+    'hi',
+    'ca',
+    'bg',
+];
 const LANGUAGES = {
     en: {
         nativeName: 'English',
         flag: '🇺🇸', // Using US flag as a primary example
+        flagImg: 'assets/flags/us.svg',
         code: 'en',
         i: 1,
         llmKnowledge: 100,
@@ -1796,10 +1854,12 @@ const LANGUAGES = {
             en: 'English',
             es: 'Inglés',
         },
+        status: 'ready',
     },
     es: {
         nativeName: 'Español',
         flag: '🇪🇸', // Using Spain flag as a primary example
+        flagImg: 'assets/flags/es.svg',
         code: 'es',
         i: 2,
         llmKnowledge: 99,
@@ -1829,10 +1889,12 @@ const LANGUAGES = {
             en: 'Spanish',
             es: 'Español',
         },
+        status: 'almostready',
     },
     de: {
         nativeName: 'Deutsch',
         flag: '🇩🇪',
+        flagImg: 'assets/flags/de.svg',
         code: 'de',
         i: 3,
         llmKnowledge: 97,
@@ -1841,10 +1903,12 @@ const LANGUAGES = {
             en: 'German',
             es: 'Alemán',
         },
+        status: 'almostready',
     },
     fr: {
         nativeName: 'Français',
         flag: '🇫🇷',
+        flagImg: 'assets/flags/fr.svg',
         code: 'fr',
         i: 4,
         llmKnowledge: 96,
@@ -1853,10 +1917,12 @@ const LANGUAGES = {
             en: 'French',
             es: 'Francés',
         },
+        status: 'almostready',
     },
     zh: {
         nativeName: '中文 (Zhōngwén)',
         flag: '🇨🇳',
+        flagImg: 'assets/flags/cn.svg',
         code: 'zh',
         i: 5,
         llmKnowledge: 94,
@@ -1865,10 +1931,12 @@ const LANGUAGES = {
             en: 'Chinese (Mandarin)',
             es: 'Chino (Mandarín)',
         },
+        status: 'almostready',
     },
     it: {
         nativeName: 'Italiano',
         flag: '🇮🇹',
+        flagImg: 'assets/flags/it.svg',
         code: 'it',
         i: 6,
         llmKnowledge: 93,
@@ -1877,10 +1945,12 @@ const LANGUAGES = {
             en: 'Italian',
             es: 'Italiano',
         },
+        status: 'almostready',
     },
     pt: {
         nativeName: 'Português',
         flag: '🇧🇷',
+        flagImg: 'assets/flags/br.svg',
         code: 'pt',
         i: 7,
         llmKnowledge: 92,
@@ -1889,10 +1959,12 @@ const LANGUAGES = {
             en: 'Portuguese',
             es: 'Portugués',
         },
+        status: 'ready',
     },
     ja: {
         nativeName: '日本語 (Nihongo)',
         flag: '🇯🇵',
+        flagImg: 'assets/flags/jp.svg',
         code: 'ja',
         i: 8,
         llmKnowledge: 91,
@@ -1901,10 +1973,12 @@ const LANGUAGES = {
             en: 'Japanese',
             es: 'Japonés',
         },
+        status: 'almostready',
     },
     nl: {
         nativeName: 'Nederlands',
         flag: '🇳🇱',
+        flagImg: 'assets/flags/nl.svg',
         code: 'nl',
         i: 9,
         llmKnowledge: 90,
@@ -1913,10 +1987,12 @@ const LANGUAGES = {
             en: 'Dutch',
             es: 'Neerlandés',
         },
+        status: 'commingsoon',
     },
     ru: {
         nativeName: 'Русский (Russkiy)',
         flag: '🇷🇺',
+        flagImg: 'assets/flags/ru.svg',
         code: 'ru',
         i: 10, // Adjusted index
         llmKnowledge: 89,
@@ -1925,10 +2001,12 @@ const LANGUAGES = {
             en: 'Russian',
             es: 'Ruso',
         },
+        status: 'commingsoon',
     },
     ko: {
         nativeName: '한국어 (Hangugeo)',
         flag: '🇰🇷',
+        flagImg: 'assets/flags/kr.svg',
         code: 'ko',
         i: 11,
         llmKnowledge: 87,
@@ -1937,10 +2015,12 @@ const LANGUAGES = {
             en: 'Korean',
             es: 'Coreano',
         },
+        status: 'almostready',
     },
     pl: {
         nativeName: 'Polski',
         flag: '🇵🇱',
+        flagImg: 'assets/flags/pl.svg',
         code: 'pl',
         i: 12,
         llmKnowledge: 86,
@@ -1949,10 +2029,12 @@ const LANGUAGES = {
             en: 'Polish',
             es: 'Polaco',
         },
+        status: 'commingsoon',
     },
     sv: {
         nativeName: 'Svenska',
         flag: '🇸🇪',
+        flagImg: 'assets/flags/se.svg',
         code: 'sv',
         i: 13,
         llmKnowledge: 85,
@@ -1961,10 +2043,12 @@ const LANGUAGES = {
             en: 'Swedish',
             es: 'Sueco',
         },
+        status: 'commingsoon',
     },
     tr: {
         nativeName: 'Türkçe',
         flag: '🇹🇷',
+        flagImg: 'assets/flags/tr.svg',
         code: 'tr',
         i: 14,
         llmKnowledge: 84,
@@ -1973,10 +2057,12 @@ const LANGUAGES = {
             en: 'Turkish',
             es: 'Turco',
         },
+        status: 'commingsoon',
     },
     ar: {
         nativeName: 'العربية (Al-Arabiyyah)',
         flag: '🇸🇦',
+        flagImg: 'assets/flags/sa.svg',
         code: 'ar',
         i: 15,
         llmKnowledge: 83,
@@ -2011,10 +2097,12 @@ const LANGUAGES = {
             en: 'Arabic',
             es: 'Árabe',
         },
+        status: 'commingsoon',
     },
     vi: {
         nativeName: 'Tiếng Việt',
         flag: '🇻🇳',
+        flagImg: 'assets/flags/vn.svg',
         code: 'vi',
         i: 16,
         llmKnowledge: 82,
@@ -2023,10 +2111,12 @@ const LANGUAGES = {
             en: 'Vietnamese',
             es: 'Vietnamita',
         },
+        status: 'commingsoon',
     },
     id: {
         nativeName: 'Bahasa Indonesia',
         flag: '🇮🇩',
+        flagImg: 'assets/flags/id.svg',
         code: 'id',
         i: 17,
         llmKnowledge: 81,
@@ -2035,10 +2125,12 @@ const LANGUAGES = {
             en: 'Indonesian',
             es: 'Indonesio',
         },
+        status: 'commingsoon',
     },
     da: {
         nativeName: 'Dansk',
         flag: '🇩🇰',
+        flagImg: 'assets/flags/dk.svg',
         code: 'da',
         i: 18,
         llmKnowledge: 80,
@@ -2047,10 +2139,12 @@ const LANGUAGES = {
             en: 'Danish',
             es: 'Danés',
         },
+        status: 'commingsoon',
     },
     no: {
         nativeName: 'Norsk',
         flag: '🇳🇴',
+        flagImg: 'assets/flags/no.svg',
         code: 'no',
         i: 19,
         llmKnowledge: 79,
@@ -2059,10 +2153,12 @@ const LANGUAGES = {
             en: 'Norwegian',
             es: 'Noruego',
         },
+        status: 'commingsoon',
     },
     fi: {
         nativeName: 'Suomi',
         flag: '🇫🇮',
+        flagImg: 'assets/flags/fi.svg',
         code: 'fi',
         i: 20,
         llmKnowledge: 78,
@@ -2071,10 +2167,12 @@ const LANGUAGES = {
             en: 'Finnish',
             es: 'Finlandés',
         },
+        status: 'commingsoon',
     },
     cs: {
         nativeName: 'Čeština',
         flag: '🇨🇿',
+        flagImg: 'assets/flags/cz.svg',
         code: 'cs',
         i: 21,
         llmKnowledge: 77,
@@ -2083,10 +2181,12 @@ const LANGUAGES = {
             en: 'Czech',
             es: 'Checo',
         },
+        status: 'commingsoon',
     },
     el: {
         nativeName: 'Ελληνικά (Elliniká)',
         flag: '🇬🇷',
+        flagImg: 'assets/flags/gr.svg',
         code: 'el',
         i: 22,
         llmKnowledge: 76,
@@ -2095,10 +2195,12 @@ const LANGUAGES = {
             en: 'Greek',
             es: 'Griego',
         },
+        status: 'commingsoon',
     },
     hu: {
         nativeName: 'Magyar',
         flag: '🇭🇺',
+        flagImg: 'assets/flags/hu.svg',
         code: 'hu',
         i: 23,
         llmKnowledge: 75,
@@ -2107,10 +2209,12 @@ const LANGUAGES = {
             en: 'Hungarian',
             es: 'Húngaro',
         },
+        status: 'commingsoon',
     },
     ro: {
         nativeName: 'Română',
         flag: '🇷🇴',
+        flagImg: 'assets/flags/ro.svg',
         code: 'ro',
         i: 24,
         llmKnowledge: 74,
@@ -2119,10 +2223,12 @@ const LANGUAGES = {
             en: 'Romanian',
             es: 'Rumano',
         },
+        status: 'commingsoon',
     },
     uk: {
         nativeName: 'Українська (Ukrainska)',
         flag: '🇺🇦',
+        flagImg: 'assets/flags/ua.svg',
         code: 'uk',
         i: 25,
         llmKnowledge: 73,
@@ -2131,10 +2237,12 @@ const LANGUAGES = {
             en: 'Ukrainian',
             es: 'Ucraniano',
         },
+        status: 'commingsoon',
     },
     he: {
         nativeName: 'עברית (Ivrit)',
         flag: '🇮🇱',
+        flagImg: 'assets/flags/il.svg',
         code: 'he',
         i: 26,
         llmKnowledge: 72,
@@ -2143,10 +2251,12 @@ const LANGUAGES = {
             en: 'Hebrew',
             es: 'Hebreo',
         },
+        status: 'commingsoon',
     },
     th: {
         nativeName: 'ภาษาไทย (Phasa Thai)',
         flag: '🇹🇭',
+        flagImg: 'assets/flags/th.svg',
         code: 'th',
         i: 27,
         llmKnowledge: 71,
@@ -2155,10 +2265,12 @@ const LANGUAGES = {
             en: 'Thai',
             es: 'Tailandés',
         },
+        status: 'commingsoon',
     },
     hi: {
         nativeName: 'हिन्दी (Hindī)',
         flag: '🇮🇳',
+        flagImg: 'assets/flags/in.svg',
         code: 'hi',
         i: 28,
         llmKnowledge: 70,
@@ -2167,10 +2279,12 @@ const LANGUAGES = {
             en: 'Hindi',
             es: 'Hindi',
         },
+        status: 'commingsoon',
     },
     ca: {
         nativeName: 'Català',
         flag: '🇪🇸',
+        flagImg: 'assets/flags/es.svg',
         code: 'ca',
         i: 29,
         llmKnowledge: 69,
@@ -2179,10 +2293,12 @@ const LANGUAGES = {
             en: 'Catalan',
             es: 'Catalán',
         },
+        status: 'commingsoon',
     },
     bg: {
         nativeName: 'Български (Balgarski)',
         flag: '🇧🇬',
+        flagImg: 'assets/flags/bg.svg',
         code: 'bg',
         i: 30,
         llmKnowledge: 68,
@@ -2191,10 +2307,40 @@ const LANGUAGES = {
             en: 'Bulgarian',
             es: 'Búlgaro',
         },
+        status: 'commingsoon',
+    },
+    eo: {
+        nativeName: 'Esperanto',
+        flag: '🇺🇳', // Usando la bandera de la ONU por su naturaleza internacional
+        flagImg: 'assets/flags/eo.svg',
+        code: 'eo',
+        i: 59,
+        llmKnowledge: 90,
+        countries: ['Worldwide (constructed language)'],
+        translations: {
+            en: 'Esperanto',
+            es: 'Esperanto',
+        },
+        status: 'commingsoon',
+    },
+    ia: {
+        nativeName: 'Interlingua',
+        flag: '🇺🇳', // Usando la bandera de la ONU por su naturaleza internacional
+        flagImg: 'assets/flags/ia.svg',
+        code: 'ia',
+        i: 60,
+        llmKnowledge: 85,
+        countries: ['Worldwide (constructed language)'],
+        translations: {
+            en: 'Interlingua',
+            es: 'Interlingua',
+        },
+        status: 'commingsoon',
     },
     hr: {
         nativeName: 'Hrvatski',
         flag: '🇭🇷',
+        flagImg: 'assets/flags/hr.svg',
         code: 'hr',
         i: 31,
         llmKnowledge: 67,
@@ -2203,10 +2349,12 @@ const LANGUAGES = {
             en: 'Croatian',
             es: 'Croata',
         },
+        status: 'commingsoon',
     },
     sk: {
         nativeName: 'Slovenčina',
         flag: '🇸🇰',
+        flagImg: 'assets/flags/sk.svg',
         code: 'sk',
         i: 32,
         llmKnowledge: 66,
@@ -2215,10 +2363,12 @@ const LANGUAGES = {
             en: 'Slovak',
             es: 'Eslovaco',
         },
+        status: 'commingsoon',
     },
     fil: {
         nativeName: 'Filipino',
         flag: '🇵🇭',
+        flagImg: 'assets/flags/ph.svg',
         code: 'fil',
         i: 33,
         llmKnowledge: 65,
@@ -2227,11 +2377,13 @@ const LANGUAGES = {
             en: 'Filipino',
             es: 'Filipino',
         },
+        status: 'commingsoon',
     },
     tl: {
         // Tagalog often used as base for Filipino, but distinct ISO code
         nativeName: 'Tagalog',
         flag: '🇵🇭',
+        flagImg: 'assets/flags/ph.svg',
         code: 'tl',
         i: 34,
         llmKnowledge: 64,
@@ -2240,10 +2392,12 @@ const LANGUAGES = {
             en: 'Tagalog',
             es: 'Tagalo',
         },
+        status: 'commingsoon',
     },
     lt: {
         nativeName: 'Lietuvių',
         flag: '🇱🇹',
+        flagImg: 'assets/flags/lt.svg',
         code: 'lt',
         i: 35,
         llmKnowledge: 63,
@@ -2252,10 +2406,12 @@ const LANGUAGES = {
             en: 'Lithuanian',
             es: 'Lituano',
         },
+        status: 'commingsoon',
     },
     lv: {
         nativeName: 'Latviešu',
         flag: '🇱🇻',
+        flagImg: 'assets/flags/lv.svg',
         code: 'lv',
         i: 36,
         llmKnowledge: 62,
@@ -2264,10 +2420,12 @@ const LANGUAGES = {
             en: 'Latvian',
             es: 'Letón',
         },
+        status: 'commingsoon',
     },
     sl: {
         nativeName: 'Slovenščina',
         flag: '🇸🇮',
+        flagImg: 'assets/flags/si.svg',
         code: 'sl',
         i: 37,
         llmKnowledge: 61,
@@ -2276,10 +2434,12 @@ const LANGUAGES = {
             en: 'Slovenian',
             es: 'Esloveno',
         },
+        status: 'commingsoon',
     },
     et: {
         nativeName: 'Eesti',
         flag: '🇪🇪',
+        flagImg: 'assets/flags/ee.svg',
         code: 'et',
         i: 38,
         llmKnowledge: 60,
@@ -2288,10 +2448,12 @@ const LANGUAGES = {
             en: 'Estonian',
             es: 'Estonio',
         },
+        status: 'commingsoon',
     },
     ms: {
         nativeName: 'Bahasa Melayu',
         flag: '🇲🇾',
+        flagImg: 'assets/flags/my.svg',
         code: 'ms',
         i: 39,
         llmKnowledge: 59,
@@ -2300,10 +2462,12 @@ const LANGUAGES = {
             en: 'Malay',
             es: 'Malayo',
         },
+        status: 'commingsoon',
     },
     sw: {
         nativeName: 'Kiswahili',
         flag: '🇹🇿',
+        flagImg: 'assets/flags/tz.svg',
         code: 'sw',
         i: 40,
         llmKnowledge: 58,
@@ -2312,10 +2476,12 @@ const LANGUAGES = {
             en: 'Swahili',
             es: 'Suajili',
         },
+        status: 'commingsoon',
     },
     fa: {
         nativeName: 'فارسی (Fārsī)',
         flag: '🇮🇷',
+        flagImg: 'assets/flags/ir.svg',
         code: 'fa',
         i: 41,
         llmKnowledge: 57,
@@ -2324,10 +2490,12 @@ const LANGUAGES = {
             en: 'Persian/Farsi',
             es: 'Persa',
         },
+        status: 'commingsoon',
     },
     bn: {
         nativeName: 'বাংলা (Bangla)',
         flag: '🇧🇩',
+        flagImg: 'assets/flags/bd.svg',
         code: 'bn',
         i: 42,
         llmKnowledge: 56,
@@ -2336,10 +2504,12 @@ const LANGUAGES = {
             en: 'Bengali',
             es: 'Bengalí',
         },
+        status: 'commingsoon',
     },
     ur: {
         nativeName: 'اردو (Urdū)',
         flag: '🇵🇰',
+        flagImg: 'assets/flags/pk.svg',
         code: 'ur',
         i: 43,
         llmKnowledge: 55,
@@ -2348,10 +2518,12 @@ const LANGUAGES = {
             en: 'Urdu',
             es: 'Urdu',
         },
+        status: 'commingsoon',
     },
     sr: {
         nativeName: 'Српски (Srpski)',
         flag: '🇷🇸',
+        flagImg: 'assets/flags/rs.svg',
         code: 'sr',
         i: 44,
         llmKnowledge: 54,
@@ -2360,10 +2532,12 @@ const LANGUAGES = {
             en: 'Serbian',
             es: 'Serbio',
         },
+        status: 'commingsoon',
     },
     is: {
         nativeName: 'Íslenska',
         flag: '🇮🇸',
+        flagImg: 'assets/flags/is.svg',
         code: 'is',
         i: 45,
         llmKnowledge: 53,
@@ -2372,10 +2546,12 @@ const LANGUAGES = {
             en: 'Icelandic',
             es: 'Islandés',
         },
+        status: 'commingsoon',
     },
     ta: {
         nativeName: 'தமிழ் (Tamiḻ)',
         flag: '🇱🇰',
+        flagImg: 'assets/flags/lk.svg',
         code: 'ta',
         i: 46,
         llmKnowledge: 52,
@@ -2384,10 +2560,12 @@ const LANGUAGES = {
             en: 'Tamil',
             es: 'Tamil',
         },
+        status: 'commingsoon',
     },
     mr: {
         nativeName: 'मराठी (Marāṭhī)',
         flag: '🇮🇳',
+        flagImg: 'assets/flags/in.svg',
         code: 'mr',
         i: 47,
         llmKnowledge: 51,
@@ -2396,10 +2574,12 @@ const LANGUAGES = {
             en: 'Marathi',
             es: 'Maratí',
         },
+        status: 'commingsoon',
     },
     my: {
         nativeName: 'မြန်မာဘာသာ (Myanmar)',
         flag: '🇲🇲',
+        flagImg: 'assets/flags/mm.svg',
         code: 'my',
         i: 48,
         llmKnowledge: 50,
@@ -2408,10 +2588,12 @@ const LANGUAGES = {
             en: 'Burmese',
             es: 'Birmano',
         },
+        status: 'commingsoon',
     },
     cy: {
         nativeName: 'Cymraeg',
         flag: '🏴󠁧󠁢󠁷󠁬󠁳󠁿',
+        flagImg: 'assets/flags/cy.svg',
         code: 'cy',
         i: 49,
         llmKnowledge: 49,
@@ -2420,10 +2602,12 @@ const LANGUAGES = {
             en: 'Welsh',
             es: 'Galés',
         },
+        status: 'commingsoon',
     },
     ha: {
         nativeName: 'Hausa',
         flag: '🇳🇬',
+        flagImg: 'assets/flags/ng.svg',
         code: 'ha',
         i: 50,
         llmKnowledge: 48,
@@ -2432,10 +2616,12 @@ const LANGUAGES = {
             en: 'Hausa',
             es: 'Hausa',
         },
+        status: 'commingsoon',
     },
     eu: {
         nativeName: 'Euskara',
         flag: '🇪🇸',
+        flagImg: 'assets/flags/es.svg',
         code: 'eu',
         i: 51,
         llmKnowledge: 47,
@@ -2444,10 +2630,12 @@ const LANGUAGES = {
             en: 'Basque',
             es: 'Vasco',
         },
+        status: 'commingsoon',
     },
     ga: {
         nativeName: 'Gaeilge',
         flag: '🇮🇪',
+        flagImg: 'assets/flags/ie.svg',
         code: 'ga',
         i: 52,
         llmKnowledge: 46,
@@ -2456,10 +2644,12 @@ const LANGUAGES = {
             en: 'Irish',
             es: 'Irlandés',
         },
+        status: 'commingsoon',
     },
     sd: {
         nativeName: 'سنڌي (Sindhī)',
         flag: '🇵🇰',
+        flagImg: 'assets/flags/pk.svg',
         code: 'sd',
         i: 53,
         llmKnowledge: 45,
@@ -2468,10 +2658,12 @@ const LANGUAGES = {
             en: 'Sindhi',
             es: 'Sindi',
         },
+        status: 'commingsoon',
     },
     am: {
         nativeName: 'አማርኛ (Amarəñña)',
         flag: '🇪🇹',
+        flagImg: 'assets/flags/et.svg',
         code: 'am',
         i: 54,
         llmKnowledge: 44,
@@ -2480,10 +2672,12 @@ const LANGUAGES = {
             en: 'Amharic',
             es: 'Amárico',
         },
+        status: 'commingsoon',
     },
     jv: {
         nativeName: 'Basa Jawa',
         flag: '🇮🇩',
+        flagImg: 'assets/flags/id.svg',
         code: 'jv',
         i: 55,
         llmKnowledge: 43,
@@ -2492,10 +2686,12 @@ const LANGUAGES = {
             en: 'Javanese',
             es: 'Javanés',
         },
+        status: 'commingsoon',
     },
     km: {
         nativeName: 'ភាសាខ្មែរ (Phéasa Khmér)',
         flag: '🇰🇭',
+        flagImg: 'assets/flags/kh.svg',
         code: 'km',
         i: 56,
         llmKnowledge: 42,
@@ -2504,10 +2700,12 @@ const LANGUAGES = {
             en: 'Khmer',
             es: 'Jemer',
         },
+        status: 'commingsoon',
     },
     yo: {
         nativeName: 'Yorùbá',
         flag: '🇳🇬',
+        flagImg: 'assets/flags/ng.svg',
         code: 'yo',
         i: 57,
         llmKnowledge: 41,
@@ -2516,10 +2714,12 @@ const LANGUAGES = {
             en: 'Yoruba',
             es: 'Yoruba',
         },
+        status: 'commingsoon',
     },
     gl: {
         nativeName: 'Galego',
         flag: '🇪🇸',
+        flagImg: 'assets/flags/es.svg',
         code: 'gl',
         i: 58,
         llmKnowledge: 40,
@@ -2528,8 +2728,58 @@ const LANGUAGES = {
             en: 'Galician',
             es: 'Gallego',
         },
+        status: 'commingsoon',
     },
 };
+function getLangDesc(langCode, lang) {
+    return LANGUAGES[langCode]?.translations[lang] || langCode;
+}
+function getSupportedLanguageOptions(lang = 'es') {
+    return SUPPORTED_LANGUAGES.map((langCode) => ({
+        value: langCode,
+        label: getLangDesc(langCode, lang),
+    }));
+}
+
+const MoodStateOptions = [
+    // Emociones básicas y fundamentales
+    { value: 'happy', label: '1) Alegría - Felicidad, gozo, satisfacción', emoji: '😊' },
+    { value: 'sad', label: '2) Tristeza - Pena, melancolía, desánimo', emoji: '😢' },
+    { value: 'angry', label: '3) Enojo - Ira, furia, irritación', emoji: '😠' },
+    { value: 'fear', label: '4) Miedo - Temor, pánico, terror', emoji: '😨' },
+    { value: 'surprised', label: '5) Sorpresa - Asombro, desconcierto', emoji: '😮' },
+    { value: 'disgusted', label: '6) Asco - Repugnancia, aversión', emoji: '🤢' },
+    // { value: 'excited', label: '27) Entusiasmo - Emoción, euforia, anticipación' },
+    // Emociones sociales y autoconscientes
+    { value: 'proud', label: '7) Orgullo - Satisfacción por logros propios o ajenos', emoji: '😎' },
+    { value: 'ashamed', label: '8) Vergüenza - Humillado', emoji: '😰' },
+    { value: 'guilty', label: '9) Culpa - Remordimiento, arrepentimiento', emoji: '😔' },
+    { value: 'jealous', label: '10) Celos - Envidia, desconfianza', emoji: '😒' },
+    { value: 'love', label: '11) Amor - Cariño, afecto, ternura', emoji: '❤️' },
+    // { value: 'grateful', label: '12) Agradecimiento - Gratitud, aprecio' },
+    { value: 'contempt', label: '30) Desprecio - Desdén, menosprecio', emoji: '🙃' },
+    { value: 'comic', label: '32) Cómico - Divertido, gracioso', emoji: '😂' },
+    { value: 'blushing', label: '33) Apenado - Sonrojado, avergonzado', emoji: '😳' },
+    // Estados cognitivos y mentales
+    // { value: 'neutral', label: '13) Neutral - Calma, imparcialidad' },
+    { value: 'confused', label: '14) Confusión - Desorientación, perplejidad', emoji: '😕' },
+    { value: 'curious', label: '15) Curiosidad - Interés, intriga, exploración', emoji: '🤔' },
+    { value: 'bored', label: '16) Aburrimiento - Desinterés, tedio, apatía', emoji: '😑' },
+    // { value: 'hopeful', label: '17) Esperanza - Optimismo, fe, expectativa positiva' },
+    { value: 'frustrated', label: '18) Frustración - Decepción, impotencia', emoji: '😤' },
+    { value: 'overwhelmed', label: '19) Abrumado - Agobio, exceso de carga', emoji: '😫' },
+    // { value: 'lonely', label: '20) Soledad - Aislamiento, desamparo' },
+    { value: 'focused', label: '21) Concentración - Enfoque, atención plena', emoji: '🤓' },
+    { value: 'challenge', label: '28) Desafío - Reto, provocación, competitividad', emoji: '😏' },
+    // { value: 'satisfied', label: '29) Satisfacción - Contentamiento, plenitud' },
+    { value: 'serious', label: '31) Serenidad - Actitud seria', emoji: '😐' },
+    // Estados corporales y fisiológicos
+    { value: 'sleepy', label: '22) Cansancio - Somnolencia, agotamiento, fatiga', emoji: '😴' },
+    // { value: 'energetic', label: '23) Energía - Vitalidad, vigor, dinamismo' },
+    { value: 'horny', label: '24) Excitación sexual - Lujuria, deseo sexual', emoji: '😈' },
+    { value: 'anxious', label: '25) Ansiedad - Nerviosismo, preocupación, inquietud', emoji: '😟' },
+    { value: 'relaxed', label: '26) Relajación - Paz, serenidad, tranquilidad', emoji: '😌' },
+];
 
 /*
  * Public API Surface of core-components
@@ -2540,5 +2790,5 @@ const LANGUAGES = {
  * Generated bundle index. Do not edit.
  */
 
-export { AudioSpeed, AudioSpeedReverse, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, DcAuditableViewerComponent, DcExtensionsViewerComponent, DcLearnableViewerComponent, DcManageableViewerComponent, DcReactionsViewerComponent, EModelQuality, EmptyStateComponent, EntityBaseFormComponent, EntityBaseListComponent, EntityCommunicationService, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, LANGUAGES, LoadingBarComponent, LoadingBarService, ModelQualityOptions, OptionValue, PaginationBase, PromptService, QuickTableComponent, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, availibleFilters, extractJsonFromString, formatCamelCaseString, provideToastAlert, sortOptions, sortTypes };
+export { AudioSpeed, AudioSpeedReverse, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, DcAuditableViewerComponent, DcExtensionsViewerComponent, DcLearnableViewerComponent, DcManageableViewerComponent, DcReactionsViewerComponent, EModelQuality, EmptyStateComponent, EntityBaseFormComponent, EntityBaseListComponent, EntityCommunicationService, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, LANGUAGES, LoadingBarComponent, LoadingBarService, ModelQualityOptions, MoodStateOptions, OptionValue, PaginationBase, PromptService, QuickTableComponent, SUPPORTED_LANGUAGES, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, UiStateService, availibleFilters, extractJsonFromString, formatCamelCaseString, getLangDesc, getSupportedLanguageOptions, provideToastAlert, sortOptions, sortTypes };
 //# sourceMappingURL=dataclouder-ngx-core.mjs.map