@solcre-org/core-ui 2.12.18 → 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
|
}
|
|
@@ -2790,7 +2790,7 @@ class ServerSelectFieldComponent extends BaseFieldComponent {
|
|
|
2790
2790
|
return currentValue === optionValue;
|
|
2791
2791
|
}
|
|
2792
2792
|
onBlurInput() {
|
|
2793
|
-
if (!this.hasSearched()) {
|
|
2793
|
+
if (!this.hasSearched() && !this.hasValue()) {
|
|
2794
2794
|
this.itemsSignal.set([]);
|
|
2795
2795
|
}
|
|
2796
2796
|
this.onBlur();
|
|
@@ -2866,15 +2866,15 @@ class ServerSelectFieldComponent extends BaseFieldComponent {
|
|
|
2866
2866
|
return;
|
|
2867
2867
|
}
|
|
2868
2868
|
if (this.hasValue()) {
|
|
2869
|
-
this.
|
|
2870
|
-
if (this.items().length === 0) {
|
|
2871
|
-
this.initializeWithPreloadedOptions();
|
|
2872
|
-
}
|
|
2869
|
+
this.initializeWithPreloadedOptions();
|
|
2873
2870
|
if (this.items().length === 0) {
|
|
2874
2871
|
this.initializeWithExistingValues();
|
|
2875
2872
|
}
|
|
2873
|
+
if (this.items().length === 0 && this.field().dynamicOptions) {
|
|
2874
|
+
this.throttledEvaluateDynamicOptions();
|
|
2875
|
+
}
|
|
2876
2876
|
}
|
|
2877
|
-
if (this.items().length === 0 && !this.hasSearched()) {
|
|
2877
|
+
if (this.items().length === 0 && !this.hasSearched() && !this.hasValue()) {
|
|
2878
2878
|
this.hasSearchedSignal.set(false);
|
|
2879
2879
|
}
|
|
2880
2880
|
}
|
|
@@ -2890,7 +2890,18 @@ class ServerSelectFieldComponent extends BaseFieldComponent {
|
|
|
2890
2890
|
return;
|
|
2891
2891
|
}
|
|
2892
2892
|
if (this.items().length === 0 && this.hasValue()) {
|
|
2893
|
-
this.
|
|
2893
|
+
const options = this.field().options;
|
|
2894
|
+
if (options && options.length > 0) {
|
|
2895
|
+
this.initializeWithOptions();
|
|
2896
|
+
return;
|
|
2897
|
+
}
|
|
2898
|
+
this.initializeWithPreloadedOptions();
|
|
2899
|
+
if (this.items().length === 0) {
|
|
2900
|
+
this.initializeWithExistingValues();
|
|
2901
|
+
}
|
|
2902
|
+
if (this.items().length === 0 && this.field().dynamicOptions) {
|
|
2903
|
+
this.throttledEvaluateDynamicOptions();
|
|
2904
|
+
}
|
|
2894
2905
|
return;
|
|
2895
2906
|
}
|
|
2896
2907
|
if (!hasSearchResults && !hasCurrentItems && !hasValue) {
|
|
@@ -8254,6 +8265,7 @@ class HeaderService {
|
|
|
8254
8265
|
customTemplate = signal(null);
|
|
8255
8266
|
filterButtonConfig = signal(undefined);
|
|
8256
8267
|
createButtonConfig = signal(undefined);
|
|
8268
|
+
globalCustomClass = signal('');
|
|
8257
8269
|
setHeaderData(data) {
|
|
8258
8270
|
if (data.title !== undefined)
|
|
8259
8271
|
this.title.set(data.title);
|
|
@@ -8309,6 +8321,7 @@ class HeaderService {
|
|
|
8309
8321
|
this.customTemplate.set(null);
|
|
8310
8322
|
this.filterButtonConfig.set(undefined);
|
|
8311
8323
|
this.createButtonConfig.set(undefined);
|
|
8324
|
+
this.globalCustomClass.set('');
|
|
8312
8325
|
}
|
|
8313
8326
|
setTitle(title) {
|
|
8314
8327
|
this.title.set(title);
|
|
@@ -8343,6 +8356,8 @@ class HeaderService {
|
|
|
8343
8356
|
this.filterButtonConfig.set(config.filterButtonConfig);
|
|
8344
8357
|
if (config.createButtonConfig !== undefined)
|
|
8345
8358
|
this.createButtonConfig.set(config.createButtonConfig);
|
|
8359
|
+
if (config.globalCustomClass !== undefined)
|
|
8360
|
+
this.globalCustomClass.set(config.globalCustomClass);
|
|
8346
8361
|
}
|
|
8347
8362
|
getIsVisible() {
|
|
8348
8363
|
return this.isVisible;
|
|
@@ -8386,6 +8401,12 @@ class HeaderService {
|
|
|
8386
8401
|
getCreateButtonConfig() {
|
|
8387
8402
|
return this.createButtonConfig;
|
|
8388
8403
|
}
|
|
8404
|
+
getGlobalCustomClass() {
|
|
8405
|
+
return this.globalCustomClass;
|
|
8406
|
+
}
|
|
8407
|
+
setGlobalCustomClass(customClass) {
|
|
8408
|
+
this.globalCustomClass.set(customClass);
|
|
8409
|
+
}
|
|
8389
8410
|
getOrderedElements() {
|
|
8390
8411
|
const order = this.headerOrder();
|
|
8391
8412
|
if (!order || !order.useCustomOrder || !order.elements) {
|
|
@@ -11985,11 +12006,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
11985
12006
|
// Este archivo es generado automáticamente por scripts/update-version.js
|
|
11986
12007
|
// No edites manualmente este archivo
|
|
11987
12008
|
const VERSION = {
|
|
11988
|
-
full: '2.12.
|
|
12009
|
+
full: '2.12.20',
|
|
11989
12010
|
major: 2,
|
|
11990
12011
|
minor: 12,
|
|
11991
|
-
patch:
|
|
11992
|
-
timestamp: '2025-09-
|
|
12012
|
+
patch: 20,
|
|
12013
|
+
timestamp: '2025-09-09T15:03:44.114Z',
|
|
11993
12014
|
buildDate: '9/9/2025'
|
|
11994
12015
|
};
|
|
11995
12016
|
|
|
@@ -12579,6 +12600,7 @@ class LayoutComponent {
|
|
|
12579
12600
|
layoutStateService = inject(LayoutStateService);
|
|
12580
12601
|
sidebarMobileModalService = inject(SidebarMobileModalService);
|
|
12581
12602
|
templateRegistry = inject(SidebarTemplateRegistryService);
|
|
12603
|
+
headerService = inject(HeaderService);
|
|
12582
12604
|
SidebarVisibility = SidebarVisibility;
|
|
12583
12605
|
ModalMode = ModalMode;
|
|
12584
12606
|
SidebarMobileType = SidebarMobileType;
|
|
@@ -12673,6 +12695,11 @@ class LayoutComponent {
|
|
|
12673
12695
|
toggleSidebar() {
|
|
12674
12696
|
this.mainNavService.toggleSidebarState();
|
|
12675
12697
|
}
|
|
12698
|
+
getHeaderClasses() {
|
|
12699
|
+
const baseClass = 'o-layout__header';
|
|
12700
|
+
const customClass = this.headerService.getGlobalCustomClass()();
|
|
12701
|
+
return customClass ? `${baseClass} ${customClass}` : baseClass;
|
|
12702
|
+
}
|
|
12676
12703
|
onFilterRequested() {
|
|
12677
12704
|
const event = new CustomEvent('filterRequested');
|
|
12678
12705
|
window.dispatchEvent(event);
|
|
@@ -12735,7 +12762,7 @@ class LayoutComponent {
|
|
|
12735
12762
|
this.onLogout.emit();
|
|
12736
12763
|
}
|
|
12737
12764
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12738
|
-
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" }] });
|
|
12739
12766
|
}
|
|
12740
12767
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutComponent, decorators: [{
|
|
12741
12768
|
type: Component,
|
|
@@ -12748,7 +12775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
12748
12775
|
GenericModalComponent,
|
|
12749
12776
|
ImageModalComponent,
|
|
12750
12777
|
SidebarCustomModalComponent
|
|
12751
|
-
], 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 -->" }]
|
|
12752
12779
|
}], propDecorators: { onResize: [{
|
|
12753
12780
|
type: HostListener,
|
|
12754
12781
|
args: ['window:resize', ['$event']]
|