valtech-components 2.0.358 → 2.0.360

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

@@ -1,12 +1,43 @@
 import { OnInit } from '@angular/core';
+import { LangService } from '../../../services/lang-provider/lang-provider.service';
 import { ImageMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class ImageComponent implements OnInit {
     props: ImageMetadata;
     available: boolean;
+    isPreviewOpen: boolean;
+    zoomLevel: number;
+    minZoom: number;
+    maxZoom: number;
+    panX: number;
+    panY: number;
+    isDragging: boolean;
+    lastPanX: number;
+    lastPanY: number;
+    startX: number;
+    startY: number;
+    initialDistance: number;
+    initialZoom: number;
+    touches: Touch[];
+    langService: LangService;
+    Math: Math;
     constructor();
     ngOnInit(): void;
     changeToVisible(): void;
+    openPreview(): void;
+    closePreview(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchMove(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): void;
+    onWheel(event: WheelEvent): void;
+    private getDistance;
+    onKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ImageComponent, "val-image", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/atoms/image/types.d.ts

@@ -15,6 +15,7 @@
  * @property caption - Optional caption text below the image.
  * @property captionSize - Size of the caption text ('small' | 'medium' | 'large').
  * @property containerClass - Additional CSS classes for the container.
+ * @property previewMode - Enable full-screen preview with zoom capabilities (optional).
  */
 export type ImageMetadata = {
     src: string;
@@ -32,4 +33,5 @@ export type ImageMetadata = {
     captionSize?: 'small' | 'medium' | 'large';
     containerClass?: string;
     flex?: boolean;
+    previewMode?: boolean;
 };

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

@@ -31,7 +31,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;
@@ -44,7 +44,7 @@ export declare class ArticleComponent implements OnInit {
         allowPartialBold?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -73,9 +73,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "default" | "large";
+        size?: "small" | "large" | "default";
         fill?: "default" | "clear" | "outline" | "solid";
-        type: "submit" | "button" | "reset";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.358",
+  "version": "2.0.360",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",