@inizioevoke/veeva-astroclm-core 1.4.3 → 1.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inizioevoke/veeva-astroclm-core",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "",
   "license": "ISC",
   "author": "",

package/src/components/scripts/ResizeScript/ResizeScript.astro

@@ -5,13 +5,15 @@ import esbuild from 'esbuild';
 import script from './resize.ts?raw';
 
 export interface Props {
-  width: number,
-  height: number
+  width: number;
+  height: number;
+  scale?: 'down' | 'up' | 'always' | 'never';
 }
 
 const {
   width,
-  height
+  height,
+  scale = 'down'
 } = Astro.props;
 
 let js: string | undefined;
@@ -22,7 +24,8 @@ if (BUILD_TARGET === 'veeva' || WEB_SCALING) {
     minify: true,
     define: {
       IVA_WIDTH: width.toString(),
-      IVA_HEIGHT: height.toString()
+      IVA_HEIGHT: height.toString(),
+      IVA_SCALE: JSON.stringify(scale)
     }
   });
   js = code;

package/src/components/scripts/ResizeScript/resize.ts

@@ -7,6 +7,8 @@
   const width: number = IVA_WIDTH;
   // @ts-ignore
   const height: number = IVA_HEIGHT;
+  // @ts-ignore
+  const scaleMode: 'down' | 'up' | 'always' | 'never' = IVA_SCALE;
   // ----------------------------------------------------------------------------------------------------
 
   const scalingWrapper = document.querySelector('.scaling-wrapper') as HTMLElement;
@@ -24,19 +26,30 @@
     const vw = Math.round(visualViewport?.width ?? window.innerWidth);
     const vh = Math.round(visualViewport?.height ?? window.innerHeight);
     let transform: string | undefined;
-    const shouldScaleDown = vw < width - 1 || vh < height - 1;
-    if (shouldScaleDown) {
-      const scale = Math.min(vw / width, vh / height);
-      if (scale !== 1 && lastScale !== scale) {
-        lastScale = scale;
-        const offsetX = (vw - width * scale) / 2 / scale;
-        const offsetY = (vh - height * scale) / 2 / scale;
-        transform = `scale(${scale}) translate(${offsetX}px, ${offsetY}px)`;
-      }
-    } else {
+
+    if (scaleMode === 'never') {
       transform = 'none';
+    } else {
+      const smallerThanTarget = vw < width - 1 || vh < height - 1;
+      const largerThanTarget = vw > width + 1 || vh > height + 1;
+      const shouldScale =
+        scaleMode === 'always' ||
+        (scaleMode === 'down' && smallerThanTarget) ||
+        (scaleMode === 'up' && largerThanTarget);
+
+      if (shouldScale) {
+        const scale = Math.min(vw / width, vh / height);
+        if (scale !== 1 && lastScale !== scale) {
+          lastScale = scale;
+          const offsetX = (vw - width * scale) / 2 / scale;
+          const offsetY = (vh - height * scale) / 2 / scale;
+          transform = `scale(${scale}) translate(${offsetX}px, ${offsetY}px)`;
+        }
+      } else {
+        transform = 'none';
+      }
     }
-    
+
     if (transform) {
       document.body.classList[transform === 'none' ? 'remove' : 'add']('scaled');
       scalingWrapper.style.transform = transform;