@solcre-org/core-ui 2.12.19 → 2.12.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -175,11 +175,22 @@
|
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
|
|
178
|
+
/* ********************** ONLY MOBILE ********************** */
|
|
179
|
+
|
|
180
|
+
@media (max-width: 47.9375rem) /* up to 767px */ {
|
|
181
|
+
|
|
182
|
+
[class*="c-btn"]{
|
|
183
|
+
--_padd-x: 1em;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
|
|
178
189
|
/* ********************** SHORT MOBILE ********************** */
|
|
179
190
|
|
|
180
191
|
@media (max-width: 22.4375rem) /* 359px */ {
|
|
181
192
|
|
|
182
|
-
|
|
193
|
+
[class*="c-btn"]{
|
|
183
194
|
--_fz: var(--fz-000);
|
|
184
195
|
}
|
|
185
196
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* --layout-padd-y: Size
|
|
10
10
|
*/
|
|
11
11
|
.o-layout{
|
|
12
|
-
--_layout-padd-x: calc(var(--space-x)*
|
|
12
|
+
--_layout-padd-x: calc(var(--space-x)*1.5);
|
|
13
13
|
--_layout-padd-y: var(--space-y);
|
|
14
14
|
}
|
|
15
15
|
.o-layout__nav{
|
|
@@ -75,4 +75,14 @@
|
|
|
75
75
|
--_layout-padd-x: calc(var(--space-x)*1.2);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* ********************** de Hd a FULL HD ********************** */
|
|
81
|
+
|
|
82
|
+
@media (min-width: 100rem) /* 1600px */ {
|
|
83
|
+
|
|
84
|
+
.o-layout{
|
|
85
|
+
--_layout-padd-x: calc(var(--space-x)*2);
|
|
86
|
+
}
|
|
87
|
+
|
|
78
88
|
}
|
|
@@ -8265,6 +8265,7 @@ class HeaderService {
|
|
|
8265
8265
|
customTemplate = signal(null);
|
|
8266
8266
|
filterButtonConfig = signal(undefined);
|
|
8267
8267
|
createButtonConfig = signal(undefined);
|
|
8268
|
+
globalCustomClass = signal('');
|
|
8268
8269
|
setHeaderData(data) {
|
|
8269
8270
|
if (data.title !== undefined)
|
|
8270
8271
|
this.title.set(data.title);
|
|
@@ -8320,6 +8321,7 @@ class HeaderService {
|
|
|
8320
8321
|
this.customTemplate.set(null);
|
|
8321
8322
|
this.filterButtonConfig.set(undefined);
|
|
8322
8323
|
this.createButtonConfig.set(undefined);
|
|
8324
|
+
this.globalCustomClass.set('');
|
|
8323
8325
|
}
|
|
8324
8326
|
setTitle(title) {
|
|
8325
8327
|
this.title.set(title);
|
|
@@ -8354,6 +8356,8 @@ class HeaderService {
|
|
|
8354
8356
|
this.filterButtonConfig.set(config.filterButtonConfig);
|
|
8355
8357
|
if (config.createButtonConfig !== undefined)
|
|
8356
8358
|
this.createButtonConfig.set(config.createButtonConfig);
|
|
8359
|
+
if (config.globalCustomClass !== undefined)
|
|
8360
|
+
this.globalCustomClass.set(config.globalCustomClass);
|
|
8357
8361
|
}
|
|
8358
8362
|
getIsVisible() {
|
|
8359
8363
|
return this.isVisible;
|
|
@@ -8397,6 +8401,12 @@ class HeaderService {
|
|
|
8397
8401
|
getCreateButtonConfig() {
|
|
8398
8402
|
return this.createButtonConfig;
|
|
8399
8403
|
}
|
|
8404
|
+
getGlobalCustomClass() {
|
|
8405
|
+
return this.globalCustomClass;
|
|
8406
|
+
}
|
|
8407
|
+
setGlobalCustomClass(customClass) {
|
|
8408
|
+
this.globalCustomClass.set(customClass);
|
|
8409
|
+
}
|
|
8400
8410
|
getOrderedElements() {
|
|
8401
8411
|
const order = this.headerOrder();
|
|
8402
8412
|
if (!order || !order.useCustomOrder || !order.elements) {
|
|
@@ -11996,11 +12006,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
11996
12006
|
// Este archivo es generado automáticamente por scripts/update-version.js
|
|
11997
12007
|
// No edites manualmente este archivo
|
|
11998
12008
|
const VERSION = {
|
|
11999
|
-
full: '2.12.
|
|
12009
|
+
full: '2.12.20',
|
|
12000
12010
|
major: 2,
|
|
12001
12011
|
minor: 12,
|
|
12002
|
-
patch:
|
|
12003
|
-
timestamp: '2025-09-
|
|
12012
|
+
patch: 20,
|
|
12013
|
+
timestamp: '2025-09-09T15:03:44.114Z',
|
|
12004
12014
|
buildDate: '9/9/2025'
|
|
12005
12015
|
};
|
|
12006
12016
|
|
|
@@ -12590,6 +12600,7 @@ class LayoutComponent {
|
|
|
12590
12600
|
layoutStateService = inject(LayoutStateService);
|
|
12591
12601
|
sidebarMobileModalService = inject(SidebarMobileModalService);
|
|
12592
12602
|
templateRegistry = inject(SidebarTemplateRegistryService);
|
|
12603
|
+
headerService = inject(HeaderService);
|
|
12593
12604
|
SidebarVisibility = SidebarVisibility;
|
|
12594
12605
|
ModalMode = ModalMode;
|
|
12595
12606
|
SidebarMobileType = SidebarMobileType;
|
|
@@ -12684,6 +12695,11 @@ class LayoutComponent {
|
|
|
12684
12695
|
toggleSidebar() {
|
|
12685
12696
|
this.mainNavService.toggleSidebarState();
|
|
12686
12697
|
}
|
|
12698
|
+
getHeaderClasses() {
|
|
12699
|
+
const baseClass = 'o-layout__header';
|
|
12700
|
+
const customClass = this.headerService.getGlobalCustomClass()();
|
|
12701
|
+
return customClass ? `${baseClass} ${customClass}` : baseClass;
|
|
12702
|
+
}
|
|
12687
12703
|
onFilterRequested() {
|
|
12688
12704
|
const event = new CustomEvent('filterRequested');
|
|
12689
12705
|
window.dispatchEvent(event);
|
|
@@ -12746,7 +12762,7 @@ class LayoutComponent {
|
|
|
12746
12762
|
this.onLogout.emit();
|
|
12747
12763
|
}
|
|
12748
12764
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12749
|
-
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 } }, outputs: { onLogout: "onLogout" }, host: { listeners: { "window:resize": "onResize($event)" } }, 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(layoutStateService.isHeaderVisible$() | async) {\n <core-header\n class=\"
|
|
12765
|
+
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 } }, outputs: { onLogout: "onLogout" }, host: { listeners: { "window:resize": "onResize($event)" } }, 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(layoutStateService.isHeaderVisible$() | async) {\n <core-header\n [class]=\"getHeaderClasses()\"\n (filterRequested)=\"onFilterRequested()\"\n (createRequested)=\"onCreateRequested()\"\n (globalActionTriggered)=\"onGlobalActionTriggered($event)\">\n </core-header>\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<!-- ! 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: "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", "title", "isMultiple", "customTemplate", "customViewTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: ImageModalComponent, selector: "core-image-modal", outputs: ["modalClosed"] }, { kind: "component", type: SidebarCustomModalComponent, selector: "core-sidebar-custom-modal" }] });
|
|
12750
12766
|
}
|
|
12751
12767
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, decorators: [{
|
|
12752
12768
|
type: Component,
|
|
@@ -12759,7 +12775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
12759
12775
|
GenericModalComponent,
|
|
12760
12776
|
ImageModalComponent,
|
|
12761
12777
|
SidebarCustomModalComponent
|
|
12762
|
-
], 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(layoutStateService.isHeaderVisible$() | async) {\n <core-header\n class=\"
|
|
12778
|
+
], 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(layoutStateService.isHeaderVisible$() | async) {\n <core-header\n [class]=\"getHeaderClasses()\"\n (filterRequested)=\"onFilterRequested()\"\n (createRequested)=\"onCreateRequested()\"\n (globalActionTriggered)=\"onGlobalActionTriggered($event)\">\n </core-header>\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<!-- ! Refactor: End -->" }]
|
|
12763
12779
|
}], propDecorators: { onResize: [{
|
|
12764
12780
|
type: HostListener,
|
|
12765
12781
|
args: ['window:resize', ['$event']]
|