@solcre-org/core-ui 2.15.13 → 2.15.15

package/assets/i18n/es/common.json

@@ -40,7 +40,9 @@
   },
   "mobile-header": {
     "filter": "Filtros",
-    "refresh": "Actualizar"
+    "refresh": "Actualizar",
+    "menu": "Menú",
+    "moreActions": "Más acciones"
   },
   "sidebar": {
     "title": "Admin panel",

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;
     }
@@ -11044,20 +11078,48 @@ class HeaderService {
     clearHeaderActions() {
         this.headerActions.set([]);
     }
+    getModalActions() {
+        return computed(() => {
+            return this.customActions().filter(action => {
+                if (!action.mobileConfig)
+                    return false;
+                return action.mobileConfig.showInsideModal === true;
+            }).map(action => ({
+                id: action.id,
+                label: action.label,
+                icon: action.icon,
+                class: action.class,
+                callback: action.callback,
+                requiredPermission: action.requiredPermission,
+                visible: action.visible,
+                disabled: action.disabled
+            }));
+        });
+    }
+    hasModalActions = computed(() => {
+        const actions = this.customActions().filter(action => {
+            if (!action.mobileConfig)
+                return false;
+            return action.mobileConfig.showInsideModal === true;
+        });
+        return actions.length > 0;
+    });
     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 +11128,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:
@@ -15275,6 +15338,7 @@ class HeaderComponent {
     headerService = inject(HeaderService);
     permissionService = inject(PermissionWrapperService);
     cdr = inject(ChangeDetectorRef);
+    mobileResolutionService = inject(MobileResolutionService);
     HeaderElementType = HeaderElementType;
     title = 'ASDSAS';
     user;
@@ -15420,7 +15484,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 +15517,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 +15542,8 @@ class HeaderComponent {
         }
     }
     getHeaderTitle() {
-        return this.headerService.getTitle()();
+        const title = this.headerService.getTitle()();
+        return title;
     }
     getHeaderText() {
         return this.headerService.getText()();
@@ -15599,12 +15691,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.13',
+    full: '2.15.15',
     major: 2,
     minor: 15,
-    patch: 13,
-    timestamp: '2025-10-13T14:12:52.608Z',
-    buildDate: '13/10/2025'
+    patch: 15,
+    timestamp: '2025-10-15T13:03:12.947Z',
+    buildDate: '15/10/2025'
 };
 
 class MainNavComponent {
@@ -16372,6 +16464,176 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 args: ['document:keydown', ['$event']]
             }] } });
 
