@gxpl/sdk 0.0.1

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 (87) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +2 -0
  3. package/dist/Client/Client.d.ts +32 -0
  4. package/dist/Client/Client.js +128 -0
  5. package/dist/Client/Client.test.d.ts +1 -0
  6. package/dist/Client/__mock__/articleMock.d.ts +2 -0
  7. package/dist/Client/__mock__/keyframesMock.d.ts +2 -0
  8. package/dist/Client/__mock__/projectMock.d.ts +2 -0
  9. package/dist/Components/ControlSlider/ControlSlider.d.ts +91 -0
  10. package/dist/Components/ControlSlider/ControlSliderComponent.d.ts +519 -0
  11. package/dist/Components/ImageRevealSlider/ControlImageRevealSliderComponent.d.ts +209 -0
  12. package/dist/Components/ImageRevealSlider/ImageRevealSlider.d.ts +39 -0
  13. package/dist/Components/components.d.ts +2 -0
  14. package/dist/Components/helpers/RichTextRenderer/RichTextRenderer.d.ts +6 -0
  15. package/dist/Components/helpers/SvgImage/SvgImage.d.ts +9 -0
  16. package/dist/Components/utils/scalingValue.d.ts +1 -0
  17. package/dist/FontFaceGenerator/FontFaceGenerator.d.ts +6 -0
  18. package/dist/FontFaceGenerator/FontFaceGenerator.test.d.ts +1 -0
  19. package/dist/ScrollPlaybackVideoManager/ScrollPlaybackVideoManager.d.ts +31 -0
  20. package/dist/VideoDecoder/VideoDecoder.d.ts +12 -0
  21. package/dist/cli.d.ts +10 -0
  22. package/dist/cli.js +64 -0
  23. package/dist/index.d.ts +23 -0
  24. package/dist/index.js +2730 -0
  25. package/dist/index.mjs +2713 -0
  26. package/dist/schemas/article/Article.schema.d.ts +328 -0
  27. package/dist/schemas/article/Article.schema.js +11 -0
  28. package/dist/schemas/article/FillLayer.schema.d.ts +186 -0
  29. package/dist/schemas/article/FillLayer.schema.js +53 -0
  30. package/dist/schemas/article/Interaction.schema.d.ts +103 -0
  31. package/dist/schemas/article/Interaction.schema.js +30 -0
  32. package/dist/schemas/article/Item.schema.d.ts +40 -0
  33. package/dist/schemas/article/Item.schema.js +242 -0
  34. package/dist/schemas/article/ItemArea.schema.d.ts +36 -0
  35. package/dist/schemas/article/ItemArea.schema.js +17 -0
  36. package/dist/schemas/article/ItemBase.schema.d.ts +137 -0
  37. package/dist/schemas/article/ItemBase.schema.js +23 -0
  38. package/dist/schemas/article/ItemState.schema.d.ts +15723 -0
  39. package/dist/schemas/article/ItemState.schema.js +75 -0
  40. package/dist/schemas/article/RichTextItem.schema.d.ts +1372 -0
  41. package/dist/schemas/article/RichTextItem.schema.js +60 -0
  42. package/dist/schemas/article/Section.schema.d.ts +176 -0
  43. package/dist/schemas/article/Section.schema.js +38 -0
  44. package/dist/schemas/keyframe/Keyframes.schema.d.ts +2000 -0
  45. package/dist/schemas/keyframe/Keyframes.schema.js +116 -0
  46. package/dist/schemas/project/Layout.schema.d.ts +17 -0
  47. package/dist/schemas/project/Layout.schema.js +10 -0
  48. package/dist/schemas/project/Project.schema.d.ts +253 -0
  49. package/dist/schemas/project/Project.schema.js +48 -0
  50. package/dist/schemas/shared/FillLayer.schema.d.ts +186 -0
  51. package/dist/sdk.css +1 -0
  52. package/dist/types/article/Article.d.ts +7 -0
  53. package/dist/types/article/Article.js +2 -0
  54. package/dist/types/article/ArticleItemType.d.ts +13 -0
  55. package/dist/types/article/ArticleItemType.js +17 -0
  56. package/dist/types/article/CompoundSettings.d.ts +6 -0
  57. package/dist/types/article/CompoundSettings.js +2 -0
  58. package/dist/types/article/FX.d.ts +23 -0
  59. package/dist/types/article/FX.js +2 -0
  60. package/dist/types/article/Interaction.d.ts +28 -0
  61. package/dist/types/article/Interaction.js +2 -0
  62. package/dist/types/article/Item.d.ts +250 -0
  63. package/dist/types/article/Item.js +3 -0
  64. package/dist/types/article/ItemArea.d.ts +36 -0
  65. package/dist/types/article/ItemArea.js +31 -0
  66. package/dist/types/article/ItemState.d.ts +78 -0
  67. package/dist/types/article/ItemState.js +3 -0
  68. package/dist/types/article/RichText.d.ts +40 -0
  69. package/dist/types/article/RichText.js +27 -0
  70. package/dist/types/article/Section.d.ts +37 -0
  71. package/dist/types/article/Section.js +8 -0
  72. package/dist/types/component/Component.d.ts +15 -0
  73. package/dist/types/keyframe/Keyframe.d.ts +86 -0
  74. package/dist/types/keyframe/Keyframe.js +21 -0
  75. package/dist/types/project/Fonts.d.ts +22 -0
  76. package/dist/types/project/Fonts.js +11 -0
  77. package/dist/types/project/Layout.d.ts +6 -0
  78. package/dist/types/project/Layout.js +2 -0
  79. package/dist/types/project/Meta.d.ts +9 -0
  80. package/dist/types/project/Meta.js +2 -0
  81. package/dist/types/project/Page.d.ts +11 -0
  82. package/dist/types/project/Page.js +2 -0
  83. package/dist/types/project/Project.d.ts +17 -0
  84. package/dist/types/project/Project.js +2 -0
  85. package/dist/utils.d.ts +3 -0
  86. package/package.json +84 -0
  87. package/resources/template.scss.ejs +50 -0
