@c4h/chuci 0.2.2 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c4h/chuci",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Standalone multimedia swiper and viewer web components",
   "type": "module",
   "private": false,

package/src/components/viewer/cc-viewer-3dmodel.ts

@@ -325,7 +325,11 @@ export class CcViewer3DModel extends CcViewerBase {
       canvas.style.width = `${rect.width}px`
       canvas.style.height = `${rect.height}px`
       canvas.style.pointerEvents = 'auto'
-      canvas.style.zIndex = 'calc(var(--cc-viewer-z-index-each, 1000) + 1)'
+      // Get z-index from host style
+      const hostStyle = window.getComputedStyle(this)
+      const zIndexVar = hostStyle.getPropertyValue('--cc-viewer-z-index-each').trim()
+      const baseZIndex = zIndexVar ? parseInt(zIndexVar, 10) : 1000
+      canvas.style.zIndex = `${baseZIndex + 1}`
       document.body.appendChild(canvas)
       
       // Store canvas reference for cleanup

package/src/components/viewer/cc-viewer-gaussian.ts

@@ -276,7 +276,11 @@ ${this.getTargetDebugInfo()}
       normalCanvas.style.left = `${rect.left}px`
       normalCanvas.style.width = `${rect.width}px`
       normalCanvas.style.height = `${rect.height}px`
-      normalCanvas.style.zIndex = 'calc(var(--cc-viewer-z-index-each, 1000) + 1)'  // Above backdrop but below buttons
+      // Get z-index from host style
+      const hostStyle = window.getComputedStyle(this)
+      const zIndexVar = hostStyle.getPropertyValue('--cc-viewer-z-index-each').trim()
+      const baseZIndex = zIndexVar ? parseInt(zIndexVar, 10) : 1000
+      normalCanvas.style.zIndex = `${baseZIndex + 1}`  // Above backdrop but below buttons
       normalCanvas.style.pointerEvents = 'auto'  // Keep mouse events for 3D controls
       normalCanvas.style.display = 'block'
       normalCanvas.style.background = 'transparent'