@webspatial/react-sdk 0.0.2 → 0.0.4

package/dist/cjs/default/spatial-react-components/CSSSpatialDiv/CSSSpatialComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CSSSpatialComponent.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/CSSSpatialDiv/CSSSpatialComponent.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,0BAA0B,EAE3B,MAAM,0BAA0B,CAAA;AAkPjC,eAAO,MAAM,mBAAmB,uHAAyC,CAAA"}
+{"version":3,"file":"CSSSpatialComponent.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/CSSSpatialDiv/CSSSpatialComponent.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,0BAA0B,EAE3B,MAAM,0BAA0B,CAAA;AAqPjC,eAAO,MAAM,mBAAmB,uHAAyC,CAAA"}

package/dist/cjs/default/spatial-react-components/CSSSpatialDiv/useSpatialStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSpatialStyle.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/CSSSpatialDiv/useSpatialStyle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAsHlE,wBAAgB,eAAe;;;;;;;;;;;;;;;;;;;;;;kBAST,sBAAsB;;;;EAoG3C"}
+{"version":3,"file":"useSpatialStyle.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/CSSSpatialDiv/useSpatialStyle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAuHlE,wBAAgB,eAAe;;;;;;;;;;;;;;;;;;;;;;kBAST,sBAAsB;;;;EAoG3C"}

package/dist/cjs/default/spatial-react-components/Model3D/CSSModel3DNotInSpatialDiv.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CSSModel3DNotInSpatialDiv.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/Model3D/CSSModel3DNotInSpatialDiv.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,eAAe,2CAgDvB"}
+{"version":3,"file":"CSSModel3DNotInSpatialDiv.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/Model3D/CSSModel3DNotInSpatialDiv.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,eAAe,2CAiDvB"}

package/dist/cjs/default/spatial-react-components/Model3D/CSSModel3DPortalInstance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CSSModel3DPortalInstance.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/Model3D/CSSModel3DPortalInstance.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAMzC,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,eAAe,2CA4CzB"}
+{"version":3,"file":"CSSModel3DPortalInstance.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/Model3D/CSSModel3DPortalInstance.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAMzC,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,eAAe,2CA6CzB"}

package/dist/cjs/default/spatial-react-components/SpatialReactComponent/PortalInstance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalInstance.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/SpatialReactComponent/PortalInstance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,SAAS,EAMV,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAInC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAEvC,EAAE,EAAE,KAAK,CAAC,WAAW,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CACpB;AAoYD,wBAAgB,cAAc,CAAC,OAAO,EAAE,mBAAmB,2CA+F1D;yBA/Fe,cAAc"}
+{"version":3,"file":"PortalInstance.d.ts","sourceRoot":"","sources":["../../../../../src/spatial-react-components/SpatialReactComponent/PortalInstance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,SAAS,EAMV,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAInC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAEvC,EAAE,EAAE,KAAK,CAAC,WAAW,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CACpB;AAqYD,wBAAgB,cAAc,CAAC,OAAO,EAAE,mBAAmB,2CAkG1D;yBAlGe,cAAc"}

package/dist/cjs/web/index.js

@@ -879,7 +879,7 @@ function syncDefaultSpatialStyle(openedWindow, debugName) {
   openedWindow.document.head.appendChild(styleElement);
 }
 __name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
-function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity) {
+function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity, stylePosition) {
   let { allowScroll, scrollWithParent, style, spatialStyle = {} } = props;
   let {
     position = { x: 0, y: 0, z: 1 },
@@ -889,7 +889,6 @@ function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, corne
     cornerRadius = cornerRadiusFromStyle,
     zIndex = 0
   } = spatialStyle;
-  let stylePosition = style?.position;
   let styleOverflow = style?.overflow;
   const visible = (0, import_react8.useMemo)(() => {
     return spatialStyle.visible !== false && domRect.width > 0 && domRect.height > 0;
@@ -1120,7 +1119,8 @@ function PortalInstance(inProps) {
     domRect,
     anchor,
     cornerRadius,
-    opacity
+    opacity,
+    inheritedPortalStyle.position
   );
   const JSXPortalInstance = renderJSXPortalInstance(
     props,
@@ -1129,7 +1129,7 @@ function PortalInstance(inProps) {
     inheritedPortalStyle,
     className
   );
-  const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+  const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
     needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
@@ -1430,7 +1430,7 @@ function parseTransform(computedStyle) {
 }
 __name(parseTransform, "parseTransform");
 function parseBack(computedStyle) {
-  let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative";
+  let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative" || computedStyle.position === "fixed";
   if (!useBackProperty) return new import_Matrix4.Matrix4();
   let backProperty = computedStyle.getPropertyValue(SpatialCustomVars.back);
   let back = void 0;
@@ -1857,6 +1857,7 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
     ...style,
     width: 0,
     height: 0,
+    padding: 0,
     transition: "none"
   };
   const spatialDivStyle = {
@@ -1886,7 +1887,8 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
         style: divRefStyle,
         className: divRefClassName,
         ...props,
-        ref
+        ref,
+        "data-cssparser": true
       }
     )
   ] });
@@ -1931,6 +1933,7 @@ function renderInPortalInstance(cssSpatialRootContextObject, cssSpatialID, inPro
     ...style,
     width: 0,
     height: 0,
+    padding: 0,
     transition: "none"
   };
   const spatialDivStyle = {
@@ -3040,7 +3043,8 @@ function renderCSSModel3DNotInSpatialDiv(inProps, refIn) {
   const cssParserDomStyle = {
     ...style,
     width: 0,
-    height: 0
+    height: 0,
+    padding: 0
   };
   const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
   const ref = useHijackSpatialDivRef(
@@ -3129,7 +3133,8 @@ function renderCSSModel3DPortalInstance(spatialId, inProps) {
   const cssParserDomStyle = {
     ...style,
     width: 0,
-    height: 0
+    height: 0,
+    padding: 0
   };
   const model3DStyle = {
     ...style,