@@ -0,0 +1,116 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KeyframesSchema = exports.KeyframeSchema = void 0;
4
+ const Keyframe_1 = require("../../types/keyframe/Keyframe");
5
+ const zod_1 = require("zod");
6
+ const FillLayer_schema_1 = require("../article/FillLayer.schema");
7
+ const KeyframesBaseSchema = zod_1.z.object({
8
+ id: zod_1.z.string().min(1),
9
+ layoutId: zod_1.z.string().min(1),
10
+ itemId: zod_1.z.string().min(1),
11
+ position: zod_1.z.number()
12
+ });
13
+ const DimensionsKeyframeSchema = KeyframesBaseSchema.extend({
14
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Dimensions),
15
+ value: zod_1.z.object({
16
+ width: zod_1.z.number().nonnegative(),
17
+ height: zod_1.z.number().nonnegative()
18
+ })
19
+ });
20
+ const PositionKeyframeSchema = KeyframesBaseSchema.extend({
21
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Position),
22
+ value: zod_1.z.object({
23
+ top: zod_1.z.number(),
24
+ left: zod_1.z.number()
25
+ })
26
+ });
27
+ const RotationKeyframeSchema = KeyframesBaseSchema.extend({
28
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Rotation),
29
+ value: zod_1.z.object({
30
+ angle: zod_1.z.number()
31
+ })
32
+ });
33
+ const BorderRadiusKeyframeSchema = KeyframesBaseSchema.extend({
34
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.BorderRadius),
35
+ value: zod_1.z.object({
36
+ radius: zod_1.z.number().nonnegative()
37
+ })
38
+ });
39
+ const BorderWidthKeyframeSchema = KeyframesBaseSchema.extend({
40
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.BorderWidth),
41
+ value: zod_1.z.object({
42
+ borderWidth: zod_1.z.number().nonnegative()
43
+ })
44
+ });
45
+ const BorderFillKeyframeSchema = KeyframesBaseSchema.extend({
46
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.BorderFill),
47
+ value: zod_1.z.array(FillLayer_schema_1.FillLayerSchema)
48
+ });
49
+ const OpacityKeyframeSchema = KeyframesBaseSchema.extend({
50
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Opacity),
51
+ value: zod_1.z.object({
52
+ opacity: zod_1.z.number().nonnegative()
53
+ })
54
+ });
55
+ const ScaleKeyframeSchema = KeyframesBaseSchema.extend({
56
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Scale),
57
+ value: zod_1.z.object({
58
+ scale: zod_1.z.number().nonnegative()
59
+ })
60
+ });
61
+ const BlurKeyframeSchema = KeyframesBaseSchema.extend({
62
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Blur),
63
+ value: zod_1.z.object({
64
+ blur: zod_1.z.number()
65
+ })
66
+ });
67
+ const BackdropBlurKeyframeSchema = KeyframesBaseSchema.extend({
68
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.BackdropBlur),
69
+ value: zod_1.z.object({
70
+ backdropBlur: zod_1.z.number()
71
+ })
72
+ });
73
+ const TextColorKeyframeSchema = KeyframesBaseSchema.extend({
74
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.TextColor),
75
+ value: zod_1.z.object({
76
+ color: zod_1.z.string()
77
+ })
78
+ });
79
+ const LetterSpacingKeyframeSchema = KeyframesBaseSchema.extend({
80
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.LetterSpacing),
81
+ value: zod_1.z.object({
82
+ letterSpacing: zod_1.z.number()
83
+ })
84
+ });
85
+ const WordSpacingKeyframeSchema = KeyframesBaseSchema.extend({
86
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.WordSpacing),
87
+ value: zod_1.z.object({
88
+ wordSpacing: zod_1.z.number()
89
+ })
90
+ });
91
+ const FXParamsKeyframeSchema = KeyframesBaseSchema.extend({
92
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.FXParams),
93
+ value: zod_1.z.record(zod_1.z.string(), zod_1.z.number())
94
+ });
95
+ const FillKeyframeSchema = KeyframesBaseSchema.extend({
96
+ type: zod_1.z.literal(Keyframe_1.KeyframeType.Fill),
97
+ value: zod_1.z.array(FillLayer_schema_1.FillLayerSchema)
98
+ });
99
+ exports.KeyframeSchema = zod_1.z.discriminatedUnion('type', [
100
+ DimensionsKeyframeSchema,
101
+ PositionKeyframeSchema,
102
+ RotationKeyframeSchema,
103
+ BorderRadiusKeyframeSchema,
104
+ BorderWidthKeyframeSchema,
105
+ BorderFillKeyframeSchema,
106
+ OpacityKeyframeSchema,
107
+ ScaleKeyframeSchema,
108
+ BlurKeyframeSchema,
109
+ BackdropBlurKeyframeSchema,
110
+ TextColorKeyframeSchema,
111
+ LetterSpacingKeyframeSchema,
112
+ WordSpacingKeyframeSchema,
113
+ FXParamsKeyframeSchema,
114
+ FillKeyframeSchema
115
+ ]);
116
+ exports.KeyframesSchema = zod_1.z.array(exports.KeyframeSchema);
@@ -0,0 +1,17 @@
1
+ import { z } from 'zod';
2
+ export declare const LayoutSchema: z.ZodObject<{
3
+ id: z.ZodString;
4
+ title: z.ZodString;
5
+ startsWith: z.ZodNumber;
6
+ exemplary: z.ZodNumber;
7
+ }, "strip", z.ZodTypeAny, {
8
+ id: string;
9
+ title: string;
10
+ startsWith: number;
11
+ exemplary: number;
12
+ }, {
13
+ id: string;
14
+ title: string;
15
+ startsWith: number;
16
+ exemplary: number;
17
+ }>;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.LayoutSchema = void 0;
4
+ const zod_1 = require("zod");
5
+ exports.LayoutSchema = zod_1.z.object({
6
+ id: zod_1.z.string(),
7
+ title: zod_1.z.string(),
8
+ startsWith: zod_1.z.number().nonnegative(),
9
+ exemplary: zod_1.z.number().positive()
10
+ });
@@ -0,0 +1,253 @@
1
+ import { z } from 'zod';
2
+ import { FontFileTypes } from '../../types/project/Fonts';
3
+ export declare const ProjectSchema: z.ZodObject<{
4
+ id: z.ZodString;
5
+ html: z.ZodObject<{
6
+ head: z.ZodString;
7
+ afterBodyOpen: z.ZodString;
8
+ beforeBodyClose: z.ZodString;
9
+ }, "strip", z.ZodTypeAny, {
10
+ head: string;
11
+ afterBodyOpen: string;
12
+ beforeBodyClose: string;
13
+ }, {
14
+ head: string;
15
+ afterBodyOpen: string;
16
+ beforeBodyClose: string;
17
+ }>;
18
+ meta: z.ZodObject<{
19
+ title: z.ZodOptional<z.ZodString>;
20
+ description: z.ZodOptional<z.ZodString>;
21
+ opengraphThumbnail: z.ZodOptional<z.ZodString>;
22
+ keywords: z.ZodOptional<z.ZodString>;
23
+ favicon: z.ZodOptional<z.ZodString>;
24
+ }, "strip", z.ZodTypeAny, {
25
+ favicon?: string | undefined;
26
+ title?: string | undefined;
27
+ description?: string | undefined;
28
+ opengraphThumbnail?: string | undefined;
29
+ keywords?: string | undefined;
30
+ }, {
31
+ favicon?: string | undefined;
32
+ title?: string | undefined;
33
+ description?: string | undefined;
34
+ opengraphThumbnail?: string | undefined;
35
+ keywords?: string | undefined;
36
+ }>;
37
+ layouts: z.ZodArray<z.ZodObject<{
38
+ id: z.ZodString;
39
+ title: z.ZodString;
40
+ startsWith: z.ZodNumber;
41
+ exemplary: z.ZodNumber;
42
+ }, "strip", z.ZodTypeAny, {
43
+ id: string;
44
+ title: string;
45
+ startsWith: number;
46
+ exemplary: number;
47
+ }, {
48
+ id: string;
49
+ title: string;
50
+ startsWith: number;
51
+ exemplary: number;
52
+ }>, "many">;
53
+ pages: z.ZodArray<z.ZodObject<{
54
+ title: z.ZodString;
55
+ articleId: z.ZodString;
56
+ slug: z.ZodString;
57
+ meta: z.ZodOptional<z.ZodObject<{
58
+ title: z.ZodOptional<z.ZodString>;
59
+ description: z.ZodOptional<z.ZodString>;
60
+ opengraphThumbnail: z.ZodOptional<z.ZodString>;
61
+ keywords: z.ZodOptional<z.ZodString>;
62
+ enabled: z.ZodBoolean;
63
+ }, "strip", z.ZodTypeAny, {
64
+ enabled: boolean;
65
+ title?: string | undefined;
66
+ description?: string | undefined;
67
+ opengraphThumbnail?: string | undefined;
68
+ keywords?: string | undefined;
69
+ }, {
70
+ enabled: boolean;
71
+ title?: string | undefined;
72
+ description?: string | undefined;
73
+ opengraphThumbnail?: string | undefined;
74
+ keywords?: string | undefined;
75
+ }>>;
76
+ id: z.ZodString;
77
+ }, "strip", z.ZodTypeAny, {
78
+ id: string;
79
+ title: string;
80
+ articleId: string;
81
+ slug: string;
82
+ meta?: {
83
+ enabled: boolean;
84
+ title?: string | undefined;
85
+ description?: string | undefined;
86
+ opengraphThumbnail?: string | undefined;
87
+ keywords?: string | undefined;
88
+ } | undefined;
89
+ }, {
90
+ id: string;
91
+ title: string;
92
+ articleId: string;
93
+ slug: string;
94
+ meta?: {
95
+ enabled: boolean;
96
+ title?: string | undefined;
97
+ description?: string | undefined;
98
+ opengraphThumbnail?: string | undefined;
99
+ keywords?: string | undefined;
100
+ } | undefined;
101
+ }>, "many">;
102
+ fonts: z.ZodObject<{
103
+ google: z.ZodString;
104
+ adobe: z.ZodString;
105
+ custom: z.ZodArray<z.ZodObject<{
106
+ name: z.ZodString;
107
+ style: z.ZodString;
108
+ weight: z.ZodNumber;
109
+ files: z.ZodArray<z.ZodObject<{
110
+ type: z.ZodNativeEnum<typeof FontFileTypes>;
111
+ url: z.ZodString;
112
+ }, "strip", z.ZodTypeAny, {
113
+ url: string;
114
+ type: FontFileTypes;
115
+ }, {
116
+ url: string;
117
+ type: FontFileTypes;
118
+ }>, "many">;
119
+ }, "strip", z.ZodTypeAny, {
120
+ name: string;
121
+ style: string;
122
+ weight: number;
123
+ files: {
124
+ url: string;
125
+ type: FontFileTypes;
126
+ }[];
127
+ }, {
128
+ name: string;
129
+ style: string;
130
+ weight: number;
131
+ files: {
132
+ url: string;
133
+ type: FontFileTypes;
134
+ }[];
135
+ }>, "many">;
136
+ }, "strip", z.ZodTypeAny, {
137
+ custom: {
138
+ name: string;
139
+ style: string;
140
+ weight: number;
141
+ files: {
142
+ url: string;
143
+ type: FontFileTypes;
144
+ }[];
145
+ }[];
146
+ google: string;
147
+ adobe: string;
148
+ }, {
149
+ custom: {
150
+ name: string;
151
+ style: string;
152
+ weight: number;
153
+ files: {
154
+ url: string;
155
+ type: FontFileTypes;
156
+ }[];
157
+ }[];
158
+ google: string;
159
+ adobe: string;
160
+ }>;
161
+ }, "strip", z.ZodTypeAny, {
162
+ html: {
163
+ head: string;
164
+ afterBodyOpen: string;
165
+ beforeBodyClose: string;
166
+ };
167
+ id: string;
168
+ meta: {
169
+ favicon?: string | undefined;
170
+ title?: string | undefined;
171
+ description?: string | undefined;
172
+ opengraphThumbnail?: string | undefined;
173
+ keywords?: string | undefined;
174
+ };
175
+ layouts: {
176
+ id: string;
177
+ title: string;
178
+ startsWith: number;
179
+ exemplary: number;
180
+ }[];
181
+ pages: {
182
+ id: string;
183
+ title: string;
184
+ articleId: string;
185
+ slug: string;
186
+ meta?: {
187
+ enabled: boolean;
188
+ title?: string | undefined;
189
+ description?: string | undefined;
190
+ opengraphThumbnail?: string | undefined;
191
+ keywords?: string | undefined;
192
+ } | undefined;
193
+ }[];
194
+ fonts: {
195
+ custom: {
196
+ name: string;
197
+ style: string;
198
+ weight: number;
199
+ files: {
200
+ url: string;
201
+ type: FontFileTypes;
202
+ }[];
203
+ }[];
204
+ google: string;
205
+ adobe: string;
206
+ };
207
+ }, {
208
+ html: {
209
+ head: string;
210
+ afterBodyOpen: string;
211
+ beforeBodyClose: string;
212
+ };
213
+ id: string;
214
+ meta: {
215
+ favicon?: string | undefined;
216
+ title?: string | undefined;
217
+ description?: string | undefined;
218
+ opengraphThumbnail?: string | undefined;
219
+ keywords?: string | undefined;
220
+ };
221
+ layouts: {
222
+ id: string;
223
+ title: string;
224
+ startsWith: number;
225
+ exemplary: number;
226
+ }[];
227
+ pages: {
228
+ id: string;
229
+ title: string;
230
+ articleId: string;
231
+ slug: string;
232
+ meta?: {
233
+ enabled: boolean;
234
+ title?: string | undefined;
235
+ description?: string | undefined;
236
+ opengraphThumbnail?: string | undefined;
237
+ keywords?: string | undefined;
238
+ } | undefined;
239
+ }[];
240
+ fonts: {
241
+ custom: {
242
+ name: string;
243
+ style: string;
244
+ weight: number;
245
+ files: {
246
+ url: string;
247
+ type: FontFileTypes;
248
+ }[];
249
+ }[];
250
+ google: string;
251
+ adobe: string;
252
+ };
253
+ }>;
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ProjectSchema = void 0;
4
+ const zod_1 = require("zod");
5
+ const Layout_schema_1 = require("./Layout.schema");
6
+ const Fonts_1 = require("../../types/project/Fonts");
7
+ exports.ProjectSchema = zod_1.z.object({
8
+ id: zod_1.z.string().min(1),
9
+ html: zod_1.z.object({
10
+ head: zod_1.z.string(),
11
+ afterBodyOpen: zod_1.z.string(),
12
+ beforeBodyClose: zod_1.z.string()
13
+ }),
14
+ meta: zod_1.z.object({
15
+ title: zod_1.z.string().optional(),
16
+ description: zod_1.z.string().optional(),
17
+ opengraphThumbnail: zod_1.z.string().optional(),
18
+ keywords: zod_1.z.string().optional(),
19
+ favicon: zod_1.z.string().optional()
20
+ }),
21
+ layouts: zod_1.z.array(Layout_schema_1.LayoutSchema),
22
+ pages: zod_1.z.array(zod_1.z.object({
23
+ title: zod_1.z.string(),
24
+ articleId: zod_1.z.string().min(1),
25
+ slug: zod_1.z.string(),
26
+ meta: zod_1.z.object({
27
+ title: zod_1.z.string().optional(),
28
+ description: zod_1.z.string().optional(),
29
+ opengraphThumbnail: zod_1.z.string().optional(),
30
+ keywords: zod_1.z.string().optional(),
31
+ enabled: zod_1.z.boolean()
32
+ }).optional(),
33
+ id: zod_1.z.string().min(1)
34
+ })),
35
+ fonts: zod_1.z.object({
36
+ google: zod_1.z.string(),
37
+ adobe: zod_1.z.string(),
38
+ custom: zod_1.z.array(zod_1.z.object({
39
+ name: zod_1.z.string().min(1),
40
+ style: zod_1.z.string().min(1),
41
+ weight: zod_1.z.number(),
42
+ files: zod_1.z.array(zod_1.z.object({
43
+ type: zod_1.z.nativeEnum(Fonts_1.FontFileTypes),
44
+ url: zod_1.z.string()
45
+ }))
46
+ }))
47
+ })
48
+ });
@@ -0,0 +1,186 @@
1
+ import { z } from 'zod';
2
+ export declare const ColorPointSchema: z.ZodObject<{
3
+ id: z.ZodString;
4
+ value: z.ZodString;
5
+ position: z.ZodNumber;
6
+ }, "strip", z.ZodTypeAny, {
7
+ position: number;
8
+ id: string;
9
+ value: string;
10
+ }, {
11
+ position: number;
12
+ id: string;
13
+ value: string;
14
+ }>;
15
+ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
16
+ id: z.ZodString;
17
+ type: z.ZodLiteral<"solid">;
18
+ value: z.ZodString;
19
+ blendMode: z.ZodString;
20
+ }, "strip", z.ZodTypeAny, {
21
+ id: string;
22
+ value: string;
23
+ type: "solid";
24
+ blendMode: string;
25
+ }, {
26
+ id: string;
27
+ value: string;
28
+ type: "solid";
29
+ blendMode: string;
30
+ }>, z.ZodObject<{
31
+ id: z.ZodString;
32
+ type: z.ZodLiteral<"linear-gradient">;
33
+ colors: z.ZodArray<z.ZodObject<{
34
+ id: z.ZodString;
35
+ value: z.ZodString;
36
+ position: z.ZodNumber;
37
+ }, "strip", z.ZodTypeAny, {
38
+ position: number;
39
+ id: string;
40
+ value: string;
41
+ }, {
42
+ position: number;
43
+ id: string;
44
+ value: string;
45
+ }>, "many">;
46
+ start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
47
+ end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
48
+ angle: z.ZodNumber;
49
+ blendMode: z.ZodString;
50
+ }, "strip", z.ZodTypeAny, {
51
+ id: string;
52
+ type: "linear-gradient";
53
+ blendMode: string;
54
+ colors: {
55
+ position: number;
56
+ id: string;
57
+ value: string;
58
+ }[];
59
+ start: [number, number];
60
+ end: [number, number];
61
+ angle: number;
62
+ }, {
63
+ id: string;
64
+ type: "linear-gradient";
65
+ blendMode: string;
66
+ colors: {
67
+ position: number;
68
+ id: string;
69
+ value: string;
70
+ }[];
71
+ start: [number, number];
72
+ end: [number, number];
73
+ angle: number;
74
+ }>, z.ZodObject<{
75
+ id: z.ZodString;
76
+ type: z.ZodLiteral<"radial-gradient">;
77
+ colors: z.ZodArray<z.ZodObject<{
78
+ id: z.ZodString;
79
+ value: z.ZodString;
80
+ position: z.ZodNumber;
81
+ }, "strip", z.ZodTypeAny, {
82
+ position: number;
83
+ id: string;
84
+ value: string;
85
+ }, {
86
+ position: number;
87
+ id: string;
88
+ value: string;
89
+ }>, "many">;
90
+ center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
91
+ diameter: z.ZodNumber;
92
+ angle: z.ZodNumber;
93
+ blendMode: z.ZodString;
94
+ }, "strip", z.ZodTypeAny, {
95
+ center: [number, number];
96
+ id: string;
97
+ type: "radial-gradient";
98
+ blendMode: string;
99
+ colors: {
100
+ position: number;
101
+ id: string;
102
+ value: string;
103
+ }[];
104
+ angle: number;
105
+ diameter: number;
106
+ }, {
107
+ center: [number, number];
108
+ id: string;
109
+ type: "radial-gradient";
110
+ blendMode: string;
111
+ colors: {
112
+ position: number;
113
+ id: string;
114
+ value: string;
115
+ }[];
116
+ angle: number;
117
+ diameter: number;
118
+ }>, z.ZodObject<{
119
+ id: z.ZodString;
120
+ type: z.ZodLiteral<"conic-gradient">;
121
+ colors: z.ZodArray<z.ZodObject<{
122
+ id: z.ZodString;
123
+ value: z.ZodString;
124
+ position: z.ZodNumber;
125
+ }, "strip", z.ZodTypeAny, {
126
+ position: number;
127
+ id: string;
128
+ value: string;
129
+ }, {
130
+ position: number;
131
+ id: string;
132
+ value: string;
133
+ }>, "many">;
134
+ center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
135
+ angle: z.ZodNumber;
136
+ blendMode: z.ZodString;
137
+ }, "strip", z.ZodTypeAny, {
138
+ center: [number, number];
139
+ id: string;
140
+ type: "conic-gradient";
141
+ blendMode: string;
142
+ colors: {
143
+ position: number;
144
+ id: string;
145
+ value: string;
146
+ }[];
147
+ angle: number;
148
+ }, {
149
+ center: [number, number];
150
+ id: string;
151
+ type: "conic-gradient";
152
+ blendMode: string;
153
+ colors: {
154
+ position: number;
155
+ id: string;
156
+ value: string;
157
+ }[];
158
+ angle: number;
159
+ }>, z.ZodObject<{
160
+ id: z.ZodString;
161
+ type: z.ZodLiteral<"image">;
162
+ src: z.ZodString;
163
+ behavior: z.ZodString;
164
+ backgroundSize: z.ZodNumber;
165
+ opacity: z.ZodNumber;
166
+ blendMode: z.ZodString;
167
+ rotation: z.ZodOptional<z.ZodNumber>;
168
+ }, "strip", z.ZodTypeAny, {
169
+ opacity: number;
170
+ id: string;
171
+ type: "image";
172
+ blendMode: string;
173
+ src: string;
174
+ behavior: string;
175
+ backgroundSize: number;
176
+ rotation?: number | undefined;
177
+ }, {
178
+ opacity: number;
179
+ id: string;
180
+ type: "image";
181
+ blendMode: string;
182
+ src: string;
183
+ behavior: string;
184
+ backgroundSize: number;
185
+ rotation?: number | undefined;
186
+ }>]>;
package/dist/sdk.css ADDED
@@ -0,0 +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__mirror___brd6U{transform:translate(-50%,-50%) scaleX(-1)!important}.ControlSlider-module__arrowVertical___tBfVN.ControlSlider-module__mirror___brd6U{transform:translate(-50%,-50%) scaleY(-1)!important}.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-property:opacity;transition-timing-function:ease-in-out;position:absolute;display:inline-block;white-space:pre-wrap;overflow-wrap:break-word;opacity:0}.ControlSlider-module__captionText___uGBVc.ControlSlider-module__active___WZK4G{opacity:1}.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}.ImageRevealSlider-module__imageRevealSlider___UE5Ob{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ImageRevealSlider-module__image___Qjt-e{width:100%;height:100%;object-fit:cover;position:relative;-webkit-user-select:none;user-select:none;pointer-events:none}.ImageRevealSlider-module__link___N-iLG{width:100%;height:100%;display:block}
@@ -0,0 +1,7 @@
1
+ import { Section } from './Section';
2
+ import { Interaction } from './Interaction';
3
+ export interface Article {
4
+ id: string;
5
+ sections: Section[];
6
+ interactions: Record<string, Interaction[]>;
7
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,13 @@
1
+ export declare enum ArticleItemType {
2
+ Image = "image",
3
+ RichText = "richtext",
4
+ Video = "video",
5
+ Rectangle = "rectangle",
6
+ VimeoEmbed = "vimeo-embed",
7
+ YoutubeEmbed = "youtube-embed",
8
+ Custom = "custom",
9
+ Group = "group",
10
+ CodeEmbed = "code-embed",
11
+ Compound = "compound",
12
+ Component = "component"
13
+ }