@solcre-org/core-ui 2.15.10 → 2.15.12

package/assets/css/inc/components/mobile-nav.css

@@ -23,6 +23,12 @@
     gap: 0.6em;
 }
 
+.c-mobile-nav__link.is-disabled{
+    opacity: 0.4;
+    pointer-events: none;
+    cursor: not-allowed;
+}
+
 
 /* ********************** SHORT MOBILE ********************** */
 

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

@@ -11928,7 +11928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 class FixedActionsMobileModalComponent {
     mobileModalService = inject(FixedActionsMobileModalService);
-    permissionService = inject(PermissionService);
+    permissionService = inject(PermissionWrapperService);
     isVisible = this.mobileModalService.isVisible;
     modalData = this.mobileModalService.modalData;
     visibleActions = computed(() => {
@@ -11962,6 +11962,21 @@ class FixedActionsMobileModalComponent {
         }
         return true;
     }
+    isActionDisabled(action) {
+        const data = this.modalData();
+        if (!data?.data)
+            return false;
+        if (action.shouldDisable) {
+            return action.shouldDisable(data.data);
+        }
+        if (action.customAction?.shouldDisable) {
+            return action.customAction.shouldDisable(data.data);
+        }
+        if (action.globalAction?.isDisabled) {
+            return true;
+        }
+        return false;
+    }
     getActionLabel(action) {
         return action.label || action.customAction?.label || action.globalAction?.label || '';
     }
@@ -11972,6 +11987,9 @@ class FixedActionsMobileModalComponent {
         this.mobileModalService.close();
     }
     onActionClick(action) {
+        if (this.isActionDisabled(action)) {
+            return;
+        }
         const data = this.modalData();
         this.mobileModalService.executeAction(action, data?.data);
     }
@@ -11981,11 +11999,11 @@ class FixedActionsMobileModalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FixedActionsMobileModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FixedActionsMobileModalComponent, isStandalone: true, selector: "core-fixed-actions-mobile-modal", ngImport: i0, template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action)\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FixedActionsMobileModalComponent, isStandalone: true, selector: "core-fixed-actions-mobile-modal", ngImport: i0, template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  [class.is-disabled]=\"isActionDisabled(action)\"\n                  [attr.aria-disabled]=\"isActionDisabled(action)\"\n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action)\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FixedActionsMobileModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-fixed-actions-mobile-modal', standalone: true, imports: [CommonModule, TranslateModule], template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action)\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n" }]
+            args: [{ selector: 'core-fixed-actions-mobile-modal', standalone: true, imports: [CommonModule, TranslateModule], template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  [class.is-disabled]=\"isActionDisabled(action)\"\n                  [attr.aria-disabled]=\"isActionDisabled(action)\"\n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action)\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n" }]
         }] });
 
 class GenericTableComponent {
@@ -12830,22 +12848,17 @@ class GenericTableComponent {
         const convertedActions = [];
         const extraTableActions = this.actions().filter(actionConfig => this.getMobileIsExtra(actionConfig));
         extraTableActions.forEach(actionConfig => {
-            // ✅ Usar el método hasPermission() existente en lugar de duplicar lógica
-            if (!this.hasPermission(actionConfig)) {
-                return;
-            }
             if (actionConfig.shouldShow && !actionConfig.shouldShow(row)) {
                 return;
             }
-            const isDisabled = actionConfig.shouldDisable ? actionConfig.shouldDisable(row) : false;
             convertedActions.push({
                 icon: actionConfig.icon || this.getDefaultIconForAction(actionConfig.action),
                 label: this.getActionLabel(actionConfig.action),
                 requiredPermission: actionConfig.requiredPermission,
+                shouldDisable: actionConfig.shouldDisable,
                 callback: () => {
                     this.triggerAction(actionConfig.action, row);
-                },
-                shouldDisable: isDisabled ? (() => true) : undefined
+                }
             });
         });
         const visibleCustomActions = this.customActions().filter(customAction => {
@@ -12855,9 +12868,6 @@ class GenericTableComponent {
             if (customAction.shouldShow && !customAction.shouldShow(row)) {
                 return false;
             }
-            if (!this.hasPermission(customAction)) {
-                return false;
-            }
             return true;
         });
         visibleCustomActions.forEach(customAction => {
@@ -12900,7 +12910,7 @@ class GenericTableComponent {
     getDefaultIconForAction(action) {
         switch (action) {
             case TableAction.VIEW:
-                return 'icon-eye';
+                return 'icon-search';
             case TableAction.EDIT:
                 return 'icon-edit';
             case TableAction.DELETE:
@@ -15589,11 +15599,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.15.10',
+    full: '2.15.12',
     major: 2,
     minor: 15,
-    patch: 10,
-    timestamp: '2025-10-13T11:27:13.355Z',
+    patch: 12,
+    timestamp: '2025-10-13T13:56:48.610Z',
     buildDate: '13/10/2025'
 };