@webspatial/react-sdk 0.0.3 → 0.0.4

package/dist/cjs/web/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/web/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/web/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/web/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/web/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/jsx/injectSceneHook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injectSceneHook.d.ts","sourceRoot":"","sources":["../../src/jsx/injectSceneHook.ts"],"names":[],"mappings":"AAEA,wBAAsB,eAAe,kBAyBpC"}
+{"version":3,"file":"injectSceneHook.d.ts","sourceRoot":"","sources":["../../src/jsx/injectSceneHook.ts"],"names":[],"mappings":"AAEA,wBAAsB,eAAe,kBAoCpC"}

package/dist/jsx/jsx-dev-runtime.js

@@ -899,7 +899,7 @@ var require_default = __commonJS({
     }
     __name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
     __name2(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 },
@@ -909,7 +909,6 @@ var require_default = __commonJS({
         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;
@@ -1142,7 +1141,8 @@ var require_default = __commonJS({
         domRect,
         anchor,
         cornerRadius,
-        opacity
+        opacity,
+        inheritedPortalStyle.position
       );
       const JSXPortalInstance = renderJSXPortalInstance(
         props,
@@ -1151,7 +1151,7 @@ var require_default = __commonJS({
         inheritedPortalStyle,
         className
       );
-      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
         needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
@@ -1440,7 +1440,7 @@ var require_default = __commonJS({
     __name(parseTransform, "parseTransform");
     __name2(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;
@@ -1863,6 +1863,7 @@ var require_default = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -1892,7 +1893,8 @@ var require_default = __commonJS({
             style: divRefStyle,
             className: divRefClassName,
             ...props,
-            ref
+            ref,
+            "data-cssparser": true
           }
         )
       ] });
@@ -1940,6 +1942,7 @@ var require_default = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -3033,7 +3036,8 @@ var require_default = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
       const ref = useHijackSpatialDivRef(
@@ -3120,7 +3124,8 @@ var require_default = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const model3DStyle = {
         ...style,
@@ -4295,7 +4300,7 @@ var require_web = __commonJS({
     }
     __name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
     __name2(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 },
@@ -4305,7 +4310,6 @@ var require_web = __commonJS({
         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;
@@ -4538,7 +4542,8 @@ var require_web = __commonJS({
         domRect,
         anchor,
         cornerRadius,
-        opacity
+        opacity,
+        inheritedPortalStyle.position
       );
       const JSXPortalInstance = renderJSXPortalInstance(
         props,
@@ -4547,7 +4552,7 @@ var require_web = __commonJS({
         inheritedPortalStyle,
         className
       );
-      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
         needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
@@ -4836,7 +4841,7 @@ var require_web = __commonJS({
     __name(parseTransform, "parseTransform");
     __name2(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;
@@ -5259,6 +5264,7 @@ var require_web = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -5288,7 +5294,8 @@ var require_web = __commonJS({
             style: divRefStyle,
             className: divRefClassName,
             ...props,
-            ref
+            ref,
+            "data-cssparser": true
           }
         )
       ] });
@@ -5336,6 +5343,7 @@ var require_web = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -6428,7 +6436,8 @@ var require_web = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
       const ref = useHijackSpatialDivRef(
@@ -6515,7 +6524,8 @@ var require_web = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const model3DStyle = {
         ...style,
@@ -6851,7 +6861,15 @@ async function injectSceneHook() {
   if (!window.opener) return;
   if (window._SceneHookOff) return;
   await (0, import_react_sdk.getSession)()?.setLoading("show");
-  document.addEventListener("DOMContentLoaded", async () => {
+  function onContentLoaded(callback) {
+    if (document.readyState === "interactive" || document.readyState === "complete") {
+      callback();
+    } else {
+      document.addEventListener("DOMContentLoaded", callback);
+    }
+  }
+  __name(onContentLoaded, "onContentLoaded");
+  onContentLoaded(async () => {
     let cfg = import_react_sdk.defaultSceneConfig;
     if (typeof window.xrCurrentSceneDefaults === "function") {
       try {