+class GenericFixedActionsComponent {
+    headerService = inject(HeaderService);
+    fixedActionsMobileModalService = inject(FixedActionsMobileModalService);
+    permissionService = inject(PermissionWrapperService);
+    mobileResolutionService = inject(MobileResolutionService);
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        effect(() => {
+            const actions = this.visibleActions();
+            this.cdr.markForCheck();
+        });
+    }
+    shouldShow = this.mobileResolutionService.shouldShowMobileHeader;
+    outsideActions = computed(() => {
+        const actions = this.headerService.getCustomActions()()
+            .filter(action => {
+            if (!action.mobileConfig)
+                return false;
+            return action.mobileConfig.showOutsideFixedActions === true;
+        })
+            .filter(action => {
+            if (action.requiredPermission) {
+                return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action);
+            }
+            return true;
+        })
+            .filter(action => {
+            const visibleValue = action.visible;
+            if (typeof visibleValue === 'function') {
+                return visibleValue();
+            }
+            return visibleValue !== false;
+        });
+        return actions;
+    });
+    modalActions = computed(() => {
+        const actions = this.headerService.getCustomActions()()
+            .filter(action => {
+            if (!action.mobileConfig)
+                return false;
+            return action.mobileConfig.showInsideModal === true;
+        })
+            .filter(action => {
+            if (action.requiredPermission) {
+                return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action);
+            }
+            return true;
+        })
+            .filter(action => {
+            const visibleValue = action.visible;
+            if (typeof visibleValue === 'function') {
+                return visibleValue();
+            }
+            return visibleValue !== false;
+        });
+        return actions;
+    });
+    hasModalActions = computed(() => {
+        const has = this.modalActions().length > 0;
+        return has;
+    });
+    visibleActions = computed(() => {
+        const actions = [];
+        this.outsideActions().forEach(action => {
+            actions.push({
+                id: action.id,
+                icon: action.icon,
+                label: action.label,
+                class: action.class,
+                tooltip: action.tooltip,
+                callback: action.callback,
+                requiredPermission: action.requiredPermission
+            });
+        });
+        const modalActionsArray = this.modalActions();
+        if (modalActionsArray.length > 0) {
+            const plusButtonAction = {
+                id: 'header-more-actions',
+                icon: 'icon-add-clean',
+                class: 'c-btn',
+                tooltip: 'Más acciones',
+                callback: () => this.openModalActions()
+            };
+            actions.push(plusButtonAction);
+        }
+        return actions;
+    });
+    getActionClass(action) {
+        const baseClass = 'c-fixed-actions__btn';
+        const iconClass = action.icon || '';
+        const customClass = action.class || 'c-btn';
+        return `${baseClass} ${customClass} ${iconClass}`.trim();
+    }
+    isActionDisabled(action) {
+        return false;
+    }
+    onActionClick(action) {
+        if (action.callback) {
+            action.callback();
+        }
+    }
+    openModalActions() {
+        const actions = this.modalActions();
+        if (actions.length === 0)
+            return;
+        const fixedActions = actions.map(action => ({
+            id: action.id,
+            label: action.label,
+            icon: action.icon,
+            class: action.class,
+            callback: action.callback,
+            requiredPermission: action.requiredPermission,
+            customAction: {
+                label: action.label,
+                title: action.label,
+                icon: action.icon,
+                callback: () => {
+                    if (action.callback) {
+                        action.callback();
+                    }
+                },
+                requiredPermission: action.requiredPermission,
+                shouldShow: () => action.visible !== false,
+                shouldDisable: () => action.disabled === true
+            }
+        }));
+        this.fixedActionsMobileModalService.open({
+            title: 'Acciones',
+            actions: fixedActions
+        });
+    }
+    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", ngImport: i0, template: `
+    @if (shouldShow() && visibleActions().length > 0) {
+        @for (action of visibleActions(); track action.id) {
+          <button 
+            type="button"
+            [ngClass]="getActionClass(action)"
+            [disabled]="isActionDisabled(action)"
+            [title]="action.tooltip || action.label || ''"
+            [attr.aria-label]="action.tooltip || action.label || ''"
+            (click)="onActionClick(action)">
+          </button>
+        }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericFixedActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'core-generic-fixed-actions',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    @if (shouldShow() && visibleActions().length > 0) {
+        @for (action of visibleActions(); track action.id) {
+          <button 
+            type="button"
+            [ngClass]="getActionClass(action)"
+            [disabled]="isActionDisabled(action)"
+            [title]="action.tooltip || action.label || ''"
+            [attr.aria-label]="action.tooltip || action.label || ''"
+            (click)="onActionClick(action)">
+          </button>
+        }
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
 class LayoutComponent {
     navItems = input([]);
     bottomNavItems = input([]);
@@ -16570,7 +16832,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<!-- 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" }] });
+    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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
@@ -16584,8 +16846,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         GenericModalComponent,
                         ImageModalComponent,
                         GalleryModalComponent,
-                        SidebarCustomModalComponent
-                    ], hostDirectives: [CoreHostDirective], 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<!-- 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 -->" }]
+                        SidebarCustomModalComponent,
+                        GenericFixedActionsComponent,
+                        FixedActionsMobileModalComponent
+                    ], hostDirectives: [CoreHostDirective], 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 -->" }]
         }], propDecorators: { mainNavComponent: [{
                 type: ViewChild,
                 args: [MainNavComponent]
@@ -19121,5 +19385,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, 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, 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