@solcre-org/core-ui 2.15.23 → 2.15.24
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.
- package/assets/css/inc/components/calendar.css +9 -0
- package/assets/css/inc/components/modal.css +3 -7
- package/assets/css/inc/components/switch.css +1 -0
- package/assets/css/inc/objects/layout.styles.css +1 -1
- package/fesm2022/solcre-org-core-ui.mjs +25 -7
- package/fesm2022/solcre-org-core-ui.mjs.map +1 -1
- package/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -62,6 +62,7 @@
|
|
|
62
62
|
|
|
63
63
|
.c-calendar__day.is-current{
|
|
64
64
|
color: var(--color-neutral-100);
|
|
65
|
+
font-weight: 800;
|
|
65
66
|
}
|
|
66
67
|
.c-calendar__day.is-current::before{
|
|
67
68
|
background-color: hsl( var(--_color-main-hsl) );
|
|
@@ -70,4 +71,12 @@
|
|
|
70
71
|
.c-calendar__day.is-current:hover::before{
|
|
71
72
|
background-color: hsl( var(--color-hover-hsl) );
|
|
72
73
|
opacity: 1;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@media (min-width: 112.5rem) /* 1800px */ {
|
|
77
|
+
|
|
78
|
+
.c-calendar{
|
|
79
|
+
--_fz: var(--fz-100);
|
|
80
|
+
}
|
|
81
|
+
|
|
73
82
|
}
|
|
@@ -262,6 +262,7 @@ body:has(.c-modal.is-visible) {
|
|
|
262
262
|
--_holder-px: calc(var(--wrapper-x)*1.2);
|
|
263
263
|
--_holder-w: calc(100% - var(--_ouside-padding)*2);
|
|
264
264
|
--_header-py: 1.8rem;
|
|
265
|
+
|
|
265
266
|
}
|
|
266
267
|
|
|
267
268
|
.c-modal.is-visible .c-modal__holder {
|
|
@@ -272,10 +273,6 @@ body:has(.c-modal.is-visible) {
|
|
|
272
273
|
animation: hidemodalMobile var(--_modal-animation-out) ease-out forwards;
|
|
273
274
|
}
|
|
274
275
|
|
|
275
|
-
.c-modal__close {
|
|
276
|
-
color: var(--app-main-header-mobile-text, inherit);
|
|
277
|
-
}
|
|
278
|
-
|
|
279
276
|
.c-modal__holder {
|
|
280
277
|
height: auto;
|
|
281
278
|
top: auto;
|
|
@@ -294,10 +291,9 @@ body:has(.c-modal.is-visible) {
|
|
|
294
291
|
border: none;
|
|
295
292
|
}
|
|
296
293
|
|
|
297
|
-
.c-
|
|
298
|
-
|
|
294
|
+
.c-modal__body{
|
|
295
|
+
padding-top: 0;
|
|
299
296
|
}
|
|
300
|
-
|
|
301
297
|
|
|
302
298
|
}
|
|
303
299
|
|
|
@@ -570,6 +570,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
570
570
|
|
|
571
571
|
class DateFieldComponent extends BaseFieldComponent {
|
|
572
572
|
elementRef;
|
|
573
|
+
minDate = computed(() => {
|
|
574
|
+
const fieldCfg = this.field();
|
|
575
|
+
const dateConfig = fieldCfg.dateConfig;
|
|
576
|
+
if (dateConfig?.allowPastDates === false) {
|
|
577
|
+
const today = new Date();
|
|
578
|
+
return today.toISOString().split('T')[0];
|
|
579
|
+
}
|
|
580
|
+
return dateConfig?.minDate || null;
|
|
581
|
+
});
|
|
582
|
+
maxDate = computed(() => {
|
|
583
|
+
const fieldCfg = this.field();
|
|
584
|
+
const dateConfig = fieldCfg.dateConfig;
|
|
585
|
+
if (dateConfig?.allowFutureDates === false) {
|
|
586
|
+
const today = new Date();
|
|
587
|
+
return today.toISOString().split('T')[0];
|
|
588
|
+
}
|
|
589
|
+
return dateConfig?.maxDate || null;
|
|
590
|
+
});
|
|
573
591
|
constructor(elementRef) {
|
|
574
592
|
super();
|
|
575
593
|
this.elementRef = elementRef;
|
|
@@ -692,11 +710,11 @@ class DateFieldComponent extends BaseFieldComponent {
|
|
|
692
710
|
}
|
|
693
711
|
}
|
|
694
712
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DateFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
695
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DateFieldComponent, isStandalone: true, selector: "core-date-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <span class=\"c-entry-input\"\n [class.is-placeholder]=\"!formControl().value\"\n style=\"--chars: 10\"\n [class.is-invalid]=\"hasError()\">\n \n <input type=\"date\"\n [id]=\"field().key.toString()\"\n [name]=\"field().key.toString()\"\n [formControl]=\"formControl()\"\n (blur)=\"onBlurInput()\"\n [placeholder]=\"(field().placeholder ?? '') | translate\">\n \n <button class=\"c-entry-input__addon icon-calendar-thin\" \n tabindex=\"-1\"\n type=\"button\"\n (click)=\"onCalendarClick($event)\"></button>\n\n \n </span>\n <core-field-errors [errors]=\"errors()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
|
|
713
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DateFieldComponent, isStandalone: true, selector: "core-date-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <span class=\"c-entry-input\"\n [class.is-placeholder]=\"!formControl().value\"\n style=\"--chars: 10\"\n [class.is-invalid]=\"hasError()\">\n \n <input type=\"date\"\n [id]=\"field().key.toString()\"\n [name]=\"field().key.toString()\"\n [formControl]=\"formControl()\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"\n (blur)=\"onBlurInput()\"\n [placeholder]=\"(field().placeholder ?? '') | translate\">\n \n <button class=\"c-entry-input__addon icon-calendar-thin\" \n tabindex=\"-1\"\n type=\"button\"\n (click)=\"onCalendarClick($event)\"></button>\n\n \n </span>\n <core-field-errors [errors]=\"errors()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
|
|
696
714
|
}
|
|
697
715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DateFieldComponent, decorators: [{
|
|
698
716
|
type: Component,
|
|
699
|
-
args: [{ selector: 'core-date-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <span class=\"c-entry-input\"\n [class.is-placeholder]=\"!formControl().value\"\n style=\"--chars: 10\"\n [class.is-invalid]=\"hasError()\">\n \n <input type=\"date\"\n [id]=\"field().key.toString()\"\n [name]=\"field().key.toString()\"\n [formControl]=\"formControl()\"\n (blur)=\"onBlurInput()\"\n [placeholder]=\"(field().placeholder ?? '') | translate\">\n \n <button class=\"c-entry-input__addon icon-calendar-thin\" \n tabindex=\"-1\"\n type=\"button\"\n (click)=\"onCalendarClick($event)\"></button>\n\n \n </span>\n <core-field-errors [errors]=\"errors()\" />\n</label>\n" }]
|
|
717
|
+
args: [{ selector: 'core-date-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <span class=\"c-entry-input\"\n [class.is-placeholder]=\"!formControl().value\"\n style=\"--chars: 10\"\n [class.is-invalid]=\"hasError()\">\n \n <input type=\"date\"\n [id]=\"field().key.toString()\"\n [name]=\"field().key.toString()\"\n [formControl]=\"formControl()\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"\n (blur)=\"onBlurInput()\"\n [placeholder]=\"(field().placeholder ?? '') | translate\">\n \n <button class=\"c-entry-input__addon icon-calendar-thin\" \n tabindex=\"-1\"\n type=\"button\"\n (click)=\"onCalendarClick($event)\"></button>\n\n \n </span>\n <core-field-errors [errors]=\"errors()\" />\n</label>\n" }]
|
|
700
718
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
701
719
|
|
|
702
720
|
var TimeInterval;
|
|
@@ -13150,7 +13168,7 @@ class GenericTableComponent {
|
|
|
13150
13168
|
return false;
|
|
13151
13169
|
}
|
|
13152
13170
|
getFixedActionClass(action) {
|
|
13153
|
-
const classes = ['c-fixed-actions__btn', 'c-btn'];
|
|
13171
|
+
const classes = ['c-fixed-actions__btn', 'c-btn', 'c-icon-btn'];
|
|
13154
13172
|
if (action.class) {
|
|
13155
13173
|
classes.push(action.class);
|
|
13156
13174
|
}
|
|
@@ -15851,11 +15869,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
15851
15869
|
// Este archivo es generado automáticamente por scripts/update-version.js
|
|
15852
15870
|
// No edites manualmente este archivo
|
|
15853
15871
|
const VERSION = {
|
|
15854
|
-
full: '2.15.
|
|
15872
|
+
full: '2.15.24',
|
|
15855
15873
|
major: 2,
|
|
15856
15874
|
minor: 15,
|
|
15857
|
-
patch:
|
|
15858
|
-
timestamp: '2025-10-
|
|
15875
|
+
patch: 24,
|
|
15876
|
+
timestamp: '2025-10-27T15:32:35.056Z',
|
|
15859
15877
|
buildDate: '27/10/2025'
|
|
15860
15878
|
};
|
|
15861
15879
|
|
|
@@ -17121,7 +17139,7 @@ class GenericFixedActionsComponent {
|
|
|
17121
17139
|
getActionClass(action) {
|
|
17122
17140
|
const baseClass = 'c-fixed-actions__btn';
|
|
17123
17141
|
const iconClass = action.icon || '';
|
|
17124
|
-
const customClass = action.class || 'c-btn';
|
|
17142
|
+
const customClass = action.class || 'c-btn c-icon-btn';
|
|
17125
17143
|
return `${baseClass} ${customClass} ${iconClass}`.trim();
|
|
17126
17144
|
}
|
|
17127
17145
|
isActionDisabled(action) {
|