valtech-components 4.0.145 → 4.0.147

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"dark" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/atoms/text/text.component.d.ts

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,7 +41,7 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "medium" | "small" | "large";
+        gap: "small" | "medium" | "large";
         alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

package/lib/components/molecules/ticket-card/ticket-card.component.d.ts

@@ -32,6 +32,8 @@ export declare class TicketCardComponent {
     readonly failed: import("@angular/core").WritableSignal<boolean>;
     /** True mientras se genera y comparte la tarjeta branded. */
     readonly sharing: import("@angular/core").WritableSignal<boolean>;
+    /** True mientras se genera y descarga la tarjeta branded. */
+    readonly downloading: import("@angular/core").WritableSignal<boolean>;
     constructor();
     private generate;
     t(key: string): string;
@@ -40,6 +42,9 @@ export declare class TicketCardComponent {
     readonly folioText: import("@angular/core").Signal<string>;
     readonly statusLabel: import("@angular/core").Signal<string>;
     shareCard(): Promise<void>;
+    downloadCard(): Promise<void>;
+    private buildImageConfig;
+    private triggerDownload;
     qrProps(q: QrResult): QrCodeMetadata;
     static ɵfac: i0.ɵɵFactoryDeclaration<TicketCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TicketCardComponent, "val-ticket-card", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/components/organisms/account-view/account-view.component.d.ts

@@ -35,7 +35,7 @@ export declare class AccountViewComponent {
      * mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: AccountViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;

package/lib/components/organisms/article/article.component.d.ts

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -57,11 +57,11 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "right" | "center" | "left";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -76,7 +76,7 @@ export declare class ArticleComponent implements OnInit {
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {
         actionType?: import("valtech-components").ActionType;
-        expand?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -92,8 +92,8 @@ export declare class ArticleComponent implements OnInit {
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
         size?: "default" | "small" | "large";
-        fill?: "solid" | "clear" | "outline" | "default";
-        type: "submit" | "button" | "reset";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     topLogoProps: import("@angular/core").Signal<{

package/lib/components/organisms/organization-view/organization-view.component.d.ts

@@ -51,7 +51,7 @@ export declare class OrganizationViewComponent {
      * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: OrganizationViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">> & Pick<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly org: import("@angular/core").WritableSignal<Organization>;

package/lib/services/haptics/haptics.service.d.ts

@@ -0,0 +1,45 @@
+import { HapticImpactStyle } from './types';
+import * as i0 from "@angular/core";
+/**
+ * HapticsService — feedback háptico reutilizable cross-app.
+ *
+ * Estrategia de dos niveles, best-effort (ningún método lanza):
+ *
+ * 1. **Nativo (preferido)** — usa `@capacitor/haptics` vía dynamic import. Es un
+ *    **peer dep OPCIONAL**: instalalo en la app consumer para haptics nativos en
+ *    iOS/Android (`npm i @capacitor/haptics`, misma major que `@capacitor/core`).
+ *    Si no está instalado, el import falla silenciosamente y se cae al fallback.
+ * 2. **Fallback web/PWA** — `navigator.vibrate(...)` con patrones equivalentes.
+ *    SSR-safe (chequea `typeof navigator`). En iOS Safari `navigator.vibrate`
+ *    no existe / se ignora — es **esperado**: no hay vibración en web iOS, solo
+ *    con el plugin nativo de Capacitor.
+ *
+ * Mismo patrón de dynamic-import de peer dep opcional que `SplashScreenService`.
+ *
+ * @example
+ * private haptics = inject(HapticsService);
+ * await this.haptics.success();
+ * await this.haptics.impact('light');
+ */
+export declare class HapticsService {
+    /** Feedback de éxito (operación completada). */
+    success(): Promise<void>;
+    /** Feedback de advertencia / estado esperado pero atípico. */
+    warning(): Promise<void>;
+    /** Feedback de error (operación fallida). */
+    error(): Promise<void>;
+    /**
+     * Impacto físico (toque/golpe). Default `'medium'`.
+     *
+     * @param style intensidad del impacto.
+     */
+    impact(style?: HapticImpactStyle): Promise<void>;
+    /** Tick sutil de selección (al recorrer opciones, cambiar de tab, etc.). */
+    selection(): Promise<void>;
+    /**
+     * Fallback Vibration API. SSR-safe + feature-detect. Nunca lanza.
+     */
+    private vibrate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HapticsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HapticsService>;
+}

package/lib/services/haptics/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Haptics Service
+ *
+ * Feedback háptico reutilizable: `@capacitor/haptics` (peer dep opcional, nativo
+ * iOS/Android) con fallback a la Vibration API (`navigator.vibrate`) en web/PWA.
+ *
+ * `providedIn: 'root'` — sin provider. Inyectar `HapticsService` directo.
+ *
+ * @example
+ * private haptics = inject(HapticsService);
+ * await this.haptics.success();
+ */
+export * from './types';
+export { HapticsService } from './haptics.service';

package/lib/services/haptics/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Estilo de impacto háptico.
+ *
+ * Mapea a `ImpactStyle` de `@capacitor/haptics` cuando el plugin nativo está
+ * disponible, y a una intensidad de vibración (ms) en el fallback de la
+ * Vibration API.
+ */
+export type HapticImpactStyle = 'light' | 'medium' | 'heavy';

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.145";
+export declare const VERSION = "4.0.147";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.145",
+  "version": "4.0.147",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"
@@ -17,6 +17,7 @@
     "@angular/service-worker": "^18.0.0",
     "@capacitor/app": ">=5.0.0",
     "@capacitor/clipboard": "^6.0.1",
+    "@capacitor/haptics": ">=6.0.0",
     "@capacitor/splash-screen": ">=6.0.0",
     "@ionic/angular": "^8.0.0",
     "firebase": "^10.0.0",
@@ -27,6 +28,9 @@
     "@capacitor/app": {
       "optional": true
     },
+    "@capacitor/haptics": {
+      "optional": true
+    },
     "@capacitor/splash-screen": {
       "optional": true
     },

package/public-api.d.ts

@@ -407,6 +407,7 @@ export * from './lib/components/molecules/request-form/types';
 export * from './lib/components/molecules/content-reaction/content-reaction.component';
 export * from './lib/components/molecules/content-reaction/types';
 export * from './lib/services/splash-screen';
+export * from './lib/services/haptics';
 export * from './lib/components/templates/docs-layout/docs-layout.component';
 export * from './lib/components/templates/docs-layout/types';
 export * from './lib/components/organisms/docs-sidebar/docs-sidebar.component';