@solcre-org/core-ui 2.12.36 → 2.12.38

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, Pipe, Injectable, ViewChild, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, ElementRef, Input, HostListener, viewChild, ChangeDetectorRef, afterNextRender, importProvidersFrom } from '@angular/core';
+import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, Pipe, Injectable, ViewChild, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, ElementRef, HostListener, viewChild, ChangeDetectorRef, afterNextRender, importProvidersFrom } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i3 from '@ngx-translate/core';
@@ -2229,7 +2229,9 @@ class SelectFieldComponent extends BaseFieldComponent {
                 String(opt.value) === String(currentInitialValue));
             if (matchingOption) {
                 setTimeout(() => {
-                    this.formControl().setValue(currentInitialValue, { emitEvent: false });
+                    this.formControl().setValue(currentInitialValue, { emitEvent: true });
+                    this.valueChange.emit(currentInitialValue);
+                    this.hasValue.set(true);
                     this.isInitialized.set(true);
                 }, 0);
             }
@@ -2243,9 +2245,15 @@ class SelectFieldComponent extends BaseFieldComponent {
                 if (newValue !== null && newValue !== undefined && newValue !== currentValue) {
                     this.formControl().setValue(newValue, { emitEvent: true });
                     this.valueChange.emit(newValue);
+                    this.hasValue.set(true);
                 }
             }
