@gxpl/sdk 0.0.34 → 0.0.35

package/lib/sdk-nextjs/components/Scene.js

@@ -135,7 +135,7 @@ const Scene = ({ children, id, styles: sceneStyles, elRef }) => {
     }, [isTransitioning, actorRef, id]);
     const isFixed = isControlledTransitioning || isSettling || isInstantTransitioning;
     const transitionStyle = type === 'slide' ? 'transform' : 'opacity';
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { ref: elRef, className: "article-wrapper", style: Object.assign(Object.assign({}, layoutDeviationStyle), { width: '100vw', height: '100%', position: isFixed ? 'fixed' : 'absolute', transform: sceneStyles && (sceneStyles.x !== 0 || sceneStyles.y !== 0) ? `translate(${sceneStyles.x}px, ${sceneStyles.y}px)` : 'none', transition: isSettling || isInstantTransitioning ? `${transitionStyle} 0.25s ease-out` : 'none', overflowY: isFixed ? 'hidden' : 'scroll', overflowX: 'clip', opacity: (_a = sceneStyles === null || sceneStyles === void 0 ? void 0 : sceneStyles.opacity) !== null && _a !== void 0 ? _a : 1, 'WebkitOverflowScrolling': 'touch' // prevent glitch on Safari (fast scroll to top/bottom sides)
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { ref: elRef, className: "article-wrapper", style: Object.assign(Object.assign({}, layoutDeviationStyle), { width: '100vw', height: '100%', zIndex: 1, position: isFixed ? 'fixed' : 'absolute', transform: sceneStyles && (sceneStyles.x !== 0 || sceneStyles.y !== 0) ? `translate(${sceneStyles.x}px, ${sceneStyles.y}px)` : 'none', transition: isSettling || isInstantTransitioning ? `${transitionStyle} 0.25s ease-out` : 'none', overflowY: isFixed ? 'hidden' : 'scroll', overflowX: 'clip', opacity: (_a = sceneStyles === null || sceneStyles === void 0 ? void 0 : sceneStyles.opacity) !== null && _a !== void 0 ? _a : 1, 'WebkitOverflowScrolling': 'touch' // prevent glitch on Safari (fast scroll to top/bottom sides)
              }), children: children }) }));
 };
 exports.Scene = Scene;

package/lib/sdk-nextjs/components/fixedLayers/FixedLayer.js

@@ -43,7 +43,7 @@ const FixedLayer = ({ layer, type }) => {
             width: 100%;
             height: 100%;
             overflow: clip;
-            ${type === 'foreground' ? 'z-index: 1;' : 'z-index: -1;'}
+            ${type === 'foreground' ? 'z-index: 2;' : 'z-index: 0;'}
           }
         ` })] }) }) }));
 };

package/lib/sdk-nextjs/fixedLayers/FixedLayerTransitionsRegistry.d.ts

@@ -17,7 +17,6 @@ export declare class FixedLayerTransitionsRegistry implements InteractionsRegist
     private unpackItems;
     private getNestedItems;
     private getDefaultItemStages;
-    notifyItemTrigger(itemId: string, triggerType: TriggerType): void;
     notifyOnActiveSceneChange(sceneId: SceneId): void;
     notifyPrepareTransition(to: SceneId): void;
     notifyTransitionStartForItems(activeStateId: string): void;

package/lib/sdk-nextjs/fixedLayers/FixedLayerTransitionsRegistry.js

@@ -108,9 +108,6 @@ class FixedLayerTransitionsRegistry {
         }
         return stages;
     }
-    notifyItemTrigger(itemId, triggerType) {
-        throw new Error('Not implemented');
-    }
     notifyOnActiveSceneChange(sceneId) {
         this.itemsStages = this.itemsStages.map((stage) => {
             return {

package/lib/sdk-nextjs/interactions/ItemInteractionCtrl.js

@@ -56,6 +56,8 @@ class ItemInteractionController {
         return triggers.has(triggerType);
     }
     sendTrigger(type) {
+        if (!this.registry.notifyItemTrigger)
+            return;
         this.registry.notifyItemTrigger(this.itemId, type);
     }
     receiveAction(type) {

package/lib/sdk-nextjs/interactions/types.d.ts

@@ -15,7 +15,7 @@ export interface InteractionsRegistryPort {
     register(itemId: string, ctrl: ItemInteractionCtrl): void;
     getStatePropsForItem(itemId: string): StateProps<unknown>;
     getItemAvailableTriggers(itemId: string): Set<InteractionItemTrigger['type']>;
-    notifyItemTrigger(itemId: string, type: TriggerType): void;
+    notifyItemTrigger?: (itemId: string, type: TriggerType) => void;
     notifyTransitionEnd(itemId: string): void;
 }
 type StateCSSInfo<T> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gxpl/sdk",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "description": "Generic SDK for use in public websites.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",