valtech-components 4.0.108 → 4.0.110

package/esm2022/lib/version.mjs

@@ -2,5 +2,5 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export const VERSION = '4.0.108';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xMDgnO1xuIl19
+export const VERSION = '4.0.110';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xMTAnO1xuIl19

package/fesm2022/valtech-components.mjs

@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.108';
+const VERSION = '4.0.110';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -8580,7 +8580,10 @@ class AuthService {
                 },
             });
         }), catchError(error => {
-            this.logout();
+            // Do NOT call logout() here — callers decide what to do on failure.
+            // The auth interceptor already calls logout() explicitly, and
+            // initialize() only clears state (no redirect). Auto-navigating to
+            // /login from this method redirects even users on public routes.
             return throwError(() => error);
         }));
     }
@@ -28953,38 +28956,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 /**
- * val-section-header
+ * val-section-header — standard section eyebrow for all factory apps.
  *
- * Standard molecule for section titles across all factory apps. Renders a
- * bold title + optional right-aligned action button(s) on one row, with an
- * optional muted subtitle below.
- *
- * Replaces ad-hoc eyebrow spans, custom `.section-header` divs, and
- * paired val-title + val-button combinations that accumulate per-page
- * padding inconsistencies.
- *
- * **Actions:** pass `actions: ButtonMetadata[]` for right-side buttons.
- * Use `fill: 'clear'` + `size: 'small'` for a text-link style CTA, or
- * `fill: 'outline'` + `size: 'small'` for a contained button (e.g. "New").
+ * Two-row layout:
+ * ```
+ * ┌────────────────────────────────────────────────┐
+ * │  TITLE (bold 18px)              [action btn]  │  ← row 1, space-between
+ * │  info link / subtitle (muted 13px)            │  ← row 2, optional
+ * └────────────────────────────────────────────────┘
+ * ```
  *
- * **Theming:** set `--val-section-header-cta-color` on the host or parent
- * to tint plain-text CTAs without affecting full buttons.
+ * CSS var `--val-section-header-cta-color` tints the `infoLink` text color.
  *
- * @example
- * ```html
- * <val-section-header
- *   [props]="{
- *     title: 'Premios',
- *     subtitle: 'Regalos sorteados por ronda.',
- *     actions: [{ text: '¿Qué son?', fill: 'clear', size: 'small', color: 'primary', type: 'button', state: 'ENABLED', token: 'info' }]
- *   }"
- *   (actionClick)="openInfoModal()" />
- * ```
+ * Both `action` (button) and `infoLink` (text link) emit `(actionClick)` with
+ * their respective `token`.
  */
 class SectionHeaderComponent {
     constructor() {
         this.props = input({});
-        /** Emits the clicked button's `token` (from `actions`). */
         this.actionClick = new EventEmitter();
         this.config = computed(() => ({
             title: '',
@@ -28995,36 +28984,38 @@ class SectionHeaderComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SectionHeaderComponent, isStandalone: true, selector: "val-section-header", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: `
     <div class="sh-row">
       <span class="sh-title">{{ config().title }}</span>
-      @if (config().actions?.length) {
-        <div class="sh-actions">
-          @for (action of config().actions; track action.token || $index) {
-            <val-button [props]="action" (onClick)="actionClick.emit($event)" />
-          }
-        </div>
+      @if (config().action; as act) {
+        <val-button [props]="act" (onClick)="actionClick.emit($event)" />
       }
     </div>
+    @if (config().infoLink; as link) {
+      <button type="button" class="sh-info-link" (click)="actionClick.emit(link.token ?? 'info')">
+        {{ link.label }}
+      </button>
+    }
     @if (config().subtitle) {
       <p class="sh-subtitle">{{ config().subtitle }}</p>
     }
-  `, isInline: true, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sh-subtitle{margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-info-link{display:inline-block;margin:4px 0 0;padding:0;background:none;border:none;cursor:pointer;font-size:.8125rem;font-family:inherit;font-weight:600;color:var(--val-section-header-cta-color, var(--ion-color-primary, #3880ff));line-height:1.4;text-align:start}.sh-subtitle{display:block;margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'val-section-header', standalone: true, imports: [ButtonComponent], template: `
     <div class="sh-row">
       <span class="sh-title">{{ config().title }}</span>
-      @if (config().actions?.length) {
-        <div class="sh-actions">
-          @for (action of config().actions; track action.token || $index) {
-            <val-button [props]="action" (onClick)="actionClick.emit($event)" />
-          }
-        </div>
+      @if (config().action; as act) {
+        <val-button [props]="act" (onClick)="actionClick.emit($event)" />
       }
     </div>
+    @if (config().infoLink; as link) {
+      <button type="button" class="sh-info-link" (click)="actionClick.emit(link.token ?? 'info')">
+        {{ link.label }}
+      </button>
+    }
     @if (config().subtitle) {
       <p class="sh-subtitle">{{ config().subtitle }}</p>
     }
-  `, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sh-subtitle{margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"] }]
+  `, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-info-link{display:inline-block;margin:4px 0 0;padding:0;background:none;border:none;cursor:pointer;font-size:.8125rem;font-family:inherit;font-weight:600;color:var(--val-section-header-cta-color, var(--ion-color-primary, #3880ff));line-height:1.4;text-align:start}.sh-subtitle{display:block;margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"] }]
         }], propDecorators: { actionClick: [{
                 type: Output
             }] } });