@solcre-org/core-ui 2.11.22 → 2.11.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.
|
@@ -10224,11 +10224,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
10224
10224
|
// Este archivo es generado automáticamente por scripts/update-version.js
|
|
10225
10225
|
// No edites manualmente este archivo
|
|
10226
10226
|
const VERSION = {
|
|
10227
|
-
full: '2.11.
|
|
10227
|
+
full: '2.11.24',
|
|
10228
10228
|
major: 2,
|
|
10229
10229
|
minor: 11,
|
|
10230
|
-
patch:
|
|
10231
|
-
timestamp: '2025-08-28T12:
|
|
10230
|
+
patch: 24,
|
|
10231
|
+
timestamp: '2025-08-28T12:31:36.159Z',
|
|
10232
10232
|
buildDate: '28/8/2025'
|
|
10233
10233
|
};
|
|
10234
10234
|
|
|
@@ -10961,9 +10961,7 @@ class GenericStepsComponent {
|
|
|
10961
10961
|
StepStatus = StepStatus;
|
|
10962
10962
|
StepType = StepType;
|
|
10963
10963
|
StepSize = StepSize;
|
|
10964
|
-
|
|
10965
|
-
this.initializeSteps();
|
|
10966
|
-
this.setupCustomColors();
|
|
10964
|
+
constructor() {
|
|
10967
10965
|
if (this.useService()) {
|
|
10968
10966
|
effect(() => {
|
|
10969
10967
|
const serviceStepChange = this.stepsService.activeStepId();
|
|
@@ -10973,6 +10971,10 @@ class GenericStepsComponent {
|
|
|
10973
10971
|
});
|
|
10974
10972
|
}
|
|
10975
10973
|
}
|
|
10974
|
+
ngOnInit() {
|
|
10975
|
+
this.initializeSteps();
|
|
10976
|
+
this.setupCustomColors();
|
|
10977
|
+
}
|
|
10976
10978
|
ngOnChanges(changes) {
|
|
10977
10979
|
if (changes['config']) {
|
|
10978
10980
|
this.initializeSteps();
|
|
@@ -11096,6 +11098,33 @@ class GenericStepsComponent {
|
|
|
11096
11098
|
return step.content?.toString() || '';
|
|
11097
11099
|
}
|
|
11098
11100
|
}
|
|
11101
|
+
getTranslatedStepContent(step) {
|
|
11102
|
+
if (step.status === StepStatus.COMPLETE && !step.icon) {
|
|
11103
|
+
return 'icon-check';
|
|
11104
|
+
}
|
|
11105
|
+
switch (step.type) {
|
|
11106
|
+
case StepType.NUMBER:
|
|
11107
|
+
case StepType.TEXT:
|
|
11108
|
+
return step.content?.toString() || '';
|
|
11109
|
+
case StepType.ICON:
|
|
11110
|
+
return step.icon || step.content?.toString() || 'icon-check';
|
|
11111
|
+
default:
|
|
11112
|
+
return step.content?.toString() || '';
|
|
11113
|
+
}
|
|
11114
|
+
}
|
|
11115
|
+
shouldTranslateContent(step) {
|
|
11116
|
+
if (step.status === StepStatus.COMPLETE && !step.icon) {
|
|
11117
|
+
return false;
|
|
11118
|
+
}
|
|
11119
|
+
const content = step.content?.toString() || '';
|
|
11120
|
+
if (step.type === StepType.NUMBER && /^\d+$/.test(content)) {
|
|
11121
|
+
return false;
|
|
11122
|
+
}
|
|
11123
|
+
if (step.type === StepType.ICON) {
|
|
11124
|
+
return false;
|
|
11125
|
+
}
|
|
11126
|
+
return step.type === StepType.TEXT || step.type === StepType.NUMBER;
|
|
11127
|
+
}
|
|
11099
11128
|
isStepClickable(step) {
|
|
11100
11129
|
return !step.disabled && (step.clickable !== false) && this.config().clickable !== false;
|
|
11101
11130
|
}
|
|
@@ -11190,12 +11219,12 @@ class GenericStepsComponent {
|
|
|
11190
11219
|
.join('; ');
|
|
11191
11220
|
}
|
|
11192
11221
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11193
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericStepsComponent, isStandalone: true, selector: "core-generic-steps", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, useService: { classPropertyName: "useService", publicName: "useService", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepClick: "stepClick", stepChange: "stepChange", serviceStepChange: "serviceStepChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<nav class=\"c-steps-container\" [class]=\"config().customClass\" [style]=\"getCustomStyles()\">\n <ol class=\"c-steps\" [class]=\"'c-steps--' + (config().layout || 'horizontal') + ' c-steps--' + (config().size || StepSize.MEDIUM)\">\n @for (step of currentSteps(); track step.id; let i = $index) {\n <li class=\"c-steps__step\">\n <button \n type=\"button\"\n class=\"c-steps__item\"\n [class]=\"getStepClasses(step)\"\n [disabled]=\"step.disabled\"\n [title]=\"step.tooltip || step.title\"\n (click)=\"onStepClick(step, i, $event)\"\n [attr.data-step-id]=\"step.id\">\n \n <span class=\"c-steps__num\" [class]=\"'c-steps__num--' + step.type\" [style]=\"step.id === currentActiveStepId() ? '--step-border: var(--step-active-border); font-weight: 800' : ''\">\n @if (step.type === StepType.ICON || step.status === StepStatus.COMPLETE) {\n <i [ngClass]=\"getStepContent(step) | coreIconCompat\"></i>\n } @else {\n <strong *ngIf=\"step.id === currentActiveStepId()\">{{
|
|
11222
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericStepsComponent, isStandalone: true, selector: "core-generic-steps", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, useService: { classPropertyName: "useService", publicName: "useService", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepClick: "stepClick", stepChange: "stepChange", serviceStepChange: "serviceStepChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<nav class=\"c-steps-container\" [class]=\"config().customClass\" [style]=\"getCustomStyles()\">\n <ol class=\"c-steps\" [class]=\"'c-steps--' + (config().layout || 'horizontal') + ' c-steps--' + (config().size || StepSize.MEDIUM)\">\n @for (step of currentSteps(); track step.id; let i = $index) {\n <li class=\"c-steps__step\">\n <button \n type=\"button\"\n class=\"c-steps__item\"\n [class]=\"getStepClasses(step)\"\n [disabled]=\"step.disabled\"\n [title]=\"step.tooltip || step.title\"\n (click)=\"onStepClick(step, i, $event)\"\n [attr.data-step-id]=\"step.id\">\n \n <span class=\"c-steps__num\" [class]=\"'c-steps__num--' + step.type\" [style]=\"step.id === currentActiveStepId() ? '--step-border: var(--step-active-border); font-weight: 800' : ''\">\n @if (step.type === StepType.ICON || step.status === StepStatus.COMPLETE) {\n <i [ngClass]=\"getStepContent(step) | coreIconCompat\"></i>\n } @else {\n @if (shouldTranslateContent(step)) {\n <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</strong>\n <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</span>\n } @else {\n <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getStepContent(step) }}</strong>\n <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getStepContent(step) }}</span>\n }\n }\n </span>\n \n @if (config().showLabels !== false) {\n <span class=\"c-steps__text\">{{ step.title | translate }}</span>\n }\n </button>\n \n @if (config().showConnectors !== false && i < currentSteps().length - 1) {\n <div class=\"c-steps__connector\" [class]=\"getConnectorClasses(i)\"></div>\n }\n </li>\n }\n </ol>\n</nav>\n\n@if (activeStep()) {\n <div class=\"c-steps__content\" [attr.data-active-step]=\"currentActiveStepId()\">\n <ng-content></ng-content>\n </div>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
|
|
11194
11223
|
}
|
|
11195
11224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericStepsComponent, decorators: [{
|
|
11196
11225
|
type: Component,
|
|
11197
|
-
args: [{ selector: 'core-generic-steps', standalone: true, imports: [CommonModule, IconCompatPipe], hostDirectives: [CoreHostDirective], template: "<nav class=\"c-steps-container\" [class]=\"config().customClass\" [style]=\"getCustomStyles()\">\n <ol class=\"c-steps\" [class]=\"'c-steps--' + (config().layout || 'horizontal') + ' c-steps--' + (config().size || StepSize.MEDIUM)\">\n @for (step of currentSteps(); track step.id; let i = $index) {\n <li class=\"c-steps__step\">\n <button \n type=\"button\"\n class=\"c-steps__item\"\n [class]=\"getStepClasses(step)\"\n [disabled]=\"step.disabled\"\n [title]=\"step.tooltip || step.title\"\n (click)=\"onStepClick(step, i, $event)\"\n [attr.data-step-id]=\"step.id\">\n \n <span class=\"c-steps__num\" [class]=\"'c-steps__num--' + step.type\" [style]=\"step.id === currentActiveStepId() ? '--step-border: var(--step-active-border); font-weight: 800' : ''\">\n @if (step.type === StepType.ICON || step.status === StepStatus.COMPLETE) {\n <i [ngClass]=\"getStepContent(step) | coreIconCompat\"></i>\n } @else {\n <strong *ngIf=\"step.id === currentActiveStepId()\">{{
|
|
11198
|
-
}] });
|
|
11226
|
+
args: [{ selector: 'core-generic-steps', standalone: true, imports: [CommonModule, IconCompatPipe, TranslateModule], hostDirectives: [CoreHostDirective], template: "<nav class=\"c-steps-container\" [class]=\"config().customClass\" [style]=\"getCustomStyles()\">\n <ol class=\"c-steps\" [class]=\"'c-steps--' + (config().layout || 'horizontal') + ' c-steps--' + (config().size || StepSize.MEDIUM)\">\n @for (step of currentSteps(); track step.id; let i = $index) {\n <li class=\"c-steps__step\">\n <button \n type=\"button\"\n class=\"c-steps__item\"\n [class]=\"getStepClasses(step)\"\n [disabled]=\"step.disabled\"\n [title]=\"step.tooltip || step.title\"\n (click)=\"onStepClick(step, i, $event)\"\n [attr.data-step-id]=\"step.id\">\n \n <span class=\"c-steps__num\" [class]=\"'c-steps__num--' + step.type\" [style]=\"step.id === currentActiveStepId() ? '--step-border: var(--step-active-border); font-weight: 800' : ''\">\n @if (step.type === StepType.ICON || step.status === StepStatus.COMPLETE) {\n <i [ngClass]=\"getStepContent(step) | coreIconCompat\"></i>\n } @else {\n @if (shouldTranslateContent(step)) {\n <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</strong>\n <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</span>\n } @else {\n <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getStepContent(step) }}</strong>\n <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getStepContent(step) }}</span>\n }\n }\n </span>\n \n @if (config().showLabels !== false) {\n <span class=\"c-steps__text\">{{ step.title | translate }}</span>\n }\n </button>\n \n @if (config().showConnectors !== false && i < currentSteps().length - 1) {\n <div class=\"c-steps__connector\" [class]=\"getConnectorClasses(i)\"></div>\n }\n </li>\n }\n </ol>\n</nav>\n\n@if (activeStep()) {\n <div class=\"c-steps__content\" [attr.data-active-step]=\"currentActiveStepId()\">\n <ng-content></ng-content>\n </div>\n}" }]
|
|
11227
|
+
}], ctorParameters: () => [] });
|
|
11199
11228
|
|
|
11200
11229
|
var RatingSize;
|
|
11201
11230
|
(function (RatingSize) {
|