@solcre-org/core-ui 2.15.12 → 2.15.14

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

@@ -10950,8 +10950,29 @@ class HeaderService {
             this.showDefaultFilter.set(config.showDefaultFilter);
         if (config.showDefaultCreate !== undefined)
             this.showDefaultCreate.set(config.showDefaultCreate);
-        if (config.customActions !== undefined)
+        if (config.customActions !== undefined) {
             this.customActions.set(config.customActions);
+            const headerActions = config.customActions
+                .filter(action => {
+                if (!action.mobileConfig)
+                    return false;
+                return action.mobileConfig.showInHeader === true;
+            })
+                .map(action => ({
+                id: action.id,
+                buttonConfig: {
+                    type: this.getButtonTypeFromClass(action.class || ''),
+                    text: action.label,
+                    icon: action.icon,
+                    disabled: action.disabled,
+                    ariaLabel: action.label,
+                    customClass: action.class || '',
+                    requiredPermission: action.requiredPermission
+                },
+                callback: action.callback
+            }));
+            this.headerActions.set(headerActions);
+        }
         if (config.globalActions !== undefined)
             this.globalActions.set(config.globalActions);
         if (config.customFilters !== undefined)
@@ -10975,6 +10996,19 @@ class HeaderService {
         if (config.refreshCallback !== undefined)
             this.refreshCallback.set(config.refreshCallback);
     }
+    getButtonTypeFromClass(className) {
+        if (className.includes('c-btn--primary'))
+            return 'primary';
+        if (className.includes('c-btn--secondary'))
+            return 'secondary';
+        if (className.includes('c-btn--stroke'))
+            return 'stroke';
+        if (className.includes('c-link'))
+            return 'link';
+        if (className.includes('c-icon-btn'))
+            return 'icon';
+        return 'primary';
+    }
     getIsVisible() {
         return this.isVisible;
     }
@@ -11047,17 +11081,19 @@ class HeaderService {
     getOrderedElements() {
         const order = this.headerOrder();
         if (!order || !order.useCustomOrder || !order.elements) {
-            return [
+            const defaultElements = [
                 { type: HeaderElementType.GLOBAL_ACTIONS, visible: true, position: 1 },
                 { type: HeaderElementType.CUSTOM_ACTIONS, visible: true, position: 2 },
                 { type: HeaderElementType.FILTER, visible: true, position: 3 },
                 { type: HeaderElementType.CREATE, visible: true, position: 4 },
                 { type: HeaderElementType.CUSTOM_TEMPLATE, visible: true, position: 5 }
             ];
+            return defaultElements;
         }
-        return order.elements
+        const customElements = order.elements
             .filter(element => element.visible !== false)
             .sort((a, b) => (a.position || 0) - (b.position || 0));
+        return customElements;
     }
     isElementVisible(elementType) {
         const order = this.headerOrder();
@@ -11066,7 +11102,8 @@ class HeaderService {
                 case HeaderElementType.GLOBAL_ACTIONS:
                     return this.globalActions().length > 0;
                 case HeaderElementType.CUSTOM_ACTIONS:
-                    return this.customActions().length > 0;
+                    const hasCustomActions = this.customActions().length > 0;
+                    return hasCustomActions;
                 case HeaderElementType.FILTER:
                     return this.showDefaultFilter() && (this.showFilter() || this.customFilters().length > 0);
                 case HeaderElementType.CREATE:
@@ -11999,11 +12036,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                  [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" }] });
+    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) | coreIconCompat\"></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" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 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                  [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" }]
+            args: [{ selector: 'core-fixed-actions-mobile-modal', standalone: true, imports: [CommonModule, TranslateModule, IconCompatPipe], 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) | coreIconCompat\"></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 {
@@ -15275,6 +15312,7 @@ class HeaderComponent {
     headerService = inject(HeaderService);
     permissionService = inject(PermissionWrapperService);
     cdr = inject(ChangeDetectorRef);
+    mobileResolutionService = inject(MobileResolutionService);
     HeaderElementType = HeaderElementType;
     title = 'ASDSAS';
     user;
@@ -15420,7 +15458,20 @@ class HeaderComponent {
     hasPermission(action) {
         if (!action.requiredPermission)
             return true;
-        return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action);
+        const hasPermission = this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action);
+        if (!hasPermission)
+            return false;
+        const isMobile = this.mobileResolutionService.isMobile();
+        if (!action.mobileConfig) {
+            return true;
+        }
+        if (isMobile) {
+            if (action.mobileConfig.showInHeader === false) {
+                return false;
+            }
+            return true;
+        }
+        return true;
     }
     isGlobalActionDisabled(action) {
         return action.isDisabled ?? false;
@@ -15440,7 +15491,21 @@ class HeaderComponent {
         return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action);
     }
     isCustomActionVisible(action) {
-        return action.visible !== false && this.hasCustomActionPermission(action);
+        if (action.visible === false)
+            return false;
+        if (!this.hasCustomActionPermission(action))
+            return false;
+        const isMobile = this.mobileResolutionService.isMobile();
+        if (!action.mobileConfig) {
+            return true;
+        }
+        if (isMobile) {
+            if (action.mobileConfig.showInHeader === false) {
+                return false;
+            }
+            return true;
+        }
+        return true;
     }
     isCustomActionDisabled(action) {
         return action.disabled ?? false;
@@ -15451,7 +15516,8 @@ class HeaderComponent {
         }
     }
     getHeaderTitle() {
-        return this.headerService.getTitle()();
+        const title = this.headerService.getTitle()();
+        return title;
     }
     getHeaderText() {
         return this.headerService.getText()();
@@ -15599,11 +15665,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.12',
+    full: '2.15.14',
     major: 2,
     minor: 15,
-    patch: 12,
-    timestamp: '2025-10-13T13:56:48.610Z',
+    patch: 14,
+    timestamp: '2025-10-13T16:35:20.106Z',
     buildDate: '13/10/2025'
 };