@solcre-org/core-ui 2.15.3 → 2.15.5

package/assets/i18n/en/common.json

@@ -38,6 +38,10 @@
       "placeholder": "Select an option"
     }
   },
+  "mobile-header": {
+    "filter": "Filters",
+    "refresh": "Refresh data"
+  },
   "sidebar": {
     "title": "Admin panel",
     "logout": "Logout",

package/assets/i18n/es/common.json

@@ -38,6 +38,10 @@
       "placeholder": "Seleccione una opción"
     }
   },
+  "mobile-header": {
+    "filter": "Filtros",
+    "refresh": "Actualizar"
+  },
   "sidebar": {
     "title": "Admin panel",
     "logout": "Cerrar sesión",

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

@@ -10842,6 +10842,7 @@ class HeaderService {
     showDefaultCreate = signal(true);
     headerOrder = signal(undefined);
     customTemplate = signal(null);
+    mobileCustomTemplate = signal(null);
     filterButtonConfig = signal(undefined);
     createButtonConfig = signal(undefined);
     createButtonText = signal(undefined);
@@ -10906,6 +10907,12 @@ class HeaderService {
     setCustomTemplate(template) {
         this.customTemplate.set(template);
     }
+    getMobileCustomTemplate() {
+        return this.mobileCustomTemplate;
+    }
+    setMobileCustomTemplate(template) {
+        this.mobileCustomTemplate.set(template);
+    }
     clearHeaderData() {
         this.title.set('');
         this.text.set('');
@@ -10916,6 +10923,7 @@ class HeaderService {
         this.hasCreatePermission.set(false);
         this.headerOrder.set(undefined);
         this.customTemplate.set(null);
+        this.mobileCustomTemplate.set(null);
         this.filterButtonConfig.set(undefined);
         this.createButtonConfig.set(undefined);
         this.createButtonText.set(undefined);
@@ -15197,6 +15205,10 @@ class MobileHeaderComponent {
     refreshClick = output();
     filterClick = output();
     shouldShow = this.mobileResolutionService.shouldShowMobileHeader;
+    displayTitle = computed(() => {
+        const headerTitle = this.headerService.getTitle()();
+        return headerTitle || this.config().title;
+    });
     shouldShowRefreshButton = computed(() => {
         const config = this.config();
         if (config.showRefreshButton !== undefined) {
@@ -15211,6 +15223,13 @@ class MobileHeaderComponent {
         }
         return this.headerService.hasFilters();
     });
+    customTemplate = computed(() => {
+        const configTemplate = this.config().customTemplate;
+        if (configTemplate) {
+            return configTemplate;
+        }
+        return this.headerService.getMobileCustomTemplate()();
+    });
     onMenuClick() {
         this.menuClick.emit();
     }
@@ -15221,11 +15240,11 @@ class MobileHeaderComponent {
         this.filterClick.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MobileHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MobileHeaderComponent, isStandalone: true, selector: "core-mobile-header", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { menuClick: "menuClick", refreshClick: "refreshClick", filterClick: "filterClick" }, ngImport: i0, template: "@if (shouldShow()) {\n    <div class=\"c-header-mobile__holder\">\n      <div class=\"c-header-mobile__row\">\n        <div class=\"c-header-mobile__col\">\n          <p class=\"c-header-mobile__title\">{{ config().title | translate }}</p>\n        </div>\n        <div class=\"c-header-mobile__col\">\n          <button \n            type=\"button\" \n            class=\"c-header-mobile__menu icon-burger\"\n            [attr.aria-label]=\"'mobile-header.menu' | translate\"\n            (click)=\"onMenuClick()\">\n          </button>\n        </div>\n      </div>\n    </div>\n    \n    @if (shouldShowRefreshButton() || shouldShowFilterButton()) {\n      <div class=\"c-header-mobile__subnav\" \n           [class.c-header-mobile__subnav--light]=\"config().lightSubnav !== false\">\n        <div class=\"u-flex u-flex--space-between\">\n          @if (shouldShowRefreshButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke c-btn--secondary\"\n              (click)=\"onRefreshClick()\">\n              <span class=\"icon-reload\"></span>\n              {{ (config().refreshButtonLabel || 'mobile-header.refresh') | translate }}\n            </button>\n          }\n          \n          @if (shouldShowFilterButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke\"\n              (click)=\"onFilterClick()\">\n              <span class=\"icon-filter\"></span>\n              {{ (config().filterButtonLabel || 'mobile-header.filter') | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MobileHeaderComponent, isStandalone: true, selector: "core-mobile-header", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { menuClick: "menuClick", refreshClick: "refreshClick", filterClick: "filterClick" }, ngImport: i0, template: "@if (shouldShow()) {\n    <div class=\"c-header-mobile__holder\">\n      <div class=\"c-header-mobile__row\">\n        <div class=\"c-header-mobile__col\">\n          <p class=\"c-header-mobile__title\">{{ displayTitle() | translate }}</p>\n        </div>\n        <div class=\"c-header-mobile__col\">          <button \n            type=\"button\" \n            class=\"c-header-mobile__menu icon-burger\"\n            [attr.aria-label]=\"'mobile-header.menu' | translate\"\n            (click)=\"onMenuClick()\">\n          </button>\n        </div>\n      </div>\n    </div>\n    \n    @if (customTemplate()) {\n      <ng-container *ngTemplateOutlet=\"customTemplate()!\"></ng-container>\n    }\n    \n    @if (shouldShowRefreshButton() || shouldShowFilterButton()) {\n      <div class=\"c-header-mobile__subnav\" \n           [class.c-header-mobile__subnav--light]=\"config().lightSubnav !== false\">\n        <div class=\"u-flex u-flex--space-between\">\n          @if (shouldShowRefreshButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke c-btn--secondary\"\n              (click)=\"onRefreshClick()\">\n              <span class=\"icon-reload\"></span>\n              {{ (config().refreshButtonLabel || 'mobile-header.refresh') | translate }}\n            </button>\n          }\n          \n          @if (shouldShowFilterButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke\"\n              (click)=\"onFilterClick()\">\n              <span class=\"icon-filter\"></span>\n              {{ (config().filterButtonLabel || 'mobile-header.filter') | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MobileHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-mobile-header', standalone: true, imports: [CommonModule, TranslateModule], template: "@if (shouldShow()) {\n    <div class=\"c-header-mobile__holder\">\n      <div class=\"c-header-mobile__row\">\n        <div class=\"c-header-mobile__col\">\n          <p class=\"c-header-mobile__title\">{{ config().title | translate }}</p>\n        </div>\n        <div class=\"c-header-mobile__col\">\n          <button \n            type=\"button\" \n            class=\"c-header-mobile__menu icon-burger\"\n            [attr.aria-label]=\"'mobile-header.menu' | translate\"\n            (click)=\"onMenuClick()\">\n          </button>\n        </div>\n      </div>\n    </div>\n    \n    @if (shouldShowRefreshButton() || shouldShowFilterButton()) {\n      <div class=\"c-header-mobile__subnav\" \n           [class.c-header-mobile__subnav--light]=\"config().lightSubnav !== false\">\n        <div class=\"u-flex u-flex--space-between\">\n          @if (shouldShowRefreshButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke c-btn--secondary\"\n              (click)=\"onRefreshClick()\">\n              <span class=\"icon-reload\"></span>\n              {{ (config().refreshButtonLabel || 'mobile-header.refresh') | translate }}\n            </button>\n          }\n          \n          @if (shouldShowFilterButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke\"\n              (click)=\"onFilterClick()\">\n              <span class=\"icon-filter\"></span>\n              {{ (config().filterButtonLabel || 'mobile-header.filter') | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n}\n" }]
+            args: [{ selector: 'core-mobile-header', standalone: true, imports: [CommonModule, TranslateModule], template: "@if (shouldShow()) {\n    <div class=\"c-header-mobile__holder\">\n      <div class=\"c-header-mobile__row\">\n        <div class=\"c-header-mobile__col\">\n          <p class=\"c-header-mobile__title\">{{ displayTitle() | translate }}</p>\n        </div>\n        <div class=\"c-header-mobile__col\">          <button \n            type=\"button\" \n            class=\"c-header-mobile__menu icon-burger\"\n            [attr.aria-label]=\"'mobile-header.menu' | translate\"\n            (click)=\"onMenuClick()\">\n          </button>\n        </div>\n      </div>\n    </div>\n    \n    @if (customTemplate()) {\n      <ng-container *ngTemplateOutlet=\"customTemplate()!\"></ng-container>\n    }\n    \n    @if (shouldShowRefreshButton() || shouldShowFilterButton()) {\n      <div class=\"c-header-mobile__subnav\" \n           [class.c-header-mobile__subnav--light]=\"config().lightSubnav !== false\">\n        <div class=\"u-flex u-flex--space-between\">\n          @if (shouldShowRefreshButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke c-btn--secondary\"\n              (click)=\"onRefreshClick()\">\n              <span class=\"icon-reload\"></span>\n              {{ (config().refreshButtonLabel || 'mobile-header.refresh') | translate }}\n            </button>\n          }\n          \n          @if (shouldShowFilterButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke\"\n              (click)=\"onFilterClick()\">\n              <span class=\"icon-filter\"></span>\n              {{ (config().filterButtonLabel || 'mobile-header.filter') | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n}\n" }]
         }] });
 
 var PermissionsActions;
@@ -15302,11 +15321,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.3',
+    full: '2.15.5',
     major: 2,
     minor: 15,
-    patch: 3,
-    timestamp: '2025-10-10T15:39:20.114Z',
+    patch: 5,
+    timestamp: '2025-10-10T16:14:37.566Z',
     buildDate: '10/10/2025'
 };
 
@@ -15317,7 +15336,9 @@ class MainNavComponent {
     router = inject(Router);
     mobileResolutionService = inject(MobileResolutionService);
     isCollapsed = false;
-    isMobile = false;
+    get isMobile() {
+        return this.mobileResolutionService.shouldShowMobileHeader();
+    }
     isBottomNavOpen = false;
     expandedSections = {};
     routerSubscription = new Subscription();
@@ -15353,7 +15374,6 @@ class MainNavComponent {
         };
     }
     ngOnInit() {
-        this.checkIfMobile();
         this.setupResizeListener();
         this.mainNavService.isCollapsed$.subscribe(isCollapsed => {
             const wasCollapsed = this.isCollapsed;
@@ -15381,6 +15401,9 @@ class MainNavComponent {
         this.routerSubscription.add(this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event) => {
             this.updateExpandedSectionsBasedOnCurrentRoute(event.url);
             this.updateBottomNavActiveState(event.url);
+            if (this.isBottomNavOpen) {
+                this.closeMobileNav();
+            }
         }));
         this.updateExpandedSectionsBasedOnCurrentRoute(this.router.url);
         this.updateBottomNavActiveState(this.router.url);
@@ -15542,13 +15565,18 @@ class MainNavComponent {
             document.documentElement.classList.add('nav-expanded');
         }
         else {
-            document.body.classList.add('bottom-nav-closing');
-            setTimeout(() => {
-                document.body.classList.remove('bottom-nav-open');
-                document.body.classList.remove('bottom-nav-closing');
-            }, 700);
+            this.closeMobileNav();
         }
     }
+    closeMobileNav() {
+        this.isBottomNavOpen = false;
+        document.body.classList.add('bottom-nav-closing');
+        document.documentElement.classList.remove('nav-expanded');
+        setTimeout(() => {
+            document.body.classList.remove('bottom-nav-open');
+            document.body.classList.remove('bottom-nav-closing');
+        }, 700);
+    }
     onBottomNavItemClick(item) {
         if (item.disabled)
             return;
@@ -15581,14 +15609,10 @@ class MainNavComponent {
         }
         return classes;
     }
-    checkIfMobile() {
-        this.isMobile = window.innerWidth <= this.mobileResolutionService.breakpoint();
-    }
     setupResizeListener() {
         window.addEventListener('resize', this.onResize.bind(this));
     }
     onResize() {
-        this.checkIfMobile();
         if (!this.isMobile && this.isBottomNavOpen) {
             this.isBottomNavOpen = false;
             document.body.classList.remove('bottom-nav-open', 'bottom-nav-closing');