npm - @cntrl-site/sdk - Versions diffs - 1.22.9-alpha.0 → 1.22.11 - Mend

@cntrl-site/sdk 1.22.9-alpha.0 → 1.22.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/Components/ControlSlider/ControlSliderComponent.d.ts +5 -0
package/dist/index.d.ts +1 -1
package/dist/index.js +16 -15
package/dist/index.mjs +16 -15
package/dist/schemas/article/Article.schema.d.ts +10 -45
package/dist/schemas/article/Interaction.schema.d.ts +6 -31
package/dist/schemas/article/Interaction.schema.js +1 -7
package/dist/sdk.css +1 -1
package/dist/types/article/Interaction.d.ts +2 -8
package/package.json +1 -1

package/dist/Components/ControlSlider/ControlSliderComponent.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ export declare const ControlSliderComponent: {
                     triggers: {
                         name: string;
                         icon: string;
+                        tooltip: string;
                         type: string;
                         properties: {
                             triggersList: {
@@ -50,6 +51,7 @@ export declare const ControlSliderComponent: {
                     direction: {
                         name: string;
                         icon: string;
+                        tooltip: string;
                         type: string;
                         display: {
                             type: string;
@@ -59,6 +61,7 @@ export declare const ControlSliderComponent: {
                     controls: {
                         name: string;
                         icon: string;
+                        tooltip: string;
                         type: string;
                         properties: {
                             isActive: {
@@ -117,6 +120,7 @@ export declare const ControlSliderComponent: {
                     pagination: {
                         name: string;
                         icon: string;
+                        tooltip: string;
                         type: string;
                         properties: {
                             isActive: {
@@ -181,6 +185,7 @@ export declare const ControlSliderComponent: {
                     caption: {
                         name: string;
                         icon: string;
+                        tooltip: string;
                         type: string;
                         properties: {
                             isActive: {

package/dist/index.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export type { Item, ImageItem, ItemAny, CustomItem, ItemCommonParamsMap, ItemLay
 export type { RichTextBlock, RichTextEntity, RichTextStyle } from './types/article/RichText';
 export type { ItemArea } from './types/article/ItemArea';
 export type { ItemState, ItemStateParams, StateParams, ItemStatesMap } from './types/article/ItemState';
-export type { Interaction, InteractionItemTrigger, InteractionScrollTrigger, InteractionState } from './types/article/Interaction';
+export type { Interaction, InteractionTrigger, InteractionState } from './types/article/Interaction';
 export type { Layout } from './types/project/Layout';
 export type { Project } from './types/project/Project';
 export type { Meta } from './types/project/Meta';

package/dist/index.js CHANGED Viewed

@@ -542,12 +542,6 @@ const TriggerSchema = zod.z.object({
   from: zod.z.string(),
   to: zod.z.string()
 });
-const ScrollTriggerSchema = zod.z.object({
-  position: zod.z.number(),
-  from: zod.z.string(),
-  to: zod.z.string(),
-  isReverse: zod.z.boolean()
-});
 const VideoInteractionActionSchema = zod.z.object({
   type: zod.z.enum(["play", "pause"]),
   itemId: zod.z.string()
@@ -558,7 +552,7 @@ const StateSchema = zod.z.object({
 });
 const InteractionSchema = zod.z.object({
   id: zod.z.string(),
-  triggers: zod.z.array(zod.z.union([TriggerSchema, ScrollTriggerSchema])),
+  triggers: zod.z.array(TriggerSchema),
   states: zod.z.array(StateSchema),
   startStateId: zod.z.string()
 });
@@ -1230,6 +1224,7 @@ const nextArrow = "ControlSlider-module__nextArrow___-30Yc";
 const arrowInner = "ControlSlider-module__arrowInner___aEra3";
 const arrowIcon = "ControlSlider-module__arrowIcon___S4ztF";
 const arrowImg = "ControlSlider-module__arrowImg___2dwJW";
+const mirror = "ControlSlider-module__mirror___brd6U";
 const pagination = "ControlSlider-module__pagination___bicLF";
 const paginationInner = "ControlSlider-module__paginationInner___bT-P-";
 const paginationVertical = "ControlSlider-module__paginationVertical___zYqKw";
@@ -1271,6 +1266,7 @@ const styles$2 = {
   arrowInner,
   arrowIcon,
   arrowImg,
+  mirror,
   pagination,
   paginationInner,
   paginationVertical,
@@ -1525,7 +1521,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               },
               className: styles$2.arrowInner,
               style: {
-                transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horizontal" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "180deg" : "-90deg"})`
+                transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horizontal" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "0deg" : "90deg"})`
               },
               children: [
                 settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1534,10 +1530,10 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     url: settings.controls.arrowsImgUrl,
                     fill: settings.controls.color,
                     hoverFill: settings.controls.hover,
-                    className: styles$2.arrowImg
+                    className: cn(styles$2.arrowImg, styles$2.mirror)
                   }
                 ),
-                !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg) })
+                !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg, styles$2.mirror) })
               ]
             }
           )
@@ -1608,7 +1604,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
           {
             className: styles$2.paginationInner,
             style: {
-              backgroundColor: settings.pagination.colors[0],
+              backgroundColor: settings.pagination.colors[2],
               transform: `scale(${settings.pagination.scale / 100}) translate(${scalingValue(settings.pagination.offset.x, isEditor)}, ${scalingValue(settings.pagination.offset.y, isEditor)}) rotate(${settings.direction === "horizontal" ? "0deg" : "90deg"})`
             },
             children: content.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1627,7 +1623,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       [styles$2.activeDot]: index === currentSlideIndex
                     }),
                     style: {
-                      backgroundColor: settings.pagination.colors[1],
+                      backgroundColor: index === currentSlideIndex ? settings.pagination.colors[0] : settings.pagination.colors[1],
                       ["--pagination-hover-color"]: settings.pagination.hover
                     }
                   }
@@ -1642,7 +1638,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
   ] });
 }
 function ArrowIcon({ color, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: color, fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: "#000000", transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
 }
 const ControlSliderComponent = {
   element: ControlSlider,
@@ -1666,6 +1662,7 @@ const ControlSliderComponent = {
           triggers: {
             name: "triggers",
             icon: "target",
+            tooltip: "Triggers",
             type: "object",
             properties: {
               triggersList: {
@@ -1695,6 +1692,7 @@ const ControlSliderComponent = {
           direction: {
             name: "direction",
             icon: "horizontal-resize",
+            tooltip: "Direction",
             type: "string",
             display: {
               type: "direction-enum"
@@ -1704,6 +1702,7 @@ const ControlSliderComponent = {
           controls: {
             name: "controls",
             icon: "controls",
+            tooltip: "Controls",
             type: "object",
             properties: {
               isActive: {
@@ -1762,6 +1761,7 @@ const ControlSliderComponent = {
           pagination: {
             name: "nav",
             icon: "pagination",
+            tooltip: "Navigation",
             type: "object",
             properties: {
               isActive: {
@@ -1824,8 +1824,9 @@ const ControlSliderComponent = {
             }
           },
           caption: {
-            name: "desc",
+            name: "Caption",
             icon: "text-icon",
+            tooltip: "Caption",
             type: "object",
             properties: {
               isActive: {
@@ -1894,7 +1895,7 @@ const ControlSliderComponent = {
               x: 0,
               y: 0
             },
-            colors: ["#000000", "#cccccc"],
+            colors: ["#cccccc", "#cccccc", "#000000"],
             hover: "#cccccc"
           },
           direction: "horizontal",

package/dist/index.mjs CHANGED Viewed

@@ -523,12 +523,6 @@ const TriggerSchema = z.object({
   from: z.string(),
   to: z.string()
 });
-const ScrollTriggerSchema = z.object({
-  position: z.number(),
-  from: z.string(),
-  to: z.string(),
-  isReverse: z.boolean()
-});
 const VideoInteractionActionSchema = z.object({
   type: z.enum(["play", "pause"]),
   itemId: z.string()
@@ -539,7 +533,7 @@ const StateSchema = z.object({
 });
 const InteractionSchema = z.object({
   id: z.string(),
-  triggers: z.array(z.union([TriggerSchema, ScrollTriggerSchema])),
+  triggers: z.array(TriggerSchema),
   states: z.array(StateSchema),
   startStateId: z.string()
 });
@@ -1211,6 +1205,7 @@ const nextArrow = "ControlSlider-module__nextArrow___-30Yc";
 const arrowInner = "ControlSlider-module__arrowInner___aEra3";
 const arrowIcon = "ControlSlider-module__arrowIcon___S4ztF";
 const arrowImg = "ControlSlider-module__arrowImg___2dwJW";
+const mirror = "ControlSlider-module__mirror___brd6U";
 const pagination = "ControlSlider-module__pagination___bicLF";
 const paginationInner = "ControlSlider-module__paginationInner___bT-P-";
 const paginationVertical = "ControlSlider-module__paginationVertical___zYqKw";
@@ -1252,6 +1247,7 @@ const styles$2 = {
   arrowInner,
   arrowIcon,
   arrowImg,
+  mirror,
   pagination,
   paginationInner,
   paginationVertical,
@@ -1506,7 +1502,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               },
               className: styles$2.arrowInner,
               style: {
-                transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horizontal" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "180deg" : "-90deg"})`
+                transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horizontal" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "0deg" : "90deg"})`
               },
               children: [
                 settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(
@@ -1515,10 +1511,10 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     url: settings.controls.arrowsImgUrl,
                     fill: settings.controls.color,
                     hoverFill: settings.controls.hover,
-                    className: styles$2.arrowImg
+                    className: cn(styles$2.arrowImg, styles$2.mirror)
                   }
                 ),
-                !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg) })
+                !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg, styles$2.mirror) })
               ]
             }
           )
@@ -1589,7 +1585,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
           {
             className: styles$2.paginationInner,
             style: {
-              backgroundColor: settings.pagination.colors[0],
+              backgroundColor: settings.pagination.colors[2],
               transform: `scale(${settings.pagination.scale / 100}) translate(${scalingValue(settings.pagination.offset.x, isEditor)}, ${scalingValue(settings.pagination.offset.y, isEditor)}) rotate(${settings.direction === "horizontal" ? "0deg" : "90deg"})`
             },
             children: content.map((_, index) => /* @__PURE__ */ jsx(
@@ -1608,7 +1604,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       [styles$2.activeDot]: index === currentSlideIndex
                     }),
                     style: {
-                      backgroundColor: settings.pagination.colors[1],
+                      backgroundColor: index === currentSlideIndex ? settings.pagination.colors[0] : settings.pagination.colors[1],
                       ["--pagination-hover-color"]: settings.pagination.hover
                     }
                   }
@@ -1623,7 +1619,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
   ] });
 }
 function ArrowIcon({ color, className }) {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: color, fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: "#000000", transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
 }
 const ControlSliderComponent = {
   element: ControlSlider,
@@ -1647,6 +1643,7 @@ const ControlSliderComponent = {
           triggers: {
             name: "triggers",
             icon: "target",
+            tooltip: "Triggers",
             type: "object",
             properties: {
               triggersList: {
@@ -1676,6 +1673,7 @@ const ControlSliderComponent = {
           direction: {
             name: "direction",
             icon: "horizontal-resize",
+            tooltip: "Direction",
             type: "string",
             display: {
               type: "direction-enum"
@@ -1685,6 +1683,7 @@ const ControlSliderComponent = {
           controls: {
             name: "controls",
             icon: "controls",
+            tooltip: "Controls",
             type: "object",
             properties: {
               isActive: {
@@ -1743,6 +1742,7 @@ const ControlSliderComponent = {
           pagination: {
             name: "nav",
             icon: "pagination",
+            tooltip: "Navigation",
             type: "object",
             properties: {
               isActive: {
@@ -1805,8 +1805,9 @@ const ControlSliderComponent = {
             }
           },
           caption: {
-            name: "desc",
+            name: "Caption",
             icon: "text-icon",
+            tooltip: "Caption",
             type: "object",
             properties: {
               isActive: {
@@ -1875,7 +1876,7 @@ const ControlSliderComponent = {
               x: 0,
               y: 0
             },
-            colors: ["#000000", "#cccccc"],
+            colors: ["#cccccc", "#cccccc", "#000000"],
             hover: "#cccccc"
           },
           direction: "horizontal",

package/dist/schemas/article/Article.schema.d.ts CHANGED Viewed

@@ -76,7 +76,7 @@ export declare const ArticleSchema: z.ZodObject<{
     }>, "many">;
     interactions: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
         id: z.ZodString;
-        triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        triggers: z.ZodArray<z.ZodObject<{
             itemId: z.ZodString;
             type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
             from: z.ZodString;
@@ -91,22 +91,7 @@ export declare const ArticleSchema: z.ZodObject<{
             from: string;
             to: string;
             itemId: string;
-        }>, z.ZodObject<{
-            position: z.ZodNumber;
-            from: z.ZodString;
-            to: z.ZodString;
-            isReverse: z.ZodBoolean;
-        }, "strip", z.ZodTypeAny, {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        }, {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        }>]>, "many">;
+        }>, "many">;
         states: z.ZodArray<z.ZodObject<{
             id: z.ZodString;
             actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -135,17 +120,12 @@ export declare const ArticleSchema: z.ZodObject<{
         startStateId: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         id: string;
-        triggers: ({
+        triggers: {
             type: "hover-in" | "hover-out" | "click";
             from: string;
             to: string;
             itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
+        }[];
         states: {
             id: string;
             actions?: {
@@ -156,17 +136,12 @@ export declare const ArticleSchema: z.ZodObject<{
         startStateId: string;
     }, {
         id: string;
-        triggers: ({
+        triggers: {
             type: "hover-in" | "hover-out" | "click";
             from: string;
             to: string;
             itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
+        }[];
         states: {
             id: string;
             actions?: {
@@ -199,17 +174,12 @@ export declare const ArticleSchema: z.ZodObject<{
     }[];
     interactions: Record<string, {
         id: string;
-        triggers: ({
+        triggers: {
             type: "hover-in" | "hover-out" | "click";
             from: string;
             to: string;
             itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
+        }[];
         states: {
             id: string;
             actions?: {
@@ -242,17 +212,12 @@ export declare const ArticleSchema: z.ZodObject<{
     }[];
     interactions: Record<string, {
         id: string;
-        triggers: ({
+        triggers: {
             type: "hover-in" | "hover-out" | "click";
             from: string;
             to: string;
             itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
+        }[];
         states: {
             id: string;
             actions?: {

package/dist/schemas/article/Interaction.schema.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 export declare const InteractionSchema: z.ZodObject<{
     id: z.ZodString;
-    triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+    triggers: z.ZodArray<z.ZodObject<{
         itemId: z.ZodString;
         type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
         from: z.ZodString;
@@ -16,22 +16,7 @@ export declare const InteractionSchema: z.ZodObject<{
         from: string;
         to: string;
         itemId: string;
-    }>, z.ZodObject<{
-        position: z.ZodNumber;
-        from: z.ZodString;
-        to: z.ZodString;
-        isReverse: z.ZodBoolean;
-    }, "strip", z.ZodTypeAny, {
-        position: number;
-        from: string;
-        to: string;
-        isReverse: boolean;
-    }, {
-        position: number;
-        from: string;
-        to: string;
-        isReverse: boolean;
-    }>]>, "many">;
+    }>, "many">;
     states: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -60,17 +45,12 @@ export declare const InteractionSchema: z.ZodObject<{
     startStateId: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    triggers: ({
+    triggers: {
         type: "hover-in" | "hover-out" | "click";
         from: string;
         to: string;
         itemId: string;
-    } | {
-        position: number;
-        from: string;
-        to: string;
-        isReverse: boolean;
-    })[];
+    }[];
     states: {
         id: string;
         actions?: {
@@ -81,17 +61,12 @@ export declare const InteractionSchema: z.ZodObject<{
     startStateId: string;
 }, {
     id: string;
-    triggers: ({
+    triggers: {
         type: "hover-in" | "hover-out" | "click";
         from: string;
         to: string;
         itemId: string;
-    } | {
-        position: number;
-        from: string;
-        to: string;
-        isReverse: boolean;
-    })[];
+    }[];
     states: {
         id: string;
         actions?: {

package/dist/schemas/article/Interaction.schema.js CHANGED Viewed

@@ -8,12 +8,6 @@ const TriggerSchema = zod_1.z.object({
     from: zod_1.z.string(),
     to: zod_1.z.string()
 });
-const ScrollTriggerSchema = zod_1.z.object({
-    position: zod_1.z.number(),
-    from: zod_1.z.string(),
-    to: zod_1.z.string(),
-    isReverse: zod_1.z.boolean()
-});
 const VideoInteractionActionSchema = zod_1.z.object({
     type: zod_1.z.enum(['play', 'pause']),
     itemId: zod_1.z.string()
@@ -24,7 +18,7 @@ const StateSchema = zod_1.z.object({
 });
 exports.InteractionSchema = zod_1.z.object({
     id: zod_1.z.string(),
-    triggers: zod_1.z.array(zod_1.z.union([TriggerSchema, ScrollTriggerSchema])),
+    triggers: zod_1.z.array(TriggerSchema),
     states: zod_1.z.array(StateSchema),
     startStateId: zod_1.z.string(),
 });

package/dist/sdk.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ControlSlider-module__wrapper___sHEkd{position:relative;width:100%;height:100%}.ControlSlider-module__slider___R3i9-{width:100%;height:100%}.ControlSlider-module__sliderItems___1MgPL{display:flex;overflow:hidden;width:100%;height:100%;transition:transform .3s ease-in-out}.ControlSlider-module__sliderItem___QQSkR{width:100%;height:100%;display:flex;position:relative}.ControlSlider-module__sliderImage___9hRl-{width:100%;height:100%;object-fit:cover}.ControlSlider-module__arrow___05ghY{position:absolute;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;top:50%;left:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);z-index:1;transform:translate(-50%,-50%);padding:0;width:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw);height:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw)}.ControlSlider-module__arrow___05ghY.ControlSlider-module__arrowVertical___tBfVN{left:50%;top:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___-30Yc{left:unset;right:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___-30Yc.ControlSlider-module__arrowVertical___tBfVN{left:50%;right:unset;top:unset;bottom:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,50%)}.ControlSlider-module__arrowInner___aEra3{all:unset;cursor:pointer;width:100%;height:100%}.ControlSlider-module__arrowInner___aEra3:hover .ControlSlider-module__arrowIcon___S4ztF path{fill:var(--arrow-hover-color)!important}.ControlSlider-module__arrowImg___2dwJW{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ControlSlider-module__arrowIcon___S4ztF{width:100%;height:100%}.ControlSlider-module__arrowIcon___S4ztF path{transition:fill .15s ease-in-out}.ControlSlider-module__prevIcon___v8NAK{transform:rotate(180deg)}.ControlSlider-module__pagination___bicLF{position:absolute;z-index:1;border-radius:50%}.ControlSlider-module__paginationInner___bT-P-{display:flex;gap:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);padding-top:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-bottom:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-left:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);padding-right:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);border-radius:calc(var(--is-editor, 0) * 2.3611111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.3611111111vw)}.ControlSlider-module__paginationVertical___zYqKw{flex-direction:column}.ControlSlider-module__paginationItem___nTRbk{all:unset;flex-shrink:0;position:relative;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);cursor:pointer}.ControlSlider-module__paginationItem___nTRbk:hover .ControlSlider-module__dot___p1Qun{background-color:var(--pagination-hover-color)!important}.ControlSlider-module__dot___p1Qun{border-radius:50%;scale:.5;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw)}.ControlSlider-module__activeDot___LHFaj{transform:scale(2)}.ControlSlider-module__paginationInsideBottom___R3FWn{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__paginationInsideTop___V-qb-{left:50%;transform:translate(-50%);top:0}.ControlSlider-module__paginationOutsideBottom___14w8D{left:50%;transform:translate(-50%);bottom:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideTop___SCLqB{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideLeft___yOBRZ{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideRight___Rtt3o{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideLeft___lahaw{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__paginationOutsideRight___EtuQa{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__imgWrapper___UjEgB,.ControlSlider-module__wrapperInner___DLAWV{width:100%;height:100%}.ControlSlider-module__captionBlock___dJ6-j{pointer-events:none;position:absolute;top:0;z-index:1;left:0;right:0;bottom:0}.ControlSlider-module__captionTextWrapper___HFlpf{position:relative;width:100%;height:100%}.ControlSlider-module__captionText___uGBVc{pointer-events:none;max-width:100%;transition:opacity .3s ease-in-out;position:absolute;display:inline-block;white-space:pre-wrap;overflow-wrap:break-word}.ControlSlider-module__withPointerEvents___t-18M{pointer-events:auto}.ControlSlider-module__absolute___KxmYB{position:absolute}.ControlSlider-module__topLeftAlignment___zjnGM{top:0;left:0}.ControlSlider-module__topCenterAlignment___gD1xW{top:0;left:50%;transform:translate(-50%)}.ControlSlider-module__topRightAlignment___NMapS{top:0;right:0}.ControlSlider-module__middleLeftAlignment___OnUrY{top:50%;transform:translateY(-50%);left:0}.ControlSlider-module__middleCenterAlignment___Tdkl0{top:50%;transform:translate(-50%,-50%);left:50%}.ControlSlider-module__middleRightAlignment___wEbfX{top:50%;transform:translateY(-50%);right:0}.ControlSlider-module__bottomLeftAlignment___cTP2-{bottom:0;left:0}.ControlSlider-module__bottomCenterAlignment___c54fB{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__bottomRightAlignment___kEwrz{bottom:0;right:0}.ControlSlider-module__clickOverlay___DZA28{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.ControlSlider-module__contain___pLyq7{object-fit:contain}.ControlSlider-module__cover___KdDat{object-fit:cover}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.RichTextRenderer-module__link___BWeZ2{color:inherit;cursor:pointer;pointer-events:auto;transition:color .2s ease}.RichTextRenderer-module__link___BWeZ2:hover{color:var(--link-hover-color)}.SvgImage-module__svg___q3xE-{width:100%;height:100%;color:transparent;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--fill);transition:background-color .2s;-webkit-mask:var(--svg) no-repeat center/contain;mask:var(--svg) no-repeat center/contain}.SvgImage-module__svg___q3xE-:hover{background-color:var(--hover-fill)}.SvgImage-module__img___VsTm-{width:100%;height:100%;object-fit:contain}
1	+ .ControlSlider-module__wrapper___sHEkd{position:relative;width:100%;height:100%}.ControlSlider-module__slider___R3i9-{width:100%;height:100%}.ControlSlider-module__sliderItems___1MgPL{display:flex;overflow:hidden;width:100%;height:100%;transition:transform .3s ease-in-out}.ControlSlider-module__sliderItem___QQSkR{width:100%;height:100%;display:flex;position:relative}.ControlSlider-module__sliderImage___9hRl-{width:100%;height:100%;object-fit:cover}.ControlSlider-module__arrow___05ghY{position:absolute;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;top:50%;left:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);z-index:1;transform:translate(-50%,-50%);padding:0;width:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw);height:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw)}.ControlSlider-module__arrow___05ghY.ControlSlider-module__arrowVertical___tBfVN{left:50%;top:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___-30Yc{left:unset;right:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___-30Yc.ControlSlider-module__arrowVertical___tBfVN{left:50%;right:unset;top:unset;bottom:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,50%)}.ControlSlider-module__arrowInner___aEra3{all:unset;cursor:pointer;width:100%;height:100%}.ControlSlider-module__arrowInner___aEra3:hover .ControlSlider-module__arrowIcon___S4ztF path{fill:var(--arrow-hover-color)!important}.ControlSlider-module__arrowImg___2dwJW{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ControlSlider-module__arrowIcon___S4ztF{width:100%;height:100%}.ControlSlider-module__arrowIcon___S4ztF path{transition:fill .15s ease-in-out}.ControlSlider-module__mirror___brd6U{transform:translate(-50%,-50%) scaleX(-1)}.ControlSlider-module__arrowVertical___tBfVN.ControlSlider-module__mirror___brd6U{transform:translate(-50%,-50%) scaleY(-1)}.ControlSlider-module__pagination___bicLF{position:absolute;z-index:1;border-radius:50%}.ControlSlider-module__paginationInner___bT-P-{display:flex;gap:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);padding-top:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-bottom:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-left:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);padding-right:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);border-radius:calc(var(--is-editor, 0) * 2.3611111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.3611111111vw)}.ControlSlider-module__paginationVertical___zYqKw{flex-direction:column}.ControlSlider-module__paginationItem___nTRbk{all:unset;flex-shrink:0;position:relative;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);cursor:pointer}.ControlSlider-module__paginationItem___nTRbk:hover .ControlSlider-module__dot___p1Qun{background-color:var(--pagination-hover-color)!important}.ControlSlider-module__dot___p1Qun{border-radius:50%;scale:.5;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw)}.ControlSlider-module__activeDot___LHFaj{transform:scale(2)}.ControlSlider-module__paginationInsideBottom___R3FWn{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__paginationInsideTop___V-qb-{left:50%;transform:translate(-50%);top:0}.ControlSlider-module__paginationOutsideBottom___14w8D{left:50%;transform:translate(-50%);bottom:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideTop___SCLqB{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideLeft___yOBRZ{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideRight___Rtt3o{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideLeft___lahaw{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__paginationOutsideRight___EtuQa{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__imgWrapper___UjEgB,.ControlSlider-module__wrapperInner___DLAWV{width:100%;height:100%}.ControlSlider-module__captionBlock___dJ6-j{pointer-events:none;position:absolute;top:0;z-index:1;left:0;right:0;bottom:0}.ControlSlider-module__captionTextWrapper___HFlpf{position:relative;width:100%;height:100%}.ControlSlider-module__captionText___uGBVc{pointer-events:none;max-width:100%;transition:opacity .3s ease-in-out;position:absolute;display:inline-block;white-space:pre-wrap;overflow-wrap:break-word}.ControlSlider-module__withPointerEvents___t-18M{pointer-events:auto}.ControlSlider-module__absolute___KxmYB{position:absolute}.ControlSlider-module__topLeftAlignment___zjnGM{top:0;left:0}.ControlSlider-module__topCenterAlignment___gD1xW{top:0;left:50%;transform:translate(-50%)}.ControlSlider-module__topRightAlignment___NMapS{top:0;right:0}.ControlSlider-module__middleLeftAlignment___OnUrY{top:50%;transform:translateY(-50%);left:0}.ControlSlider-module__middleCenterAlignment___Tdkl0{top:50%;transform:translate(-50%,-50%);left:50%}.ControlSlider-module__middleRightAlignment___wEbfX{top:50%;transform:translateY(-50%);right:0}.ControlSlider-module__bottomLeftAlignment___cTP2-{bottom:0;left:0}.ControlSlider-module__bottomCenterAlignment___c54fB{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__bottomRightAlignment___kEwrz{bottom:0;right:0}.ControlSlider-module__clickOverlay___DZA28{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.ControlSlider-module__contain___pLyq7{object-fit:contain}.ControlSlider-module__cover___KdDat{object-fit:cover}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.RichTextRenderer-module__link___BWeZ2{color:inherit;cursor:pointer;pointer-events:auto;transition:color .2s ease}.RichTextRenderer-module__link___BWeZ2:hover{color:var(--link-hover-color)}.SvgImage-module__svg___q3xE-{width:100%;height:100%;color:transparent;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--fill);transition:background-color .2s;-webkit-mask:var(--svg) no-repeat center/contain;mask:var(--svg) no-repeat center/contain}.SvgImage-module__svg___q3xE-:hover{background-color:var(--hover-fill)}.SvgImage-module__img___VsTm-{width:100%;height:100%;object-fit:contain}

package/dist/types/article/Interaction.d.ts CHANGED Viewed

@@ -1,21 +1,15 @@
 export interface Interaction {
     id: string;
-    triggers: (InteractionItemTrigger | InteractionScrollTrigger)[];
+    triggers: InteractionTrigger[];
     states: InteractionState[];
     startStateId: string;
 }
-export interface InteractionItemTrigger {
+export interface InteractionTrigger {
     itemId: string;
     type: 'hover-in' | 'hover-out' | 'click';
     from: StateId;
     to: StateId;
 }
-export interface InteractionScrollTrigger {
-    position: number;
-    from: StateId;
-    to: StateId;
-    isReverse: boolean;
-}
 export type VideoInteractionAction = {
     type: 'play' | 'pause';
     itemId: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk",
-  "version": "1.22.9-alpha.0",
+  "version": "1.22.11",
   "description": "Generic SDK for use in public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",