-        }, 10);
+            const finalValue = this.formControl().value;
+            if (finalValue !== null && finalValue !== undefined && finalValue !== '') {
+                const hasValidValue = !Array.isArray(finalValue) || finalValue.length > 0;
+                this.hasValue.set(hasValidValue);
+            }
+        }, 100);
     }
     compareWith = (item, selected) => {
         if (!item || selected === null || selected === undefined) {
@@ -2285,6 +2293,11 @@ class SelectFieldComponent extends BaseFieldComponent {
         else {
             finalValue = newValue;
         }
+        const hasValidValue = finalValue !== null &&
+            finalValue !== undefined &&
+            finalValue !== '' &&
+            (!Array.isArray(finalValue) || finalValue.length > 0);
+        this.hasValue.set(hasValidValue);
         const fieldConfig = this.field();
         if (fieldConfig.onSelectionChange && this.formValue()) {
             try {
@@ -5397,6 +5410,11 @@ class GenericModalComponent {
                 this.hasUnsavedChanges.set(false);
                 return;
             }
+            const availableFields = this.allFields();
+            const hasTemplate = !!this.customTemplate();
+            if (!hasTemplate && availableFields.length === 0) {
+                return;
+            }
             if (!this.isInitialized()) {
                 this.initializeData();
                 this.initializeActiveTabAndStep();
@@ -5455,14 +5473,17 @@ class GenericModalComponent {
             const payloadKey = (field.keyToPayload ?? field.key);
             const modeConfig = field.modes?.[this.mode()];
             const defaultValue = modeConfig?.defaultValue ?? field.defaultValue;
+            let initialValue = newInstance[fieldKey];
             if (this.mode() === ModalMode.CREATE) {
-                if (defaultValue !== undefined && newInstance[fieldKey] === undefined) {
+                if (defaultValue !== undefined) {
                     if (typeof defaultValue === 'function') {
                         const computedValue = defaultValue(newInstance);
                         newInstance[payloadKey] = computedValue;
+                        initialValue = computedValue;
                     }
                     else {
                         newInstance[payloadKey] = defaultValue;
+                        initialValue = defaultValue;
                     }
                 }
             }
@@ -5470,42 +5491,49 @@ class GenericModalComponent {
                 if (typeof defaultValue === 'function') {
                     const computedValue = defaultValue(newInstance);
                     newInstance[payloadKey] = computedValue;
+                    initialValue = computedValue;
                 }
             }
             const validators = modeConfig?.validators ?? field.validators ?? [];
-            formGroup[fieldKey] = [newInstance[fieldKey], validators];
+            formGroup[fieldKey] = [initialValue, validators];
         });
         this.form.set(this.formBuilder.group(formGroup));
-        this.allFields().forEach(field => {
-            const fieldKey = field.key;
-            const payloadKey = (field.keyToPayload ?? field.key);
-            if ('dynamicValue' in field && typeof field.dynamicValue === 'function') {
-                const dynamicVal = field.dynamicValue(newInstance);
-                if (dynamicVal !== undefined) {
-                    newInstance[payloadKey] = dynamicVal;
-                    const control = this.form().get(fieldKey);
-                    if (control) {
-                        control.setValue(dynamicVal, { emitEvent: false });
+        setTimeout(() => {
+            this.allFields().forEach(field => {
+                const fieldKey = field.key;
+                const payloadKey = (field.keyToPayload ?? field.key);
+                if ('dynamicValue' in field && typeof field.dynamicValue === 'function') {
+                    const dynamicVal = field.dynamicValue(newInstance);
+                    if (dynamicVal !== undefined && dynamicVal !== null) {
+                        newInstance[payloadKey] = dynamicVal;
+                        const control = this.form().get(fieldKey);
+                        if (control) {
+                            control.setValue(dynamicVal, { emitEvent: true });
+                        }
                     }
                 }
-            }
-        });
-        setTimeout(() => {
+            });
+            this.allFields().forEach(field => {
+                const fieldKey = field.key;
+                const control = this.form().get(fieldKey);
+                if (control && control.value !== undefined && control.value !== null) {
+                    const payloadKey = (field.keyToPayload ?? field.key);
+                    newInstance[payloadKey] = control.value;
+                }
+            });
             Object.values(this.form().controls).forEach(control => {
                 control.markAsUntouched();
             });
             this.fieldErrors.set({});
             this.internalErrors.set([]);
-        }, 0);
-        this.editedData.set(newInstance);
-        if (this.mode() !== ModalMode.VIEW) {
-            const originalCopy = Object.create(Object.getPrototypeOf(newInstance));
-            Object.assign(originalCopy, newInstance);
-            this.originalData.set(originalCopy);
-        }
-        setTimeout(() => {
+            this.editedData.set(newInstance);
+            if (this.mode() !== ModalMode.VIEW) {
+                const originalCopy = Object.create(Object.getPrototypeOf(newInstance));
+                Object.assign(originalCopy, newInstance);
+                this.originalData.set(originalCopy);
+            }
             this.modalData.emit(newInstance);
-        }, 1);
+        }, 50);
     }
     initializeActiveTabAndStep() {
         if (this.hasTabs()) {
@@ -8036,17 +8064,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class GenericPaginationComponent {
     paginationService;
     tableDataService;
-    tableId;
-    isServerSide = false;
+    tableId = input();
+    isServerSide = input(false);
     subscription = null;
     constructor(paginationService, tableDataService) {
         this.paginationService = paginationService;
         this.tableDataService = tableDataService;
     }
     ngOnInit() {
-        if (this.isServerSide) {
+        if (this.isServerSide()) {
             this.subscription = this.paginationService.paginationChange$.subscribe(event => {
-                if (event.tableId === this.tableId) {
+                if (event.tableId === this.tableId()) {
                     this.tableDataService.updatePagination(event.page, event.size);
                 }
             });
@@ -8058,29 +8086,29 @@ class GenericPaginationComponent {
         }
     }
     getCurrentPage() {
-        return this.paginationService.getCurrentPage(this.tableId)();
+        return this.paginationService.getCurrentPage(this.tableId())();
     }
     getPageSize() {
-        return this.paginationService.getPageSize(this.tableId)();
+        return this.paginationService.getPageSize(this.tableId())();
     }
     getTotalItems() {
-        return this.paginationService.getTotalItems(this.tableId)();
+        return this.paginationService.getTotalItems(this.tableId())();
     }
     getTotalPages() {
-        return this.paginationService.getTotalPages(this.tableId)();
+        return this.paginationService.getTotalPages(this.tableId())();
     }
     getPageSizeOptions() {
-        return this.paginationService.getPageSizeOptions(this.tableId);
+        return this.paginationService.getPageSizeOptions(this.tableId());
     }
     onPageChange(page) {
-        this.paginationService.setCurrentPage(this.tableId, page);
+        this.paginationService.setCurrentPage(this.tableId(), page);
     }
     handlePageSizeChange(event) {
         const select = event.target;
         if (select) {
             const newSize = parseInt(select.value, 10);
             if (!isNaN(newSize)) {
-                this.paginationService.setPageSize(this.tableId, newSize);
+                this.paginationService.setPageSize(this.tableId(), newSize);
             }
         }
     }
@@ -8129,16 +8157,12 @@ class GenericPaginationComponent {
         return pages;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericPaginationComponent, deps: [{ token: PaginationService }, { token: TableDataService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericPaginationComponent, isStandalone: true, selector: "core-generic-pagination", inputs: { tableId: "tableId", isServerSide: "isServerSide" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (getTotalItems() > 0) {\n  <div class=\"c-pagination\">\n    <p class=\"c-pagination__summary\">\n      {{ 'pagination.viewing' | translate }} \n      <span>{{ getDisplayedRange().start }}-{{ getDisplayedRange().end }}</span> \n      {{ 'pagination.of' | translate }} \n      <span>{{ getTotalItems() }}</span>\n    </p>\n    <div class=\"c-pagination__controls\">\n        <label for=\"page-size-{{ tableId }}\" class=\"c-pagination__summary\">\n          {{ 'pagination.itemsPerPage' | translate }}:\n        </label>\n        <select \n          id=\"page-size-{{ tableId }}\"\n          class=\"c-input \"\n          [value]=\"getPageSize()\"\n          (change)=\"handlePageSizeChange($event)\">\n          @for (option of getPageSizeOptions(); track option) {\n            <option [value]=\"option\">{{ option }}</option>\n          }\n        </select>\n    </div>\n\n    <nav class=\"c-pager\">\n      <ul class=\"c-pager__list\">\n        <li class=\"c-pager__item\">\n          <a class=\"c-pager__link\" \n             [class.disabled]=\"getCurrentPage() === 1\" \n             (click)=\"onPageChange(getCurrentPage() - 1)\">\n            <span class=\"icon-arrow-left\"></span>\n          </a>\n        </li>\n\n        <ng-container *ngFor=\"let page of getVisiblePages()\">\n          <li class=\"c-pager__item\">\n            @if (page === '...') {\n              <span class=\"c-pager__link\">...</span>\n            } @else {\n              <a class=\"c-pager__link\" \n                 [class.is-active]=\"getCurrentPage() === page\"\n                 (click)=\"onPageChange(+page)\">\n                {{ page }}\n              </a>\n            }\n          </li>\n        </ng-container>\n\n        <li class=\"c-pager__item\">\n          <a class=\"c-pager__link\" \n             [class.disabled]=\"getCurrentPage() === getTotalPages()\"\n             (click)=\"onPageChange(getCurrentPage() + 1)\">\n            <span class=\"icon-arrow-right\"></span>\n          </a>\n        </li>\n      </ul>\n    </nav>\n  </div>\n}", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid;justify-content:start}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericPaginationComponent, isStandalone: true, selector: "core-generic-pagination", inputs: { tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, isServerSide: { classPropertyName: "isServerSide", publicName: "isServerSide", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (getTotalItems() > 0) {\n  <div class=\"c-pagination\">\n    <p class=\"c-pagination__summary\">\n      {{ 'pagination.viewing' | translate }} \n      <span>{{ getDisplayedRange().start }}-{{ getDisplayedRange().end }}</span> \n      {{ 'pagination.of' | translate }} \n      <span>{{ getTotalItems() }}</span>\n    </p>\n    <div class=\"c-pagination__controls\">\n        <label for=\"page-size-{{ tableId }}\" class=\"c-pagination__summary\">\n          {{ 'pagination.itemsPerPage' | translate }}:\n        </label>\n        <select \n          id=\"page-size-{{ tableId }}\"\n          class=\"c-input \"\n          [value]=\"getPageSize()\"\n          (change)=\"handlePageSizeChange($event)\">\n          @for (option of getPageSizeOptions(); track option) {\n            <option [value]=\"option\">{{ option }}</option>\n          }\n        </select>\n    </div>\n\n    <nav class=\"c-pager\">\n      <ul class=\"c-pager__list\">\n        <li class=\"c-pager__item\">\n          <a class=\"c-pager__link\" \n             [class.disabled]=\"getCurrentPage() === 1\" \n             (click)=\"onPageChange(getCurrentPage() - 1)\">\n            <span class=\"icon-arrow-left\"></span>\n          </a>\n        </li>\n\n        <ng-container *ngFor=\"let page of getVisiblePages()\">\n          <li class=\"c-pager__item\">\n            @if (page === '...') {\n              <span class=\"c-pager__link\">...</span>\n            } @else {\n              <a class=\"c-pager__link\" \n                 [class.is-active]=\"getCurrentPage() === page\"\n                 (click)=\"onPageChange(+page)\">\n                {{ page }}\n              </a>\n            }\n          </li>\n        </ng-container>\n\n        <li class=\"c-pager__item\">\n          <a class=\"c-pager__link\" \n             [class.disabled]=\"getCurrentPage() === getTotalPages()\"\n             (click)=\"onPageChange(getCurrentPage() + 1)\">\n            <span class=\"icon-arrow-right\"></span>\n          </a>\n        </li>\n      </ul>\n    </nav>\n  </div>\n}", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid;justify-content:start}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'core-generic-pagination', standalone: true, imports: [CommonModule, TranslateModule], hostDirectives: [CoreHostDirective], template: "@if (getTotalItems() > 0) {\n  <div class=\"c-pagination\">\n    <p class=\"c-pagination__summary\">\n      {{ 'pagination.viewing' | translate }} \n      <span>{{ getDisplayedRange().start }}-{{ getDisplayedRange().end }}</span> \n      {{ 'pagination.of' | translate }} \n      <span>{{ getTotalItems() }}</span>\n    </p>\n    <div class=\"c-pagination__controls\">\n        <label for=\"page-size-{{ tableId }}\" class=\"c-pagination__summary\">\n          {{ 'pagination.itemsPerPage' | translate }}:\n        </label>\n        <select \n          id=\"page-size-{{ tableId }}\"\n          class=\"c-input \"\n          [value]=\"getPageSize()\"\n          (change)=\"handlePageSizeChange($event)\">\n          @for (option of getPageSizeOptions(); track option) {\n            <option [value]=\"option\">{{ option }}</option>\n          }\n        </select>\n    </div>\n\n    <nav class=\"c-pager\">\n      <ul class=\"c-pager__list\">\n        <li class=\"c-pager__item\">\n          <a class=\"c-pager__link\" \n             [class.disabled]=\"getCurrentPage() === 1\" \n             (click)=\"onPageChange(getCurrentPage() - 1)\">\n            <span class=\"icon-arrow-left\"></span>\n          </a>\n        </li>\n\n        <ng-container *ngFor=\"let page of getVisiblePages()\">\n          <li class=\"c-pager__item\">\n            @if (page === '...') {\n              <span class=\"c-pager__link\">...</span>\n            } @else {\n              <a class=\"c-pager__link\" \n                 [class.is-active]=\"getCurrentPage() === page\"\n                 (click)=\"onPageChange(+page)\">\n                {{ page }}\n              </a>\n            }\n          </li>\n        </ng-container>\n\n        <li class=\"c-pager__item\">\n          <a class=\"c-pager__link\" \n             [class.disabled]=\"getCurrentPage() === getTotalPages()\"\n             (click)=\"onPageChange(getCurrentPage() + 1)\">\n            <span class=\"icon-arrow-right\"></span>\n          </a>\n        </li>\n      </ul>\n    </nav>\n  </div>\n}", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid;justify-content:start}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"] }]
-        }], ctorParameters: () => [{ type: PaginationService }, { type: TableDataService }], propDecorators: { tableId: [{
-                type: Input
-            }], isServerSide: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [{ type: PaginationService }, { type: TableDataService }] });
 
 class ConfirmationDialogComponent {
     popupElement;
@@ -13266,11 +13290,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.12.36',
+    full: '2.12.38',
     major: 2,
     minor: 12,
-    patch: 36,
-    timestamp: '2025-09-17T12:01:23.677Z',
+    patch: 38,
+    timestamp: '2025-09-17T14:27:53.302Z',
     buildDate: '17/9/2025'
 };