@solcre-org/core-ui 2.15.24 → 2.15.25

package/assets/css/inc/components/fixed-actions.css

@@ -44,7 +44,7 @@
     background-color: var(--color-neutral-100);
 }
 
-.c-fixed-actions__btn.c-fixed-actions__btn--main {
+.c-fixed-actions__btn.c-fixed-actions__btn--primary {
     background-color: hsl(var(--_color-main-hsl));
     border-color: hsl(var(--_color-main-hsl));
     color: var(--color-neutral-100);

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

@@ -59,6 +59,7 @@
 
 .c-header-mobile__subnav--light{
     background-color: var(--color-neutral-100);
+    padding-block: 1.4rem;
 }
 
 .c-header-mobile__subnav--light .c-btn--secondary{

package/assets/css/inc/components/modal.css

@@ -286,8 +286,7 @@ body:has(.c-modal.is-visible) {
         transform: translate3d(0, 100%, 0);
     }
 
-    .c-modal__header,
-    .c-modal__bottom {
+    .c-modal__header {
         border: none;
     }
 

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

@@ -10863,6 +10863,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
+class TableFixedActionsService {
+    actionsMap = signal(new Map());
+    activeTableId = signal(null);
+    setFixedActions(tableId, actions) {
+        const currentMap = new Map(this.actionsMap());
+        currentMap.set(tableId, actions);
+        this.actionsMap.set(currentMap);
+        this.activeTableId.set(tableId);
+    }
+    getActiveTableId() {
+        return this.activeTableId();
+    }
+    setActiveTableId(tableId) {
+        this.activeTableId.set(tableId);
+    }
+    getFixedActions(tableId) {
+        const currentMap = this.actionsMap();
+        return currentMap.get(tableId) || [];
+    }
+    getActiveTableActions() {
+        const activeId = this.activeTableId();
+        if (!activeId)
+            return [];
+        return this.getFixedActions(activeId);
+    }
+    getFixedActionsSignal(tableId) {
+        return computed(() => {
+            const currentMap = this.actionsMap();
+            return currentMap.get(tableId) || [];
+        });
+    }
+    getActiveTableActionsSignal() {
+        return computed(() => {
+            const activeId = this.activeTableId();
+            if (!activeId)
+                return [];
+            const currentMap = this.actionsMap();
+            return currentMap.get(activeId) || [];
+        });
+    }
+    getAllFixedActions() {
+        const currentMap = this.actionsMap();
+        const allActions = [];
+        currentMap.forEach((actions) => {
+            allActions.push(...actions);
+        });
+        return allActions;
+    }
+    getAllFixedActionsSignal() {
+        return computed(() => {
+            const currentMap = this.actionsMap();
+            const allActions = [];
+            currentMap.forEach((actions) => {
+                allActions.push(...actions);
+            });
+            return allActions;
+        });
+    }
+    clearFixedActions(tableId) {
+        const currentMap = new Map(this.actionsMap());
+        currentMap.delete(tableId);
+        this.actionsMap.set(currentMap);
+        if (this.activeTableId() === tableId) {
+            this.activeTableId.set(null);
+        }
+    }
+    clearAllFixedActions() {
+        this.actionsMap.set(new Map());
+        this.activeTableId.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableFixedActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableFixedActionsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableFixedActionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class MobileResolutionService {
     DEFAULT_MOBILE_BREAKPOINT = 768;
     DEFAULT_CHECK_INTERVAL = 200;
@@ -11252,13 +11332,14 @@ class HeaderService {
                 return action.mobileConfig.showInsideModal === true;
             }).map(action => ({
                 id: action.id,
-                label: action.label,
+                label: action.mobileConfig?.mobileLabel || action.label,
                 icon: action.icon,
                 class: action.class,
                 callback: action.callback,
                 requiredPermission: action.requiredPermission,
                 visible: action.visible,
-                disabled: action.disabled
+                disabled: action.disabled,
+                mobileConfig: action.mobileConfig
             }));
         });
     }
@@ -12199,6 +12280,7 @@ class GenericTableComponent {
     mobileResolutionService = inject(MobileResolutionService);
     fixedActionsMobileModalService = inject(FixedActionsMobileModalService);
     translationService = inject(TranslateService);
+    tableFixedActionsService = inject(TableFixedActionsService);
     TableAction = TableAction;
     ModalMode = ModalMode;
     ButtonType = ButtonType;
@@ -12455,7 +12537,7 @@ class GenericTableComponent {
             actions.push(...outsideGlobalActions);
             const modalActions = [];
             const createAction = this.actions().find(a => a.action === TableAction.CREATE);
-            if (createAction && !this.getMobileShowInHeader(createAction) && !this.getMobileShowOutsideFixedActions(createAction)) {
+            if (createAction && createAction.mobileConfig?.showInsideModal !== false && !this.getMobileShowInHeader(createAction) && !this.getMobileShowOutsideFixedActions(createAction)) {
                 if (!createAction.requiredPermission ||
                     this.permissionService.hasPermission(createAction.requiredPermission.resource, createAction.requiredPermission.action)) {
                     modalActions.push({
@@ -12468,7 +12550,12 @@ class GenericTableComponent {
                     });
                 }
             }
-            const globalActionsForModal = this.globalActions().filter(ga => this.getMobileShowInsideModal(ga) || (!this.getMobileShowInHeader(ga) && !this.getMobileShowOutsideFixedActions(ga)));
+            const globalActionsForModal = this.globalActions().filter(ga => {
+                if (ga.mobileConfig?.showInsideModal === false) {
+                    return false;
+                }
+                return this.getMobileShowInsideModal(ga) || (!this.getMobileShowInHeader(ga) && !this.getMobileShowOutsideFixedActions(ga));
+            });
             modalActions.push(...globalActionsForModal.map(globalAction => ({
                 icon: globalAction.icon,
                 label: globalAction.label,
@@ -12482,7 +12569,7 @@ class GenericTableComponent {
             })));
             if (modalActions.length > 0) {
                 const plusButtonAction = {
-                    icon: 'icon-add-clean',
+                    icon: 'icon-more-thin',
                     class: 'c-btn--primary',
                     tooltip: 'Más acciones',
                     insideActions: modalActions
@@ -12558,6 +12645,12 @@ class GenericTableComponent {
                 this.inlineEditService.updateConfig(config);
             }
         });
+        effect(() => {
+            const actions = this.fixedActionsArray();
+            queueMicrotask(() => {
+                this.tableFixedActionsService.setFixedActions(this.tableId, actions);
+            });
+        });
         effect(() => {
             const inputData = this.dataInput();
             if (!this.endpoint() || this.endpoint() === '') {
@@ -13876,6 +13969,7 @@ class GenericTableComponent {
         window.removeEventListener('createRequested', this.handleCreateRequested);
         window.removeEventListener('globalActionTriggered', this.handleGlobalActionTriggered);
         window.removeEventListener('popstate', this.handlePopstate);
+        this.tableFixedActionsService.clearFixedActions(this.tableId);
         if (!this.inModal()) {
             this.headerService.clearHeaderData();
         }
@@ -15869,12 +15963,12 @@ 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.24',
+    full: '2.15.25',
     major: 2,
     minor: 15,
-    patch: 24,
-    timestamp: '2025-10-27T15:32:35.056Z',
-    buildDate: '27/10/2025'
+    patch: 25,
+    timestamp: '2025-10-28T12:22:29.622Z',
+    buildDate: '28/10/2025'
 };
 
 class MainNavComponent {
@@ -17043,15 +17137,10 @@ class GenericFixedActionsComponent {
     customClassService = inject(CustomClassService);
     elementRef = inject(ElementRef);
     cdr = inject(ChangeDetectorRef);
-    constructor() {
-        effect(() => {
-            const actions = this.visibleActions();
-            this.cdr.markForCheck();
-        });
-    }
+    tableFixedActionsService = inject(TableFixedActionsService);
+    externalActions = input([]);
+    tableId = input(undefined);
     ngAfterViewInit() {
-        // Asegurar que los botones tengan pointer-events: auto
-        // aunque el contenedor tenga pointer-events: none
         setTimeout(() => {
             const buttons = this.elementRef.nativeElement.querySelectorAll('button');
             buttons.forEach((button) => {
@@ -17112,6 +17201,35 @@ class GenericFixedActionsComponent {
     });
     visibleActions = computed(() => {
         const actions = [];
+        const external = this.externalActions();
+        if (external && external.length > 0) {
+            external.forEach(action => {
+                if (action.requiredPermission) {
+                    if (this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action)) {
+                        actions.push(action);
+                    }
+                }
+                else {
+                    actions.push(action);
+                }
+            });
+        }
+        else {
+            const tableIdValue = this.tableId();
+            const tableActions = tableIdValue
+                ? this.tableFixedActionsService.getFixedActions(tableIdValue)
+                : this.tableFixedActionsService.getActiveTableActions();
+            tableActions.forEach(action => {
+                if (action.requiredPermission) {
+                    if (this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action)) {
+                        actions.push(action);
+                    }
+                }
+                else {
+                    actions.push(action);
+                }
+            });
+        }
         this.outsideActions().forEach(action => {
             actions.push({
                 id: action.id,
@@ -17127,8 +17245,8 @@ class GenericFixedActionsComponent {
         if (modalActionsArray.length > 0) {
             const plusButtonAction = {
                 id: 'header-more-actions',
-                icon: 'icon-add-clean',
-                class: 'c-btn',
+                icon: 'icon-more-thin',
+                class: 'c-btn c-icon-btn',
                 tooltip: 'Más acciones',
                 callback: () => this.openModalActions()
             };
@@ -17139,7 +17257,7 @@ class GenericFixedActionsComponent {
     getActionClass(action) {
         const baseClass = 'c-fixed-actions__btn';
         const iconClass = action.icon || '';
-        const customClass = action.class || 'c-btn c-icon-btn';
+        const customClass = action.class || 'c-btn';
         return `${baseClass} ${customClass} ${iconClass}`.trim();
     }
     isActionDisabled(action) {
@@ -17172,7 +17290,8 @@ class GenericFixedActionsComponent {
                 },
                 requiredPermission: action.requiredPermission,
                 shouldShow: () => action.visible !== false,
-                shouldDisable: () => action.disabled === true
+                shouldDisable: () => action.disabled === true,
+                mobileConfig: action.mobileConfig
             }
         }));
         this.fixedActionsMobileModalService.open({
@@ -17181,7 +17300,7 @@ class GenericFixedActionsComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericFixedActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericFixedActionsComponent, isStandalone: true, selector: "core-generic-fixed-actions", host: { classAttribute: "c-fixed-actions c-fixed-actions--right" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericFixedActionsComponent, isStandalone: true, selector: "core-generic-fixed-actions", inputs: { externalActions: { classPropertyName: "externalActions", publicName: "externalActions", isSignal: true, isRequired: false, transformFunction: null }, tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "c-fixed-actions c-fixed-actions--right" }, ngImport: i0, template: `
     @if (shouldShow() && visibleActions().length > 0) {
         @for (action of visibleActions(); track action.id) {
           <button 
@@ -17222,7 +17341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         'class': 'c-fixed-actions c-fixed-actions--right'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 class LayoutComponent {
     navItems = input([]);
@@ -17422,7 +17541,7 @@ class LayoutComponent {
         this.onLogout.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LayoutComponent, isStandalone: true, selector: "core-layout", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, bottomNavItems: { classPropertyName: "bottomNavItems", publicName: "bottomNavItems", isSignal: true, isRequired: false, transformFunction: null }, collapsedLogo: { classPropertyName: "collapsedLogo", publicName: "collapsedLogo", isSignal: true, isRequired: false, transformFunction: null }, expandedLogo: { classPropertyName: "expandedLogo", publicName: "expandedLogo", isSignal: true, isRequired: false, transformFunction: null }, logoImagesConfig: { classPropertyName: "logoImagesConfig", publicName: "logoImagesConfig", isSignal: true, isRequired: false, transformFunction: null }, navConfig: { classPropertyName: "navConfig", publicName: "navConfig", isSignal: true, isRequired: false, transformFunction: null }, mobileHeaderConfig: { classPropertyName: "mobileHeaderConfig", publicName: "mobileHeaderConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLogout: "onLogout", onMobileRefresh: "onMobileRefresh", onMobileFilter: "onMobileFilter" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "mainNavComponent", first: true, predicate: MainNavComponent, descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"o-layout\" \n  [attr.data-layout]=\"layoutService.dataAttributes()['data-layout']\"\n  [attr.data-sidebar-left]=\"getEffectiveLeftSidebarVisibility()\"\n  [attr.data-sidebar-left-w]=\"getEffectiveLeftSidebarWidth()\"\n  [attr.data-sidebar-left-h]=\"getEffectiveLeftSidebarHeight()\"\n  [attr.data-sidebar-right]=\"getEffectiveRightSidebarVisibility()\"\n  [attr.data-sidebar-right-w]=\"getEffectiveRightSidebarWidth()\"\n  [attr.data-sidebar-right-h]=\"getEffectiveRightSidebarHeight()\"\n  >\n\n  <!-- Nav -->\n  <core-main-nav class=\"o-layout__nav\" \n    (toggleSidebar)=\"toggleSidebar()\"\n    [navItems]=\"navItems()\"\n    [navConfig]=\"navConfig()\"\n    [bottomNavItems]=\"bottomNavItems()\"\n    [logoImagesConfig]=\"logoImagesConfig()\"\n    [collapsedLogo]=\"collapsedLogo()\"\n    [expandedLogo]=\"expandedLogo()\"\n    (onLogout)=\"logout()\"\n    >\n  </core-main-nav>\n\n  <!-- Main -->\n  <div class=\"o-layout__body\">\n    \n    @if(shouldShowMobileHeader() && mobileHeaderConfig()) {\n      <core-mobile-header\n        class=\"o-layout__header c-header-mobile\"\n        [config]=\"mobileHeaderConfig()!\"\n        (menuClick)=\"onMobileMenuClick()\"\n        (refreshClick)=\"onMobileRefreshClick()\"\n        (filterClick)=\"onMobileFilterClick()\">\n      </core-mobile-header>\n    }\n\n    @if(layoutStateService.isHeaderVisible$() | async) {\n      @if(!shouldShowMobileHeader()) {\n        <core-header\n          [class]=\"getHeaderClasses()\"\n          (filterRequested)=\"onFilterRequested()\"\n          (createRequested)=\"onCreateRequested()\"\n          (globalActionTriggered)=\"onGlobalActionTriggered($event)\">\n        </core-header>\n      }\n    }\n\n    @if(layoutService.sidebarLeft().visibility === SidebarVisibility.SHOW && leftSidebarConfig && shouldRenderLeftSidebar()) {\n      <core-generic-sidebar \n        class=\"o-layout__sidebar--left\"\n        [config]=\"leftSidebarConfig\">\n      </core-generic-sidebar>\n    }\n\n    <ng-content></ng-content>\n\n    @if(layoutService.sidebarRight().visibility === SidebarVisibility.SHOW && rightSidebarConfig && shouldRenderRightSidebar()) {\n      <core-generic-sidebar \n        class=\"o-layout__sidebar--right\"\n        [config]=\"rightSidebarConfig\">\n      </core-generic-sidebar>\n    }\n\n\n    @if(dialogService.isOpen$()) {\n      <core-confirmation-dialog\n        [isOpen]=\"dialogService.isOpen$()\"\n        [config]=\"dialogService.config$()\"\n        (confirm)=\"dialogService.confirm($event)\"\n        (cancel)=\"dialogService.cancel()\"\n      ></core-confirmation-dialog>\n    }\n\n    @if(sidebarMobileModalService.isOpen()) {\n      <core-generic-modal\n        [isOpen]=\"sidebarMobileModalService.isOpen()\"\n        [mode]=\"ModalMode.CREATE\"\n        [title]=\"getSidebarModalTitle()\"\n        [customTemplate]=\"sidebarModalContentTemplate\"\n        (close)=\"sidebarMobileModalService.closeModal()\"\n        [buttonConfig]=\"getSidebarModalButtons()\">\n      </core-generic-modal>\n    }\n\n  </div> <!-- .o-layout__body -->\n</div> <!-- .o-layout -->\n\n<!-- Fixed Actions (Mobile) -->\n<core-generic-fixed-actions class=\"c-fixed-actions c-fixed-actions--right\"/>\n\n<!-- Fixed Actions Mobile Modal -->\n<core-fixed-actions-mobile-modal />\n\n<!-- Sidebar Custom Modal Global -->\n<core-sidebar-custom-modal></core-sidebar-custom-modal>\n\n<!-- Image Modal Global -->\n<core-image-modal></core-image-modal>\n\n<!-- Gallery Modal Global -->\n<core-gallery-modal></core-gallery-modal>\n\n<!-- ! Refactor: End -->", dependencies: [{ kind: "component", type: MainNavComponent, selector: "core-main-nav", inputs: ["navConfig", "appVersion", "navItems", "bottomNavItems", "isProduction", "logoImagesConfig", "collapsedLogo", "expandedLogo"], outputs: ["onLogout"] }, { kind: "component", type: HeaderComponent, selector: "core-header", outputs: ["filterRequested", "createRequested", "globalActionTriggered"] }, { kind: "component", type: MobileHeaderComponent, selector: "core-mobile-header", inputs: ["config"], outputs: ["menuClick", "refreshClick", "filterClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: ConfirmationDialogComponent, selector: "core-confirmation-dialog", inputs: ["isOpen", "config"], outputs: ["confirm", "cancel"] }, { kind: "component", type: GenericSidebarComponent, selector: "core-generic-sidebar", inputs: ["config", "position", "customTemplate"], outputs: ["itemClicked", "subItemClicked"] }, { kind: "component", type: GenericModalComponent, selector: "core-generic-modal", inputs: ["isOpen", "mode", "data", "fields", "tabs", "steps", "title", "isMultiple", "customTemplate", "customViewTemplate", "finalStepTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges", "stepValidationEnabled", "allowFreeNavigation", "autoMarkCompleted"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: ImageModalComponent, selector: "core-image-modal", outputs: ["modalClosed"] }, { kind: "component", type: GalleryModalComponent, selector: "core-gallery-modal" }, { kind: "component", type: SidebarCustomModalComponent, selector: "core-sidebar-custom-modal" }, { kind: "component", type: GenericFixedActionsComponent, selector: "core-generic-fixed-actions" }, { kind: "component", type: FixedActionsMobileModalComponent, selector: "core-fixed-actions-mobile-modal" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LayoutComponent, isStandalone: true, selector: "core-layout", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, bottomNavItems: { classPropertyName: "bottomNavItems", publicName: "bottomNavItems", isSignal: true, isRequired: false, transformFunction: null }, collapsedLogo: { classPropertyName: "collapsedLogo", publicName: "collapsedLogo", isSignal: true, isRequired: false, transformFunction: null }, expandedLogo: { classPropertyName: "expandedLogo", publicName: "expandedLogo", isSignal: true, isRequired: false, transformFunction: null }, logoImagesConfig: { classPropertyName: "logoImagesConfig", publicName: "logoImagesConfig", isSignal: true, isRequired: false, transformFunction: null }, navConfig: { classPropertyName: "navConfig", publicName: "navConfig", isSignal: true, isRequired: false, transformFunction: null }, mobileHeaderConfig: { classPropertyName: "mobileHeaderConfig", publicName: "mobileHeaderConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLogout: "onLogout", onMobileRefresh: "onMobileRefresh", onMobileFilter: "onMobileFilter" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "mainNavComponent", first: true, predicate: MainNavComponent, descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"o-layout\" \n  [attr.data-layout]=\"layoutService.dataAttributes()['data-layout']\"\n  [attr.data-sidebar-left]=\"getEffectiveLeftSidebarVisibility()\"\n  [attr.data-sidebar-left-w]=\"getEffectiveLeftSidebarWidth()\"\n  [attr.data-sidebar-left-h]=\"getEffectiveLeftSidebarHeight()\"\n  [attr.data-sidebar-right]=\"getEffectiveRightSidebarVisibility()\"\n  [attr.data-sidebar-right-w]=\"getEffectiveRightSidebarWidth()\"\n  [attr.data-sidebar-right-h]=\"getEffectiveRightSidebarHeight()\"\n  >\n\n  <!-- Nav -->\n  <core-main-nav class=\"o-layout__nav\" \n    (toggleSidebar)=\"toggleSidebar()\"\n    [navItems]=\"navItems()\"\n    [navConfig]=\"navConfig()\"\n    [bottomNavItems]=\"bottomNavItems()\"\n    [logoImagesConfig]=\"logoImagesConfig()\"\n    [collapsedLogo]=\"collapsedLogo()\"\n    [expandedLogo]=\"expandedLogo()\"\n    (onLogout)=\"logout()\"\n    >\n  </core-main-nav>\n\n  <!-- Main -->\n  <div class=\"o-layout__body\">\n    \n    @if(shouldShowMobileHeader() && mobileHeaderConfig()) {\n      <core-mobile-header\n        class=\"o-layout__header c-header-mobile\"\n        [config]=\"mobileHeaderConfig()!\"\n        (menuClick)=\"onMobileMenuClick()\"\n        (refreshClick)=\"onMobileRefreshClick()\"\n        (filterClick)=\"onMobileFilterClick()\">\n      </core-mobile-header>\n    }\n\n    @if(layoutStateService.isHeaderVisible$() | async) {\n      @if(!shouldShowMobileHeader()) {\n        <core-header\n          [class]=\"getHeaderClasses()\"\n          (filterRequested)=\"onFilterRequested()\"\n          (createRequested)=\"onCreateRequested()\"\n          (globalActionTriggered)=\"onGlobalActionTriggered($event)\">\n        </core-header>\n      }\n    }\n\n    @if(layoutService.sidebarLeft().visibility === SidebarVisibility.SHOW && leftSidebarConfig && shouldRenderLeftSidebar()) {\n      <core-generic-sidebar \n        class=\"o-layout__sidebar--left\"\n        [config]=\"leftSidebarConfig\">\n      </core-generic-sidebar>\n    }\n\n    <ng-content></ng-content>\n\n    @if(layoutService.sidebarRight().visibility === SidebarVisibility.SHOW && rightSidebarConfig && shouldRenderRightSidebar()) {\n      <core-generic-sidebar \n        class=\"o-layout__sidebar--right\"\n        [config]=\"rightSidebarConfig\">\n      </core-generic-sidebar>\n    }\n\n\n    @if(dialogService.isOpen$()) {\n      <core-confirmation-dialog\n        [isOpen]=\"dialogService.isOpen$()\"\n        [config]=\"dialogService.config$()\"\n        (confirm)=\"dialogService.confirm($event)\"\n        (cancel)=\"dialogService.cancel()\"\n      ></core-confirmation-dialog>\n    }\n\n    @if(sidebarMobileModalService.isOpen()) {\n      <core-generic-modal\n        [isOpen]=\"sidebarMobileModalService.isOpen()\"\n        [mode]=\"ModalMode.CREATE\"\n        [title]=\"getSidebarModalTitle()\"\n        [customTemplate]=\"sidebarModalContentTemplate\"\n        (close)=\"sidebarMobileModalService.closeModal()\"\n        [buttonConfig]=\"getSidebarModalButtons()\">\n      </core-generic-modal>\n    }\n\n  </div> <!-- .o-layout__body -->\n</div> <!-- .o-layout -->\n\n<!-- Fixed Actions (Mobile) -->\n<core-generic-fixed-actions class=\"c-fixed-actions c-fixed-actions--right\"/>\n\n<!-- Fixed Actions Mobile Modal -->\n<core-fixed-actions-mobile-modal />\n\n<!-- Sidebar Custom Modal Global -->\n<core-sidebar-custom-modal></core-sidebar-custom-modal>\n\n<!-- Image Modal Global -->\n<core-image-modal></core-image-modal>\n\n<!-- Gallery Modal Global -->\n<core-gallery-modal></core-gallery-modal>\n\n<!-- ! Refactor: End -->", dependencies: [{ kind: "component", type: MainNavComponent, selector: "core-main-nav", inputs: ["navConfig", "appVersion", "navItems", "bottomNavItems", "isProduction", "logoImagesConfig", "collapsedLogo", "expandedLogo"], outputs: ["onLogout"] }, { kind: "component", type: HeaderComponent, selector: "core-header", outputs: ["filterRequested", "createRequested", "globalActionTriggered"] }, { kind: "component", type: MobileHeaderComponent, selector: "core-mobile-header", inputs: ["config"], outputs: ["menuClick", "refreshClick", "filterClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: ConfirmationDialogComponent, selector: "core-confirmation-dialog", inputs: ["isOpen", "config"], outputs: ["confirm", "cancel"] }, { kind: "component", type: GenericSidebarComponent, selector: "core-generic-sidebar", inputs: ["config", "position", "customTemplate"], outputs: ["itemClicked", "subItemClicked"] }, { kind: "component", type: GenericModalComponent, selector: "core-generic-modal", inputs: ["isOpen", "mode", "data", "fields", "tabs", "steps", "title", "isMultiple", "customTemplate", "customViewTemplate", "finalStepTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges", "stepValidationEnabled", "allowFreeNavigation", "autoMarkCompleted"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: ImageModalComponent, selector: "core-image-modal", outputs: ["modalClosed"] }, { kind: "component", type: GalleryModalComponent, selector: "core-gallery-modal" }, { kind: "component", type: SidebarCustomModalComponent, selector: "core-sidebar-custom-modal" }, { kind: "component", type: GenericFixedActionsComponent, selector: "core-generic-fixed-actions", inputs: ["externalActions", "tableId"] }, { kind: "component", type: FixedActionsMobileModalComponent, selector: "core-fixed-actions-mobile-modal" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
@@ -19585,5 +19704,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, CustomClassService, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DataStoreService, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, FixedActionPosition, FixedActionsMobileModalComponent, FixedActionsMobileModalService, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericFixedActionsComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, MobileHeaderComponent, MobileResolutionService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, CustomClassService, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DataStoreService, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, FixedActionPosition, FixedActionsMobileModalComponent, FixedActionsMobileModalService, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericFixedActionsComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, MobileHeaderComponent, MobileResolutionService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableFixedActionsService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map