@dataclouder/ngx-core 0.1.22 → 0.1.24

package/fesm2022/dataclouder-ngx-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Input, Component, output, ChangeDetectionStrategy, inject, HostListener, ChangeDetectorRef, Injectable, Pipe, signal, effect, ViewChild, InjectionToken, Directive, Optional, Inject } from '@angular/core';
+import { input, Input, Component, output, ChangeDetectionStrategy, inject, HostListener, ChangeDetectorRef, Injectable, Pipe, signal, effect, ViewChild, Directive, InjectionToken, Optional, Inject } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1$1 from 'primeng/button';
@@ -32,9 +32,17 @@ import { TableModule } from 'primeng/table';
 import { get } from 'lodash';
 import * as i5$1 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
-import { firstValueFrom, tap, catchError, lastValueFrom, throwError } from 'rxjs';
+import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4$2 from 'primeng/textarea';
+import * as i2$2 from 'primeng/fieldset';
+import { FieldsetModule } from 'primeng/fieldset';
+import * as i4$2 from 'primeng/chip';
+import { ChipModule } from 'primeng/chip';
+import { AvatarModule } from 'primeng/avatar';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { map } from 'rxjs/operators';
+import { firstValueFrom, tap, catchError, lastValueFrom, throwError } from 'rxjs';
+import * as i4$3 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { HttpClient } from '@angular/common/http';
 
@@ -446,7 +454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
 class GetPathPipe {
     transform(obj, column) {
         const value = get(obj, column.field, 'No disponible');
-        // debugger;
+        //
         if (column.type === 'text') {
             return value.length > 80 ? value.substring(0, 80) + '...' : value;
         }
@@ -469,13 +477,13 @@ class QuickTableComponent {
         this.columns = input([]);
         this.tableData = input([]); // This is the backup data
         // Default action is only select
-        // readonly actions = input<MenuItem[]>();
-        this.actions = [];
+        this.actions = input([]);
         // Outputs
         this.onAction = output();
         // Signals States
         this._columns = signal([]);
         this._tableData = signal([]);
+        this._actions = signal([]);
         this.filters = signal({});
         this.globalFilterFields = signal([]);
         this.tableColumns = [];
@@ -485,10 +493,13 @@ class QuickTableComponent {
                 this._tableData.set(this.tableData());
                 this.initializeFilters();
             }
-            if (!this.actions?.length) {
-                this.actions = [{ title: 'select', label: 'Select', icon: 'pi pi-check', severity: 'primary' }];
+            if (this.actions()?.length > 0) {
+                this._actions.set(this.actions());
             }
-            console.log('QuickTableComponent', this.actions);
+            else {
+                this._actions.set([{ title: 'select', label: 'Select', icon: 'pi pi-check', severity: 'primary' }]);
+            }
+            console.log('QuickTableComponent actions', this._actions());
         });
     }
     initializeTableColumns() {
@@ -585,7 +596,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: false, 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"], 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,
@@ -601,46 +612,188 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                         TagModule,
                         SelectModule,
                         MultiSelectModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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"] }]
-        }], ctorParameters: () => [], propDecorators: { actions: [{
-                type: Input
-            }], tableRef: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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"] }]
+        }], ctorParameters: () => [], propDecorators: { tableRef: [{
                 type: ViewChild,
                 args: ['tableRef']
             }] } });
 
-const TOAST_ALERTS_TOKEN = new InjectionToken('Toast alerts Service');
-class ToastAlertsAbstractService {
+class DcAuditableViewerComponent {
+    constructor() {
+        this.data = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcAuditableViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: DcAuditableViewerComponent, isStandalone: true, selector: "dc-auditable-viewer", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (data(); as audit) {
+    <p-fieldset legend="Audit Information" [toggleable]="true" [collapsed]="true">
+      <div class="grid text-sm">
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Author</label>
+          <p-chip [label]="audit.authorEmail" [image]="'https://i.pravatar.cc/40?u=' + audit.createdBy" />
+        </div>
+
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Last update by</label>
+          <p-chip [label]="audit.updatedBy" [image]="'https://i.pravatar.cc/40?u=' + audit.updatedBy" />
+        </div>
+
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Creation date</label>
+          <span>{{ audit.createdAt | date : 'medium' }}</span>
+        </div>
+
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Last update date</label>
+          <span>{{ audit.updatedAt | date : 'medium' }}</span>
+        </div>
+
+        @if(audit.generatedByIA) {
+        <div class="col-12 mt-2">
+          <p-tag severity="info">
+            <div class="flex align-items-center gap-2">
+              <i class="pi pi-sparkles"></i>
+              <span>Generated by AI</span>
+            </div>
+          </p-tag>
+        </div>
+        @if(audit.prompt) {
+        <div class="col-12 mt-2">
+          <div class="flex flex-column gap-2">
+            <label class="font-semibold">Prompt</label>
+            <p class="m-0 surface-100 p-2 border-round" style="white-space: pre-wrap;">
+              {{ audit.prompt }}
+            </p>
+          </div>
+        </div>
+        } }
+      </div>
+    </p-fieldset>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i2$2.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i5$1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i4$2.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "style", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: AvatarModule }] }); }
 }
