canvasframework 0.5.21 → 0.5.23

package/components/Card.js

@@ -55,93 +55,96 @@ class Card extends Component {
    * Dessine la carte et ses enfants
    * @param {CanvasRenderingContext2D} ctx - Contexte de dessin
    */
-  draw(ctx) {
-    ctx.save();
-    
-    // Ombre
-    if (this.elevation > 0) {
-      ctx.shadowColor = 'rgba(0, 0, 0, 0.15)';
-      ctx.shadowBlur = this.elevation * 3;
-      ctx.shadowOffsetY = this.elevation;
-    }
-    
-    // Background
-    ctx.fillStyle = this.bgColor;
-    ctx.beginPath();
-    this.roundRect(ctx, this.x, this.y, this.width, this.height, this.borderRadius);
-    ctx.fill();
-    
-    ctx.shadowColor = 'transparent';
-    
-    // Clipping pour empêcher le contenu de déborder
-    if (this.clipContent) {
-      ctx.beginPath();
-      this.roundRect(ctx, this.x, this.y, this.width, this.height, this.borderRadius);
-      ctx.clip();
-    }
-    
-    // Children - dessinés relativement à la Card
-    for (let child of this.children) {
-      if (child.visible) {
-        // Sauvegarder les coordonnées originales
-        const originalX = child.x;
-        const originalY = child.y;
-        
-        // Ajuster les coordonnées pour être relatives à la Card
-        child.x = this.x + this.padding + originalX;
-        child.y = this.y + this.padding + originalY;
-        
-        // Dessiner l'enfant
-        child.draw(ctx);
-        
-        // Restaurer les coordonnées originales
-        child.x = originalX;
-        child.y = originalY;
-      }
-    }
-    
-    ctx.restore();
-  }
+  /**
+ * Dessine la carte et ses enfants
+ * @param {CanvasRenderingContext2D} ctx - Contexte de dessin
+ */
+	draw(ctx) {
+	  ctx.save();
+	  
+	  // Ombre
+	  if (this.elevation > 0) {
+		ctx.shadowColor = 'rgba(0, 0, 0, 0.15)';
+		ctx.shadowBlur = this.elevation * 3;
+		ctx.shadowOffsetY = this.elevation;
+	  }
+	  
+	  // Background
+	  ctx.fillStyle = this.bgColor;
+	  ctx.beginPath();
+	  this.roundRect(ctx, this.x, this.y, this.width, this.height, this.borderRadius);
+	  ctx.fill();
+	  
+	  ctx.shadowColor = 'transparent';
+	  
+	  // Clipping pour empêcher le contenu de déborder
+	  if (this.clipContent) {
+		ctx.beginPath();
+		this.roundRect(ctx, this.x, this.y, this.width, this.height, this.borderRadius);
+		ctx.clip();
+	  }
+	  
+	  // Children - dessinés relativement à la Card
+	  for (let child of this.children) {
+		if (child.visible) {
+		  // *** FIX : Utiliser ctx.translate au lieu de modifier child.x/y ***
+		  ctx.save();
+		  ctx.translate(this.x + this.padding, this.y + this.padding);
+		  
+		  // Dessiner l'enfant (ses coordonnées sont déjà relatives)
+		  child.draw(ctx);
+		  
+		  ctx.restore();
+		}
+	  }
+	  
+	  ctx.restore();
+	}
 
   /**
-   * Vérifie les clics sur les enfants
-   * @param {number} x - Coordonnée X
-   * @param {number} y - Coordonnée Y
-   * @returns {boolean} True si un enfant a été cliqué
-   * @private
-   */
-  checkChildClick(x, y) {
-    // Ajuster y avec le scrollOffset
-    const adjustedY = y - this.framework.scrollOffset;
-    
-    // Vérifier chaque enfant
-    for (let i = this.children.length - 1; i >= 0; i--) {
-      const child = this.children[i];
-      
-      // Calculer les coordonnées absolues de l'enfant
-      const childX = this.x + this.padding + child.x;
-      const childY = this.y + this.padding + child.y;
-      
-      // Vérifier si le clic est dans l'enfant
-      if (child.visible && 
-          adjustedY >= childY && 
-          adjustedY <= childY + child.height &&
-          x >= childX && 
-          x <= childX + child.width) {
-        
-        // Si l'enfant a un onClick ou onPress, le déclencher
-        if (child.onClick) {
-          child.onClick();
-          return true;
-        } else if (child.onPress) {
-          child.onPress(x, adjustedY);
-          return true;
-        }
-      }
-    }
-    
-    return false;
-  }
+	 * Vérifie les clics sur les enfants
+	 * @param {number} x - Coordonnée X
+	 * @param {number} y - Coordonnée Y
+	 * @returns {boolean} True si un enfant a été cliqué
+	 * @private
+	 */
+	checkChildClick(x, y) {
+	  // Ajuster y avec le scrollOffset
+	  const adjustedY = y - (this.framework.scrollOffset || 0);
+	  
+	  // Calculer les coordonnées de base de la Card
+	  const baseX = this.x + this.padding;
+	  const baseY = this.y + this.padding;
+	  
+	  // Vérifier chaque enfant (du dernier au premier pour respecter z-index)
+	  for (let i = this.children.length - 1; i >= 0; i--) {
+		const child = this.children[i];
+		
+		if (!child.visible) continue;
+		
+		// Coordonnées absolues de l'enfant
+		const childAbsX = baseX + child.x;
+		const childAbsY = baseY + child.y;
+		
+		// Vérifier si le clic est dans l'enfant
+		if (adjustedY >= childAbsY && 
+			adjustedY <= childAbsY + child.height &&
+			x >= childAbsX && 
+			x <= childAbsX + child.width) {
+		  
+		  // Déclencher onClick ou onPress
+		  if (child.onClick) {
+			child.onClick();
+			return true;
+		  } else if (child.onPress) {
+			child.onPress(x, adjustedY);
+			return true;
+		  }
+		}
+	  }
+	  
+	  return false;
+	}
 
   /**
    * Dessine un rectangle avec coins arrondis

package/index.js

@@ -116,4 +116,4 @@ export { default as FeatureFlags } from './manager/FeatureFlags.js';
 
 // Version du framework
 
-export const VERSION = '0.5.17';
+export const VERSION = '0.5.22';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvasframework",
-  "version": "0.5.21",
+  "version": "0.5.23",
   "repository": {
     "type": "git",
     "url": "https://github.com/beyons/CanvasFramework.git"
@@ -28,12 +28,5 @@
     "cupertino",
     "mobile"
   ],
-  "license": "MIT",
-  "dependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
-    "babel-loader": "^10.0.0",
-    "webpack": "^5.105.0",
-    "webpack-cli": "^6.0.1"
-  }
+  "license": "MIT"
 }