-function provideToastAlert(serviceImplementation) {
-    return [
-        {
-            provide: TOAST_ALERTS_TOKEN,
-            useExisting: serviceImplementation,
-        },
-    ];
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcAuditableViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dc-auditable-viewer',
+                    template: `
+    @if (data(); as audit) {
+    <p-fieldset legend="Audit Information" [toggleable]="true" [collapsed]="true">
+      <div class="grid text-sm">
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Author</label>
+          <p-chip [label]="audit.authorEmail" [image]="'https://i.pravatar.cc/40?u=' + audit.createdBy" />
+        </div>
+
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Last update by</label>
+          <p-chip [label]="audit.updatedBy" [image]="'https://i.pravatar.cc/40?u=' + audit.updatedBy" />
+        </div>
+
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Creation date</label>
+          <span>{{ audit.createdAt | date : 'medium' }}</span>
+        </div>
+
+        <div class="col-12 md:col-6 flex flex-column gap-2">
+          <label class="font-semibold">Last update date</label>
+          <span>{{ audit.updatedAt | date : 'medium' }}</span>
+        </div>
+
+        @if(audit.generatedByIA) {
+        <div class="col-12 mt-2">
+          <p-tag severity="info">
+            <div class="flex align-items-center gap-2">
+              <i class="pi pi-sparkles"></i>
+              <span>Generated by AI</span>
+            </div>
+          </p-tag>
+        </div>
+        @if(audit.prompt) {
+        <div class="col-12 mt-2">
+          <div class="flex flex-column gap-2">
+            <label class="font-semibold">Prompt</label>
+            <p class="m-0 surface-100 p-2 border-round" style="white-space: pre-wrap;">
+              {{ audit.prompt }}
+            </p>
+          </div>
+        </div>
+        } }
+      </div>
+    </p-fieldset>
+    }
+  `,
+                    standalone: true,
+                    imports: [CommonModule, FieldsetModule, TagModule, ChipModule, AvatarModule],
+                }]
+        }] });
+
+class DcExtensionsViewerComponent {
+    constructor() {
+        this.data = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcExtensionsViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.4", type: DcExtensionsViewerComponent, isStandalone: true, selector: "dc-extensions-viewer", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<pre>{{ data() | json }}</pre>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }] }); }
 }
-// @deprecated, moved to ngx-tts
-var AudioSpeed;
-(function (AudioSpeed) {
-    AudioSpeed["VerySlow"] = "verySlow";
-    AudioSpeed["Slow"] = "slow";
-    AudioSpeed["Regular"] = "regular";
-    AudioSpeed["Fast"] = "fast";
-    AudioSpeed["VeryFast"] = "veryFast";
-})(AudioSpeed || (AudioSpeed = {}));
-const AudioSpeedReverse = {
-    [AudioSpeed.VerySlow]: 1,
-    [AudioSpeed.Slow]: 2,
-    [AudioSpeed.Regular]: 3,
-    [AudioSpeed.Fast]: 4,
-    [AudioSpeed.VeryFast]: 5,
-};
-class IAIModel {
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcExtensionsViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dc-extensions-viewer',
+                    template: `<pre>{{ data() | json }}</pre>`,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class DcLearnableViewerComponent {
+    constructor() {
+        this.data = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcLearnableViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.4", type: DcLearnableViewerComponent, isStandalone: true, selector: "dc-learnable-viewer", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<pre>{{ data() | json }}</pre>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }] }); }
 }
-// Since it not clear if this bellows to chat AI Or user i put here.
-class ChatUserSettings {
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcLearnableViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dc-learnable-viewer',
+                    template: `<pre>{{ data() | json }}</pre>`,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class DcManageableViewerComponent {
+    constructor() {
+        this.data = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcManageableViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.4", type: DcManageableViewerComponent, isStandalone: true, selector: "dc-manageable-viewer", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<pre>{{ data() | json }}</pre>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcManageableViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dc-manageable-viewer',
+                    template: `<pre>{{ data() | json }}</pre>`,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class DcReactionsViewerComponent {
+    constructor() {
+        this.data = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcReactionsViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.4", type: DcReactionsViewerComponent, isStandalone: true, selector: "dc-reactions-viewer", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<pre>{{ data() | json }}</pre>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: DcReactionsViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dc-reactions-viewer',
+                    template: `<pre>{{ data() | json }}</pre>`,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }] });
 
 /**
  * Abstract base class for implementing pagination functionality.
@@ -665,9 +818,9 @@ class PaginationBase {
          */
         this.onAction = output();
         /** Current first record index for the paginator */
-        this.paginatorFirst = 0;
+        this.first = 0;
         /** Number of rows to display per page */
-        this.paginatorRows = 10;
+        this.rows = 10;
         /** Total number of records available */
         this.totalRecords = 0;
         /** Current view mode, either cards or table */
@@ -680,7 +833,7 @@ class PaginationBase {
          * Configuration for filtering, sorting, and pagination.
          * Includes current page, rows per page, sorting criteria, and applied filters.
          */
-        this.filterConfig = { page: 0, rowsPerPage: this.paginatorRows, sort: { _id: -1 }, filters: {} };
+        this.filterConfig = { page: 0, rowsPerPage: this.rows, sort: { _id: -1 }, filters: {} };
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
         this.initializePagination();
@@ -694,7 +847,7 @@ class PaginationBase {
         const page = this.route.snapshot.queryParamMap.get('page');
         if (page) {
             this.filterConfig.page = +page - 1;
-            this.paginatorFirst = this.filterConfig.page * this.paginatorRows;
+            this.first = this.filterConfig.page * this.rows;
         }
     }
     /**
@@ -703,11 +856,11 @@ class PaginationBase {
      * @param pageEvent - The page event containing page number and rows per page
      */
     async onPageChange(pageEvent) {
-        this.paginatorRows = pageEvent.rows;
+        this.rows = pageEvent.rows;
         this.filterConfig = {
             ...this.filterConfig,
             page: pageEvent.page,
-            rowsPerPage: this.paginatorRows,
+            rowsPerPage: this.rows,
         };
         await this.loadData();
         this.updatePageParam(pageEvent.page + 1);
@@ -740,6 +893,181 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
             type: Directive
         }], ctorParameters: () => [] });
 
+class EntityBaseListComponent extends PaginationBase {
+    constructor() {
+        super();
+        // Services
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        // Inputs & Outputs
+        this.initialViewType = input('card');
+        this.onlyView = input(false);
+        // Outputs
+        this.onSelect = output();
+        // Writable Signals for component state
+        this.items = signal([]);
+        this.totalRecordsSignal = signal(0);
+        // Public properties for configuration
+        this.filterBarOptions = { showActions: true, showCreateButton: true, showViewButton: true };
+        this.columns = [];
+        this.viewType = signal(this.initialViewType());
+        effect(() => {
+            // Keep the parent's totalRecords in sync with our signal
+            this.totalRecords = this.totalRecordsSignal();
+        });
+    }
+    async ngOnInit() {
+        await this.loadData();
+    }
+    async loadData() {
+        try {
+            this.isLoading = true;
+            const response = await this.entityCommunicationService.query(this.filterConfig);
+            this.items.set(response.rows);
+            this.totalRecordsSignal.set(response.count);
+        }
+        catch (error) {
+            console.error('Error loading data', error);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    onNew() {
+        this.router.navigate(['./edit'], { relativeTo: this.route });
+    }
+    toggleView() {
+        this.viewType.update((v) => (v === 'card' ? 'table' : 'card'));
+    }
+    async doAction(actionEvent) {
+        const { item, action } = actionEvent;
+        if (!item) {
+            return;
+        }
+        switch (action) {
+            case 'view':
+                this.router.navigate(['./details', item._id], { relativeTo: this.route });
+                break;
+            case 'edit':
+                this.router.navigate(['./edit', item._id], { relativeTo: this.route });
+                break;
+            case 'delete':
+                const confirmed = confirm(`Are you sure you want to delete this item?`);
+                if (confirmed) {
+                    try {
+                        await this.entityCommunicationService.remove(item._id);
+                    }
+                    catch (error) {
+                        console.error('Error deleting item', error);
+                    }
+                    finally {
+                        await this.loadData(); // Refresh list
+                    }
+                }
+                break;
+            case 'clone':
+                await this.entityCommunicationService.clone(item._id);
+                await this.loadData(); // Refresh list
+                break;
+            default:
+            // this.handleCustomAction(actionEvent);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityBaseListComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: EntityBaseListComponent, isStandalone: true, inputs: { initialViewType: { classPropertyName: "initialViewType", publicName: "initialViewType", isSignal: true, isRequired: false, transformFunction: null }, onlyView: { classPropertyName: "onlyView", publicName: "onlyView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityBaseListComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+class EntityBaseFormComponent {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.entity = signal(undefined);
+        this.entityId = toSignal(this.route.paramMap.pipe(map((params) => params.get('id'))));
+        this.loadEntityEffect = effect(async () => {
+            const id = this.entityId();
+            if (id) {
+                try {
+                    const entity = await this.entityCommunicationService.findOne(id);
+                    if (entity) {
+                        this.entity.set(entity);
+                        this.patchForm(entity);
+                    }
+                }
+                catch (err) {
+                    console.error('Error loading entity', err);
+                    // TODO: Consider adding a generic error toast message
+                }
+            }
+            else {
+                // if there is no id, we create a new entity
+                try {
+                    const newEntity = await this.entityCommunicationService.createOrUpdate({});
+                    if (newEntity?._id) {
+                        // we replace the url to avoid creating a new entity when the user goes back
+                        this.router.navigate([newEntity._id], { relativeTo: this.route, replaceUrl: true });
+                    }
+                }
+                catch (err) {
+                    console.error('Error creating new entity', err);
+                    // TODO: Consider adding a generic error toast message
+                }
+            }
+        }, { allowSignalWrites: true });
+    }
+    async save() {
+        if (this.form.invalid) {
+            // TODO: add toast notification
+            console.error('Form is invalid');
+        }
+        const entityData = { ...this.form.value, _id: this.entityId() };
+        const result = await this.entityCommunicationService.createOrUpdate(entityData);
+        this.entity.set(result);
+        this.patchForm(result);
+        return result;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityBaseFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: EntityBaseFormComponent, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityBaseFormComponent, decorators: [{
+            type: Directive
+        }] });
+
+const TOAST_ALERTS_TOKEN = new InjectionToken('Toast alerts Service');
+class ToastAlertsAbstractService {
+}
+function provideToastAlert(serviceImplementation) {
+    return [
+        {
+            provide: TOAST_ALERTS_TOKEN,
+            useExisting: serviceImplementation,
+        },
+    ];
+}
+// @deprecated, moved to ngx-vertex
+var AudioSpeed;
+(function (AudioSpeed) {
+    AudioSpeed["VerySlow"] = "verySlow";
+    AudioSpeed["Slow"] = "slow";
+    AudioSpeed["Regular"] = "regular";
+    AudioSpeed["Fast"] = "fast";
+    AudioSpeed["VeryFast"] = "veryFast";
+})(AudioSpeed || (AudioSpeed = {}));
+const AudioSpeedReverse = {
+    [AudioSpeed.VerySlow]: 1,
+    [AudioSpeed.Slow]: 2,
+    [AudioSpeed.Regular]: 3,
+    [AudioSpeed.Fast]: 4,
+    [AudioSpeed.VeryFast]: 5,
+};
+class IAIModel {
+}
+// Since it not clear if this bellows to chat AI Or user i put here.
+class ChatUserSettings {
+}
+
 var EModelQuality;
 (function (EModelQuality) {
     EModelQuality["FAST"] = "fast";
@@ -825,6 +1153,14 @@ function formatCamelCaseString(input) {
         .join(' ');
 }
 
+// Entity extension that add extra features to the entity
+// * Auditable: Ability to track who created and updated the entity
+// * Learnable: Ability to track who created and updated the entity
+// * IManageable: Ability to say is the entity is public or private, or published or draft
+// * IReactable: Ability to give likes, dislikes, etc. hearts etc.
+// * Extensionable: Ability to add extra features to the entity
+// *  ❗️ PENDING IMediable: this add media songs and videos and more only thinking for lessons or content interactions.
+
 class ConfirmService {
     constructor() {
         this.pdialogService = inject(DialogService);
@@ -892,7 +1228,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$2.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]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PromptComponent, decorators: [{
             type: Component,
@@ -1413,6 +1749,788 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                     args: [HTTP_CORE_CONFIG]
                 }] }] });
 
+class EntityCommunicationService {
+    constructor(serviceName) {
+        this.serviceName = serviceName;
+        this.httpService = inject(HttpCoreService);
+    }
+    findAll() {
+        return this.httpService.get(`api/${this.serviceName}`);
+    }
+    findOne(id) {
+        return this.httpService.get(`api/${this.serviceName}/${id}`);
+    }
+    createOrUpdate(entity) {
+        // if Id is present then in object, then Update all props in the object
+        return this.httpService.post(`api/${this.serviceName}`, entity);
+    }
+    query(filterConfig) {
+        return this.httpService.post(`api/${this.serviceName}/query`, filterConfig);
+    }
+    partialUpdate(id, partialUpdates) {
+        // In backend object is flattened, so Convert nested objects to dot notation eg. { "video.captions.remotion": captions.captions }
+        return this.httpService.put(`api/${this.serviceName}/${id}`, partialUpdates);
+    }
+    async remove(id) {
+        await this.httpService.delete(`api/${this.serviceName}/${id}`);
+    }
+    clone(id, overrides = {}) {
+        return this.httpService.post(`api/${this.serviceName}/${id}/clone`, overrides);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityCommunicationService, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityCommunicationService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: EntityCommunicationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined }] });
+
+const LANGUAGES = {
+    en: {
+        nativeName: 'English',
+        flag: '🇺🇸', // Using US flag as a primary example
+        code: 'en',
+        i: 1,
+        llmKnowledge: 100,
+        countries: ['United Kingdom', 'United States', 'Canada', 'Australia', 'New Zealand', 'Ireland', 'South Africa', 'India', 'and many others.'],
+        translations: {
+            en: 'English',
+            es: 'Inglés',
+        },
+    },
+    es: {
+        nativeName: 'Español',
+        flag: '🇪🇸', // Using Spain flag as a primary example
+        code: 'es',
+        i: 2,
+        llmKnowledge: 99,
+        countries: [
+            'Spain',
+            'Mexico',
+            'Argentina',
+            'Colombia',
+            'Peru',
+            'Chile',
+            'Venezuela',
+            'Ecuador',
+            'Guatemala',
+            'Cuba',
+            'Bolivia',
+            'Dominican Republic',
+            'Honduras',
+            'El Salvador',
+            'Nicaragua',
+            'Paraguay',
+            'Costa Rica',
+            'Puerto Rico',
+            'Uruguay',
+            'Equatorial Guinea.',
+        ],
+        translations: {
+            en: 'Spanish',
+            es: 'Español',
+        },
+    },
+    de: {
+        nativeName: 'Deutsch',
+        flag: '🇩🇪',
+        code: 'de',
+        i: 3,
+        llmKnowledge: 97,
+        countries: ['Germany', 'Austria', 'Switzerland', 'Belgium', 'Luxembourg', 'Liechtenstein.'],
+        translations: {
+            en: 'German',
+            es: 'Alemán',
+        },
+    },
+    fr: {
+        nativeName: 'Français',
+        flag: '🇫🇷',
+        code: 'fr',
+        i: 4,
+        llmKnowledge: 96,
+        countries: ['France', 'Canada', 'Belgium', 'Switzerland', 'Haiti', 'Ivory Coast', 'Senegal', 'Cameroon', 'Madagascar', 'and many others.'],
+        translations: {
+            en: 'French',
+            es: 'Francés',
+        },
+    },
+    zh: {
+        nativeName: '中文 (Zhōngwén)',
+        flag: '🇨🇳',
+        code: 'zh',
+        i: 5,
+        llmKnowledge: 94,
+        countries: ['China', 'Singapore', 'Taiwan.'],
+        translations: {
+            en: 'Chinese (Mandarin)',
+            es: 'Chino (Mandarín)',
+        },
+    },
+    it: {
+        nativeName: 'Italiano',
+        flag: '🇮🇹',
+        code: 'it',
+        i: 6,
+        llmKnowledge: 93,
+        countries: ['Italy', 'Switzerland', 'San Marino', 'Vatican City.'],
+        translations: {
+            en: 'Italian',
+            es: 'Italiano',
+        },
+    },
+    pt: {
+        nativeName: 'Português',
+        flag: '🇧🇷',
+        code: 'pt',
+        i: 7,
+        llmKnowledge: 92,
+        countries: ['Portugal', 'Brazil', 'Angola', 'Mozambique', 'Cape Verde', 'Guinea-Bissau', 'Sao Tome and Principe', 'East Timor', 'Macau.'],
+        translations: {
+            en: 'Portuguese',
+            es: 'Portugués',
+        },
+    },
+    ja: {
+        nativeName: '日本語 (Nihongo)',
+        flag: '🇯🇵',
+        code: 'ja',
+        i: 8,
+        llmKnowledge: 91,
+        countries: ['Japan.'],
+        translations: {
+            en: 'Japanese',
+            es: 'Japonés',
+        },
+    },
+    nl: {
+        nativeName: 'Nederlands',
+        flag: '🇳🇱',
+        code: 'nl',
+        i: 9,
+        llmKnowledge: 90,
+        countries: ['Netherlands', 'Belgium', 'Suriname', 'Aruba', 'Curaçao', 'Sint Maarten.'],
+        translations: {
+            en: 'Dutch',
+            es: 'Neerlandés',
+        },
+    },
+    ru: {
+        nativeName: 'Русский (Russkiy)',
+        flag: '🇷🇺',
+        code: 'ru',
+        i: 10, // Adjusted index
+        llmKnowledge: 89,
+        countries: ['Russia', 'Belarus', 'Kazakhstan', 'Kyrgyzstan', 'Tajikistan (co-official)', 'Abkhazia', 'South Ossetia', 'Transnistria.'],
+        translations: {
+            en: 'Russian',
+            es: 'Ruso',
+        },
+    },
+    ko: {
+        nativeName: '한국어 (Hangugeo)',
+        flag: '🇰🇷',
+        code: 'ko',
+        i: 11,
+        llmKnowledge: 87,
+        countries: ['South Korea', 'North Korea.'],
+        translations: {
+            en: 'Korean',
+            es: 'Coreano',
+        },
+    },
+    pl: {
+        nativeName: 'Polski',
+        flag: '🇵🇱',
+        code: 'pl',
+        i: 12,
+        llmKnowledge: 86,
+        countries: ['Poland.'],
+        translations: {
+            en: 'Polish',
+            es: 'Polaco',
+        },
+    },
+    sv: {
+        nativeName: 'Svenska',
+        flag: '🇸🇪',
+        code: 'sv',
+        i: 13,
+        llmKnowledge: 85,
+        countries: ['Sweden', 'Finland (co-official).'],
+        translations: {
+            en: 'Swedish',
+            es: 'Sueco',
+        },
+    },
+    tr: {
+        nativeName: 'Türkçe',
+        flag: '🇹🇷',
+        code: 'tr',
+        i: 14,
+        llmKnowledge: 84,
+        countries: ['Turkey', 'Cyprus (North).'],
+        translations: {
+            en: 'Turkish',
+            es: 'Turco',
+        },
+    },
+    ar: {
+        nativeName: 'العربية (Al-Arabiyyah)',
+        flag: '🇸🇦',
+        code: 'ar',
+        i: 15,
+        llmKnowledge: 83,
+        countries: [
+            'Saudi Arabia',
+            'Egypt',
+            'Algeria',
+            'Morocco',
+            'Iraq',
+            'Sudan',
+            'Yemen',
+            'Syria',
+            'Tunisia',
+            'Jordan',
+            'United Arab Emirates',
+            'Lebanon',
+            'Libya',
+            'Oman',
+            'Kuwait',
+            'Mauritania',
+            'Qatar',
+            'Bahrain',
+            'Comoros',
+            'Djibouti',
+            'Somalia',
+            'Eritrea',
+            'Chad',
+            'Western Sahara',
+            'Palestine.',
+        ],
+        translations: {
+            en: 'Arabic',
+            es: 'Árabe',
+        },
+    },
+    vi: {
+        nativeName: 'Tiếng Việt',
+        flag: '🇻🇳',
+        code: 'vi',
+        i: 16,
+        llmKnowledge: 82,
+        countries: ['Vietnam.'],
+        translations: {
+            en: 'Vietnamese',
+            es: 'Vietnamita',
+        },
+    },
+    id: {
+        nativeName: 'Bahasa Indonesia',
+        flag: '🇮🇩',
+        code: 'id',
+        i: 17,
+        llmKnowledge: 81,
+        countries: ['Indonesia.'],
+        translations: {
+            en: 'Indonesian',
+            es: 'Indonesio',
+        },
+    },
+    da: {
+        nativeName: 'Dansk',
+        flag: '🇩🇰',
+        code: 'da',
+        i: 18,
+        llmKnowledge: 80,
+        countries: ['Denmark', 'Faroe Islands (co-official)', 'Greenland (co-official).'],
+        translations: {
+            en: 'Danish',
+            es: 'Danés',
+        },
+    },
+    no: {
+        nativeName: 'Norsk',
+        flag: '🇳🇴',
+        code: 'no',
+        i: 19,
+        llmKnowledge: 79,
+        countries: ['Norway.'],
+        translations: {
+            en: 'Norwegian',
+            es: 'Noruego',
+        },
+    },
+    fi: {
+        nativeName: 'Suomi',
+        flag: '🇫🇮',
+        code: 'fi',
+        i: 20,
+        llmKnowledge: 78,
+        countries: ['Finland.'],
+        translations: {
+            en: 'Finnish',
+            es: 'Finlandés',
+        },
+    },
+    cs: {
+        nativeName: 'Čeština',
+        flag: '🇨🇿',
+        code: 'cs',
+        i: 21,
+        llmKnowledge: 77,
+        countries: ['Czech Republic.'],
+        translations: {
+            en: 'Czech',
+            es: 'Checo',
+        },
+    },
+    el: {
+        nativeName: 'Ελληνικά (Elliniká)',
+        flag: '🇬🇷',
+        code: 'el',
+        i: 22,
+        llmKnowledge: 76,
+        countries: ['Greece', 'Cyprus.'],
+        translations: {
+            en: 'Greek',
+            es: 'Griego',
+        },
+    },
+    hu: {
+        nativeName: 'Magyar',
+        flag: '🇭🇺',
+        code: 'hu',
+        i: 23,
+        llmKnowledge: 75,
+        countries: ['Hungary.'],
+        translations: {
+            en: 'Hungarian',
+            es: 'Húngaro',
+        },
+    },
+    ro: {
+        nativeName: 'Română',
+        flag: '🇷🇴',
+        code: 'ro',
+        i: 24,
+        llmKnowledge: 74,
+        countries: ['Romania', 'Moldova (as Moldovan).'],
+        translations: {
+            en: 'Romanian',
+            es: 'Rumano',
+        },
+    },
+    uk: {
+        nativeName: 'Українська (Ukrainska)',
+        flag: '🇺🇦',
+        code: 'uk',
+        i: 25,
+        llmKnowledge: 73,
+        countries: ['Ukraine.'],
+        translations: {
+            en: 'Ukrainian',
+            es: 'Ucraniano',
+        },
+    },
+    he: {
+        nativeName: 'עברית (Ivrit)',
+        flag: '🇮🇱',
+        code: 'he',
+        i: 26,
+        llmKnowledge: 72,
+        countries: ['Israel.'],
+        translations: {
+            en: 'Hebrew',
+            es: 'Hebreo',
+        },
+    },
+    th: {
+        nativeName: 'ภาษาไทย (Phasa Thai)',
+        flag: '🇹🇭',
+        code: 'th',
+        i: 27,
+        llmKnowledge: 71,
+        countries: ['Thailand.'],
+        translations: {
+            en: 'Thai',
+            es: 'Tailandés',
+        },
+    },
+    hi: {
+        nativeName: 'हिन्दी (Hindī)',
+        flag: '🇮🇳',
+        code: 'hi',
+        i: 28,
+        llmKnowledge: 70,
+        countries: ['India (co-official)', 'Fiji (co-official).'],
+        translations: {
+            en: 'Hindi',
+            es: 'Hindi',
+        },
+    },
+    ca: {
+        nativeName: 'Català',
+        flag: '🇪🇸',
+        code: 'ca',
+        i: 29,
+        llmKnowledge: 69,
+        countries: ['Spain (Catalonia, Valencia, Balearic Islands)', 'Andorra.'],
+        translations: {
+            en: 'Catalan',
+            es: 'Catalán',
+        },
+    },
+    bg: {
+        nativeName: 'Български (Balgarski)',
+        flag: '🇧🇬',
+        code: 'bg',
+        i: 30,
+        llmKnowledge: 68,
+        countries: ['Bulgaria.'],
+        translations: {
+            en: 'Bulgarian',
+            es: 'Búlgaro',
+        },
+    },
+    hr: {
+        nativeName: 'Hrvatski',
+        flag: '🇭🇷',
+        code: 'hr',
+        i: 31,
+        llmKnowledge: 67,
+        countries: ['Croatia', 'Bosnia and Herzegovina (co-official)', 'Serbia (Vojvodina).'],
+        translations: {
+            en: 'Croatian',
+            es: 'Croata',
+        },
+    },
+    sk: {
+        nativeName: 'Slovenčina',
+        flag: '🇸🇰',
+        code: 'sk',
+        i: 32,
+        llmKnowledge: 66,
+        countries: ['Slovakia.'],
+        translations: {
+            en: 'Slovak',
+            es: 'Eslovaco',
+        },
+    },
+    fil: {
+        nativeName: 'Filipino',
+        flag: '🇵🇭',
+        code: 'fil',
+        i: 33,
+        llmKnowledge: 65,
+        countries: ['Philippines (co-official).'],
+        translations: {
+            en: 'Filipino',
+            es: 'Filipino',
+        },
+    },
+    tl: {
+        // Tagalog often used as base for Filipino, but distinct ISO code
+        nativeName: 'Tagalog',
+        flag: '🇵🇭',
+        code: 'tl',
+        i: 34,
+        llmKnowledge: 64,
+        countries: ['Philippines (base of Filipino).'],
+        translations: {
+            en: 'Tagalog',
+            es: 'Tagalo',
+        },
+    },
+    lt: {
+        nativeName: 'Lietuvių',
+        flag: '🇱🇹',
+        code: 'lt',
+        i: 35,
+        llmKnowledge: 63,
+        countries: ['Lithuania.'],
+        translations: {
+            en: 'Lithuanian',
+            es: 'Lituano',
+        },
+    },
+    lv: {
+        nativeName: 'Latviešu',
+        flag: '🇱🇻',
+        code: 'lv',
+        i: 36,
+        llmKnowledge: 62,
+        countries: ['Latvia.'],
+        translations: {
+            en: 'Latvian',
+            es: 'Letón',
+        },
+    },
+    sl: {
+        nativeName: 'Slovenščina',
+        flag: '🇸🇮',
+        code: 'sl',
+        i: 37,
+        llmKnowledge: 61,
+        countries: ['Slovenia.'],
+        translations: {
+            en: 'Slovenian',
+            es: 'Esloveno',
+        },
+    },
+    et: {
+        nativeName: 'Eesti',
+        flag: '🇪🇪',
+        code: 'et',
+        i: 38,
+        llmKnowledge: 60,
+        countries: ['Estonia.'],
+        translations: {
+            en: 'Estonian',
+            es: 'Estonio',
+        },
+    },
+    ms: {
+        nativeName: 'Bahasa Melayu',
+        flag: '🇲🇾',
+        code: 'ms',
+        i: 39,
+        llmKnowledge: 59,
+        countries: ['Malaysia', 'Brunei', 'Singapore (co-official).'],
+        translations: {
+            en: 'Malay',
+            es: 'Malayo',
+        },
+    },
+    sw: {
+        nativeName: 'Kiswahili',
+        flag: '🇹🇿',
+        code: 'sw',
+        i: 40,
+        llmKnowledge: 58,
+        countries: ['Tanzania', 'Kenya', 'Uganda', 'Rwanda', 'Democratic Republic of the Congo (national language).'],
+        translations: {
+            en: 'Swahili',
+            es: 'Suajili',
+        },
+    },
+    fa: {
+        nativeName: 'فارسی (Fārsī)',
+        flag: '🇮🇷',
+        code: 'fa',
+        i: 41,
+        llmKnowledge: 57,
+        countries: ['Iran', 'Afghanistan (as Dari)', 'Tajikistan (as Tajik).'],
+        translations: {
+            en: 'Persian/Farsi',
+            es: 'Persa',
+        },
+    },
+    bn: {
+        nativeName: 'বাংলা (Bangla)',
+        flag: '🇧🇩',
+        code: 'bn',
+        i: 42,
+        llmKnowledge: 56,
+        countries: ['Bangladesh', 'India (West Bengal, Tripura).'],
+        translations: {
+            en: 'Bengali',
+            es: 'Bengalí',
+        },
+    },
+    ur: {
+        nativeName: 'اردو (Urdū)',
+        flag: '🇵🇰',
+        code: 'ur',
+        i: 43,
+        llmKnowledge: 55,
+        countries: ['Pakistan (co-official)', 'India (recognized).'],
+        translations: {
+            en: 'Urdu',
+            es: 'Urdu',
+        },
+    },
+    sr: {
+        nativeName: 'Српски (Srpski)',
+        flag: '🇷🇸',
+        code: 'sr',
+        i: 44,
+        llmKnowledge: 54,
+        countries: ['Serbia', 'Bosnia and Herzegovina (co-official)', 'Montenegro (co-official)', 'Kosovo (co-official).'],
+        translations: {
+            en: 'Serbian',
+            es: 'Serbio',
+        },
+    },
+    is: {
+        nativeName: 'Íslenska',
+        flag: '🇮🇸',
+        code: 'is',
+        i: 45,
+        llmKnowledge: 53,
+        countries: ['Iceland.'],
+        translations: {
+            en: 'Icelandic',
+            es: 'Islandés',
+        },
+    },
+    ta: {
+        nativeName: 'தமிழ் (Tamiḻ)',
+        flag: '🇱🇰',
+        code: 'ta',
+        i: 46,
+        llmKnowledge: 52,
+        countries: ['Sri Lanka', 'Singapore', 'India (Tamil Nadu, Puducherry).'],
+        translations: {
+            en: 'Tamil',
+            es: 'Tamil',
+        },
+    },
+    mr: {
+        nativeName: 'मराठी (Marāṭhī)',
+        flag: '🇮🇳',
+        code: 'mr',
+        i: 47,
+        llmKnowledge: 51,
+        countries: ['India (Maharashtra).'],
+        translations: {
+            en: 'Marathi',
+            es: 'Maratí',
+        },
+    },
+    my: {
+        nativeName: 'မြန်မာဘာသာ (Myanmar)',
+        flag: '🇲🇲',
+        code: 'my',
+        i: 48,
+        llmKnowledge: 50,
+        countries: ['Myanmar.'],
+        translations: {
+            en: 'Burmese',
+            es: 'Birmano',
+        },
+    },
+    cy: {
+        nativeName: 'Cymraeg',
+        flag: '🏴󠁧󠁢󠁷󠁬󠁳󠁿',
+        code: 'cy',
+        i: 49,
+        llmKnowledge: 49,
+        countries: ['United Kingdom (Wales).'],
+        translations: {
+            en: 'Welsh',
+            es: 'Galés',
+        },
+    },
+    ha: {
+        nativeName: 'Hausa',
+        flag: '🇳🇬',
+        code: 'ha',
+        i: 50,
+        llmKnowledge: 48,
+        countries: ['Nigeria (major language)', 'Niger', 'Ghana', 'Cameroon', 'Benin', 'Chad', 'Sudan.'],
+        translations: {
+            en: 'Hausa',
+            es: 'Hausa',
+        },
+    },
+    eu: {
+        nativeName: 'Euskara',
+        flag: '🇪🇸',
+        code: 'eu',
+        i: 51,
+        llmKnowledge: 47,
+        countries: ['Spain (Basque Country, Navarre)', 'France (French Basque Country).'],
+        translations: {
+            en: 'Basque',
+            es: 'Vasco',
+        },
+    },
+    ga: {
+        nativeName: 'Gaeilge',
+        flag: '🇮🇪',
+        code: 'ga',
+        i: 52,
+        llmKnowledge: 46,
+        countries: ['Ireland', 'United Kingdom (Northern Ireland).'],
+        translations: {
+            en: 'Irish',
+            es: 'Irlandés',
+        },
+    },
+    sd: {
+        nativeName: 'سنڌي (Sindhī)',
+        flag: '🇵🇰',
+        code: 'sd',
+        i: 53,
+        llmKnowledge: 45,
+        countries: ['Pakistan (Sindh)', 'India (recognized).'],
+        translations: {
+            en: 'Sindhi',
+            es: 'Sindi',
+        },
+    },
+    am: {
+        nativeName: 'አማርኛ (Amarəñña)',
+        flag: '🇪🇹',
+        code: 'am',
+        i: 54,
+        llmKnowledge: 44,
+        countries: ['Ethiopia.'],
+        translations: {
+            en: 'Amharic',
+            es: 'Amárico',
+        },
+    },
+    jv: {
+        nativeName: 'Basa Jawa',
+        flag: '🇮🇩',
+        code: 'jv',
+        i: 55,
+        llmKnowledge: 43,
+        countries: ['Indonesia (important regional language).'],
+        translations: {
+            en: 'Javanese',
+            es: 'Javanés',
+        },
+    },
+    km: {
+        nativeName: 'ភាសាខ្មែរ (Phéasa Khmér)',
+        flag: '🇰🇭',
+        code: 'km',
+        i: 56,
+        llmKnowledge: 42,
+        countries: ['Cambodia.'],
+        translations: {
+            en: 'Khmer',
+            es: 'Jemer',
+        },
+    },
+    yo: {
+        nativeName: 'Yorùbá',
+        flag: '🇳🇬',
+        code: 'yo',
+        i: 57,
+        llmKnowledge: 41,
+        countries: ['Nigeria', 'Benin', 'Togo.'],
+        translations: {
+            en: 'Yoruba',
+            es: 'Yoruba',
+        },
+    },
+    gl: {
+        nativeName: 'Galego',
+        flag: '🇪🇸',
+        code: 'gl',
+        i: 58,
+        llmKnowledge: 40,
+        countries: ['Spain (Galicia).'],
+        translations: {
+            en: 'Galician',
+            es: 'Gallego',
+        },
+    },
+};
+
 /*
  * Public API Surface of core-components
  */
@@ -1422,5 +2540,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AudioSpeed, AudioSpeedReverse, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, EModelQuality, EmptyStateComponent, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, 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, OptionValue, PaginationBase, PromptService, QuickTableComponent, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, availibleFilters, extractJsonFromString, formatCamelCaseString, provideToastAlert, sortOptions, sortTypes };
 //# sourceMappingURL=dataclouder-ngx-core.mjs.map