@cntrl-site/sdk 1.21.1 → 1.22.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.
- package/dist/Components/ControlSlider/ControlSlider.d.ts +1 -0
- package/dist/Components/ControlSlider/ControlSliderComponent.d.ts +5 -0
- package/dist/index.js +35 -14
- package/dist/index.mjs +35 -14
- package/dist/schemas/article/Article.schema.d.ts +6 -6
- package/dist/schemas/article/Article.schema.js +1 -1
- package/dist/schemas/article/Item.schema.js +9 -9
- package/dist/schemas/article/RichTextItem.schema.d.ts +6 -6
- package/dist/schemas/article/RichTextItem.schema.js +1 -1
- package/dist/sdk.css +1 -1
- package/dist/types/article/Article.d.ts +1 -1
- package/dist/types/article/ItemState.d.ts +1 -2
- package/package.json +1 -1
|
@@ -288,6 +288,10 @@ export declare const ControlSliderComponent: {
|
|
|
288
288
|
name: {
|
|
289
289
|
type: string;
|
|
290
290
|
};
|
|
291
|
+
objectFit: {
|
|
292
|
+
type: string;
|
|
293
|
+
enum: string[];
|
|
294
|
+
};
|
|
291
295
|
};
|
|
292
296
|
required: string[];
|
|
293
297
|
};
|
|
@@ -314,6 +318,7 @@ export declare const ControlSliderComponent: {
|
|
|
314
318
|
};
|
|
315
319
|
default: {
|
|
316
320
|
image: {
|
|
321
|
+
objectFit: string;
|
|
317
322
|
url: string;
|
|
318
323
|
name: string;
|
|
319
324
|
};
|
package/dist/index.js
CHANGED
|
@@ -248,7 +248,7 @@ const RichTextItemSchema = ItemBaseSchema.extend({
|
|
|
248
248
|
isDraggable: zod.z.boolean().optional()
|
|
249
249
|
})
|
|
250
250
|
),
|
|
251
|
-
state: zod.z.record(
|
|
251
|
+
state: zod.z.record(RichTextStateParamsSchema)
|
|
252
252
|
});
|
|
253
253
|
const pointerEvents = zod.z.enum(["never", "when_visible", "always"]).optional();
|
|
254
254
|
const FXControlSchema = zod.z.discriminatedUnion("type", [
|
|
@@ -295,7 +295,7 @@ const ImageItemSchema = ItemBaseSchema.extend({
|
|
|
295
295
|
isDraggable: zod.z.boolean().optional()
|
|
296
296
|
})
|
|
297
297
|
),
|
|
298
|
-
state: zod.z.record(
|
|
298
|
+
state: zod.z.record(MediaStateParamsSchema)
|
|
299
299
|
});
|
|
300
300
|
const VideoItemSchema = ItemBaseSchema.extend({
|
|
301
301
|
type: zod.z.literal(ArticleItemType.Video),
|
|
@@ -324,7 +324,7 @@ const VideoItemSchema = ItemBaseSchema.extend({
|
|
|
324
324
|
isDraggable: zod.z.boolean().optional()
|
|
325
325
|
})
|
|
326
326
|
),
|
|
327
|
-
state: zod.z.record(
|
|
327
|
+
state: zod.z.record(MediaStateParamsSchema)
|
|
328
328
|
});
|
|
329
329
|
const RectangleItemSchema = ItemBaseSchema.extend({
|
|
330
330
|
type: zod.z.literal(ArticleItemType.Rectangle),
|
|
@@ -350,7 +350,7 @@ const RectangleItemSchema = ItemBaseSchema.extend({
|
|
|
350
350
|
isDraggable: zod.z.boolean().optional()
|
|
351
351
|
})
|
|
352
352
|
),
|
|
353
|
-
state: zod.z.record(
|
|
353
|
+
state: zod.z.record(RectangleStateParamsSchema)
|
|
354
354
|
});
|
|
355
355
|
const CustomItemSchema = ItemBaseSchema.extend({
|
|
356
356
|
type: zod.z.literal(ArticleItemType.Custom),
|
|
@@ -367,7 +367,7 @@ const CustomItemSchema = ItemBaseSchema.extend({
|
|
|
367
367
|
layoutParams: zod.z.record(zod.z.object({
|
|
368
368
|
isDraggable: zod.z.boolean().optional()
|
|
369
369
|
})),
|
|
370
|
-
state: zod.z.record(
|
|
370
|
+
state: zod.z.record(CustomItemStateParamsSchema)
|
|
371
371
|
});
|
|
372
372
|
const VimeoEmbedItemSchema = ItemBaseSchema.extend({
|
|
373
373
|
type: zod.z.literal(ArticleItemType.VimeoEmbed),
|
|
@@ -395,7 +395,7 @@ const VimeoEmbedItemSchema = ItemBaseSchema.extend({
|
|
|
395
395
|
opacity: zod.z.number().nonnegative()
|
|
396
396
|
})
|
|
397
397
|
),
|
|
398
|
-
state: zod.z.record(
|
|
398
|
+
state: zod.z.record(EmbedStateParamsSchema)
|
|
399
399
|
});
|
|
400
400
|
const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
|
|
401
401
|
type: zod.z.literal(ArticleItemType.YoutubeEmbed),
|
|
@@ -420,7 +420,7 @@ const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
|
|
|
420
420
|
opacity: zod.z.number().nonnegative()
|
|
421
421
|
})
|
|
422
422
|
),
|
|
423
|
-
state: zod.z.record(
|
|
423
|
+
state: zod.z.record(EmbedStateParamsSchema)
|
|
424
424
|
});
|
|
425
425
|
const CodeEmbedItemSchema = ItemBaseSchema.extend({
|
|
426
426
|
type: zod.z.literal(ArticleItemType.CodeEmbed),
|
|
@@ -444,7 +444,7 @@ const CodeEmbedItemSchema = ItemBaseSchema.extend({
|
|
|
444
444
|
isDraggable: zod.z.boolean().optional()
|
|
445
445
|
})
|
|
446
446
|
),
|
|
447
|
-
state: zod.z.record(
|
|
447
|
+
state: zod.z.record(CodeEmbedStateParamsSchema)
|
|
448
448
|
});
|
|
449
449
|
const ComponentItemSchema = ItemBaseSchema.extend({
|
|
450
450
|
type: zod.z.literal(ArticleItemType.Component),
|
|
@@ -493,7 +493,7 @@ const ItemSchema = zod.z.lazy(() => zod.z.discriminatedUnion("type", [
|
|
|
493
493
|
blur: zod.z.number()
|
|
494
494
|
})
|
|
495
495
|
),
|
|
496
|
-
state: zod.z.record(
|
|
496
|
+
state: zod.z.record(GroupStateParamsSchema)
|
|
497
497
|
}),
|
|
498
498
|
ItemBaseSchema.extend({
|
|
499
499
|
type: zod.z.literal(ArticleItemType.Compound),
|
|
@@ -513,7 +513,7 @@ const ItemSchema = zod.z.lazy(() => zod.z.discriminatedUnion("type", [
|
|
|
513
513
|
opacity: zod.z.number().nonnegative()
|
|
514
514
|
})
|
|
515
515
|
),
|
|
516
|
-
state: zod.z.record(
|
|
516
|
+
state: zod.z.record(CompoundStateParamsSchema)
|
|
517
517
|
})
|
|
518
518
|
]));
|
|
519
519
|
const SectionHeightSchema = zod.z.object({
|
|
@@ -559,7 +559,7 @@ const InteractionSchema = zod.z.object({
|
|
|
559
559
|
const ArticleSchema = zod.z.object({
|
|
560
560
|
id: zod.z.string().min(1),
|
|
561
561
|
sections: zod.z.array(SectionSchema),
|
|
562
|
-
interactions: zod.z.array(InteractionSchema)
|
|
562
|
+
interactions: zod.z.record(zod.z.array(InteractionSchema))
|
|
563
563
|
});
|
|
564
564
|
const LayoutSchema = zod.z.object({
|
|
565
565
|
id: zod.z.string(),
|
|
@@ -1253,6 +1253,8 @@ const bottomLeftAlignment = "ControlSlider-module__bottomLeftAlignment___cTP2-";
|
|
|
1253
1253
|
const bottomCenterAlignment = "ControlSlider-module__bottomCenterAlignment___c54fB";
|
|
1254
1254
|
const bottomRightAlignment = "ControlSlider-module__bottomRightAlignment___kEwrz";
|
|
1255
1255
|
const clickOverlay = "ControlSlider-module__clickOverlay___DZA28";
|
|
1256
|
+
const contain = "ControlSlider-module__contain___pLyq7";
|
|
1257
|
+
const cover = "ControlSlider-module__cover___KdDat";
|
|
1256
1258
|
const styles$2 = {
|
|
1257
1259
|
wrapper,
|
|
1258
1260
|
sliderItem,
|
|
@@ -1291,7 +1293,9 @@ const styles$2 = {
|
|
|
1291
1293
|
bottomLeftAlignment,
|
|
1292
1294
|
bottomCenterAlignment,
|
|
1293
1295
|
bottomRightAlignment,
|
|
1294
|
-
clickOverlay
|
|
1296
|
+
clickOverlay,
|
|
1297
|
+
contain,
|
|
1298
|
+
cover
|
|
1295
1299
|
};
|
|
1296
1300
|
const link = "RichTextRenderer-module__link___BWeZ2";
|
|
1297
1301
|
const styles$1 = {
|
|
@@ -1478,7 +1482,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1478
1482
|
"div",
|
|
1479
1483
|
{
|
|
1480
1484
|
className: styles$2.imgWrapper,
|
|
1481
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1485
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1486
|
+
"img",
|
|
1487
|
+
{
|
|
1488
|
+
className: cn(styles$2.sliderImage, {
|
|
1489
|
+
[styles$2.contain]: item.image.objectFit === "contain",
|
|
1490
|
+
[styles$2.cover]: item.image.objectFit === "cover"
|
|
1491
|
+
}),
|
|
1492
|
+
src: item.image.url,
|
|
1493
|
+
alt: item.image.name ?? ""
|
|
1494
|
+
}
|
|
1495
|
+
)
|
|
1482
1496
|
}
|
|
1483
1497
|
)
|
|
1484
1498
|
}
|
|
@@ -1854,7 +1868,7 @@ const ControlSliderComponent = {
|
|
|
1854
1868
|
isActive: true,
|
|
1855
1869
|
arrowsImgUrl: null,
|
|
1856
1870
|
offset: {
|
|
1857
|
-
x: 0,
|
|
1871
|
+
x: -0.0277,
|
|
1858
1872
|
y: 0
|
|
1859
1873
|
},
|
|
1860
1874
|
scale: 100,
|
|
@@ -1913,6 +1927,10 @@ const ControlSliderComponent = {
|
|
|
1913
1927
|
},
|
|
1914
1928
|
name: {
|
|
1915
1929
|
type: "string"
|
|
1930
|
+
},
|
|
1931
|
+
objectFit: {
|
|
1932
|
+
type: "string",
|
|
1933
|
+
enum: ["cover", "contain"]
|
|
1916
1934
|
}
|
|
1917
1935
|
},
|
|
1918
1936
|
required: ["url", "name"]
|
|
@@ -1941,6 +1959,7 @@ const ControlSliderComponent = {
|
|
|
1941
1959
|
default: [
|
|
1942
1960
|
{
|
|
1943
1961
|
image: {
|
|
1962
|
+
objectFit: "cover",
|
|
1944
1963
|
url: "https://cdn.cntrl.site/projects/01GJ2SMPPCQ7JSNGVXZ2DHWXWF/articles-assets/01JRZ15T247392621FNTTRCW9D.jpeg",
|
|
1945
1964
|
name: "Slider-1.jpeg"
|
|
1946
1965
|
},
|
|
@@ -1953,6 +1972,7 @@ const ControlSliderComponent = {
|
|
|
1953
1972
|
},
|
|
1954
1973
|
{
|
|
1955
1974
|
image: {
|
|
1975
|
+
objectFit: "cover",
|
|
1956
1976
|
url: "https://cdn.cntrl.site/projects/01GJ2SMPPCQ7JSNGVXZ2DHWXWF/articles-assets/01JRZ17S8TS9T62P7NKTNNEB64.jpeg",
|
|
1957
1977
|
name: "Slider-2.jpeg"
|
|
1958
1978
|
},
|
|
@@ -1965,6 +1985,7 @@ const ControlSliderComponent = {
|
|
|
1965
1985
|
},
|
|
1966
1986
|
{
|
|
1967
1987
|
image: {
|
|
1988
|
+
objectFit: "cover",
|
|
1968
1989
|
url: "https://cdn.cntrl.site/projects/01GJ2SMPPCQ7JSNGVXZ2DHWXWF/articles-assets/01JRZ197S89RNT6RA7ZJSX3Z38.jpeg",
|
|
1969
1990
|
name: "Slider-3.jpeg"
|
|
1970
1991
|
},
|
package/dist/index.mjs
CHANGED
|
@@ -229,7 +229,7 @@ const RichTextItemSchema = ItemBaseSchema.extend({
|
|
|
229
229
|
isDraggable: z.boolean().optional()
|
|
230
230
|
})
|
|
231
231
|
),
|
|
232
|
-
state: z.record(
|
|
232
|
+
state: z.record(RichTextStateParamsSchema)
|
|
233
233
|
});
|
|
234
234
|
const pointerEvents = z.enum(["never", "when_visible", "always"]).optional();
|
|
235
235
|
const FXControlSchema = z.discriminatedUnion("type", [
|
|
@@ -276,7 +276,7 @@ const ImageItemSchema = ItemBaseSchema.extend({
|
|
|
276
276
|
isDraggable: z.boolean().optional()
|
|
277
277
|
})
|
|
278
278
|
),
|
|
279
|
-
state: z.record(
|
|
279
|
+
state: z.record(MediaStateParamsSchema)
|
|
280
280
|
});
|
|
281
281
|
const VideoItemSchema = ItemBaseSchema.extend({
|
|
282
282
|
type: z.literal(ArticleItemType.Video),
|
|
@@ -305,7 +305,7 @@ const VideoItemSchema = ItemBaseSchema.extend({
|
|
|
305
305
|
isDraggable: z.boolean().optional()
|
|
306
306
|
})
|
|
307
307
|
),
|
|
308
|
-
state: z.record(
|
|
308
|
+
state: z.record(MediaStateParamsSchema)
|
|
309
309
|
});
|
|
310
310
|
const RectangleItemSchema = ItemBaseSchema.extend({
|
|
311
311
|
type: z.literal(ArticleItemType.Rectangle),
|
|
@@ -331,7 +331,7 @@ const RectangleItemSchema = ItemBaseSchema.extend({
|
|
|
331
331
|
isDraggable: z.boolean().optional()
|
|
332
332
|
})
|
|
333
333
|
),
|
|
334
|
-
state: z.record(
|
|
334
|
+
state: z.record(RectangleStateParamsSchema)
|
|
335
335
|
});
|
|
336
336
|
const CustomItemSchema = ItemBaseSchema.extend({
|
|
337
337
|
type: z.literal(ArticleItemType.Custom),
|
|
@@ -348,7 +348,7 @@ const CustomItemSchema = ItemBaseSchema.extend({
|
|
|
348
348
|
layoutParams: z.record(z.object({
|
|
349
349
|
isDraggable: z.boolean().optional()
|
|
350
350
|
})),
|
|
351
|
-
state: z.record(
|
|
351
|
+
state: z.record(CustomItemStateParamsSchema)
|
|
352
352
|
});
|
|
353
353
|
const VimeoEmbedItemSchema = ItemBaseSchema.extend({
|
|
354
354
|
type: z.literal(ArticleItemType.VimeoEmbed),
|
|
@@ -376,7 +376,7 @@ const VimeoEmbedItemSchema = ItemBaseSchema.extend({
|
|
|
376
376
|
opacity: z.number().nonnegative()
|
|
377
377
|
})
|
|
378
378
|
),
|
|
379
|
-
state: z.record(
|
|
379
|
+
state: z.record(EmbedStateParamsSchema)
|
|
380
380
|
});
|
|
381
381
|
const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
|
|
382
382
|
type: z.literal(ArticleItemType.YoutubeEmbed),
|
|
@@ -401,7 +401,7 @@ const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
|
|
|
401
401
|
opacity: z.number().nonnegative()
|
|
402
402
|
})
|
|
403
403
|
),
|
|
404
|
-
state: z.record(
|
|
404
|
+
state: z.record(EmbedStateParamsSchema)
|
|
405
405
|
});
|
|
406
406
|
const CodeEmbedItemSchema = ItemBaseSchema.extend({
|
|
407
407
|
type: z.literal(ArticleItemType.CodeEmbed),
|
|
@@ -425,7 +425,7 @@ const CodeEmbedItemSchema = ItemBaseSchema.extend({
|
|
|
425
425
|
isDraggable: z.boolean().optional()
|
|
426
426
|
})
|
|
427
427
|
),
|
|
428
|
-
state: z.record(
|
|
428
|
+
state: z.record(CodeEmbedStateParamsSchema)
|
|
429
429
|
});
|
|
430
430
|
const ComponentItemSchema = ItemBaseSchema.extend({
|
|
431
431
|
type: z.literal(ArticleItemType.Component),
|
|
@@ -474,7 +474,7 @@ const ItemSchema = z.lazy(() => z.discriminatedUnion("type", [
|
|
|
474
474
|
blur: z.number()
|
|
475
475
|
})
|
|
476
476
|
),
|
|
477
|
-
state: z.record(
|
|
477
|
+
state: z.record(GroupStateParamsSchema)
|
|
478
478
|
}),
|
|
479
479
|
ItemBaseSchema.extend({
|
|
480
480
|
type: z.literal(ArticleItemType.Compound),
|
|
@@ -494,7 +494,7 @@ const ItemSchema = z.lazy(() => z.discriminatedUnion("type", [
|
|
|
494
494
|
opacity: z.number().nonnegative()
|
|
495
495
|
})
|
|
496
496
|
),
|
|
497
|
-
state: z.record(
|
|
497
|
+
state: z.record(CompoundStateParamsSchema)
|
|
498
498
|
})
|
|
499
499
|
]));
|
|
500
500
|
const SectionHeightSchema = z.object({
|
|
@@ -540,7 +540,7 @@ const InteractionSchema = z.object({
|
|
|
540
540
|
const ArticleSchema = z.object({
|
|
541
541
|
id: z.string().min(1),
|
|
542
542
|
sections: z.array(SectionSchema),
|
|
543
|
-
interactions: z.array(InteractionSchema)
|
|
543
|
+
interactions: z.record(z.array(InteractionSchema))
|
|
544
544
|
});
|
|
545
545
|
const LayoutSchema = z.object({
|
|
546
546
|
id: z.string(),
|
|
@@ -1234,6 +1234,8 @@ const bottomLeftAlignment = "ControlSlider-module__bottomLeftAlignment___cTP2-";
|
|
|
1234
1234
|
const bottomCenterAlignment = "ControlSlider-module__bottomCenterAlignment___c54fB";
|
|
1235
1235
|
const bottomRightAlignment = "ControlSlider-module__bottomRightAlignment___kEwrz";
|
|
1236
1236
|
const clickOverlay = "ControlSlider-module__clickOverlay___DZA28";
|
|
1237
|
+
const contain = "ControlSlider-module__contain___pLyq7";
|
|
1238
|
+
const cover = "ControlSlider-module__cover___KdDat";
|
|
1237
1239
|
const styles$2 = {
|
|
1238
1240
|
wrapper,
|
|
1239
1241
|
sliderItem,
|
|
@@ -1272,7 +1274,9 @@ const styles$2 = {
|
|
|
1272
1274
|
bottomLeftAlignment,
|
|
1273
1275
|
bottomCenterAlignment,
|
|
1274
1276
|
bottomRightAlignment,
|
|
1275
|
-
clickOverlay
|
|
1277
|
+
clickOverlay,
|
|
1278
|
+
contain,
|
|
1279
|
+
cover
|
|
1276
1280
|
};
|
|
1277
1281
|
const link = "RichTextRenderer-module__link___BWeZ2";
|
|
1278
1282
|
const styles$1 = {
|
|
@@ -1459,7 +1463,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1459
1463
|
"div",
|
|
1460
1464
|
{
|
|
1461
1465
|
className: styles$2.imgWrapper,
|
|
1462
|
-
children: /* @__PURE__ */ jsx(
|
|
1466
|
+
children: /* @__PURE__ */ jsx(
|
|
1467
|
+
"img",
|
|
1468
|
+
{
|
|
1469
|
+
className: cn(styles$2.sliderImage, {
|
|
1470
|
+
[styles$2.contain]: item.image.objectFit === "contain",
|
|
1471
|
+
[styles$2.cover]: item.image.objectFit === "cover"
|
|
1472
|
+
}),
|
|
1473
|
+
src: item.image.url,
|
|
1474
|
+
alt: item.image.name ?? ""
|
|
1475
|
+
}
|
|
1476
|
+
)
|
|
1463
1477
|
}
|
|
1464
1478
|
)
|
|
1465
1479
|
}
|
|
@@ -1835,7 +1849,7 @@ const ControlSliderComponent = {
|
|
|
1835
1849
|
isActive: true,
|
|
1836
1850
|
arrowsImgUrl: null,
|
|
1837
1851
|
offset: {
|
|
1838
|
-
x: 0,
|
|
1852
|
+
x: -0.0277,
|
|
1839
1853
|
y: 0
|
|
1840
1854
|
},
|
|
1841
1855
|
scale: 100,
|
|
@@ -1894,6 +1908,10 @@ const ControlSliderComponent = {
|
|
|
1894
1908
|
},
|
|
1895
1909
|
name: {
|
|
1896
1910
|
type: "string"
|
|
1911
|
+
},
|
|
1912
|
+
objectFit: {
|
|
1913
|
+
type: "string",
|
|
1914
|
+
enum: ["cover", "contain"]
|
|
1897
1915
|
}
|
|
1898
1916
|
},
|
|
1899
1917
|
required: ["url", "name"]
|
|
@@ -1922,6 +1940,7 @@ const ControlSliderComponent = {
|
|
|
1922
1940
|
default: [
|
|
1923
1941
|
{
|
|
1924
1942
|
image: {
|
|
1943
|
+
objectFit: "cover",
|
|
1925
1944
|
url: "https://cdn.cntrl.site/projects/01GJ2SMPPCQ7JSNGVXZ2DHWXWF/articles-assets/01JRZ15T247392621FNTTRCW9D.jpeg",
|
|
1926
1945
|
name: "Slider-1.jpeg"
|
|
1927
1946
|
},
|
|
@@ -1934,6 +1953,7 @@ const ControlSliderComponent = {
|
|
|
1934
1953
|
},
|
|
1935
1954
|
{
|
|
1936
1955
|
image: {
|
|
1956
|
+
objectFit: "cover",
|
|
1937
1957
|
url: "https://cdn.cntrl.site/projects/01GJ2SMPPCQ7JSNGVXZ2DHWXWF/articles-assets/01JRZ17S8TS9T62P7NKTNNEB64.jpeg",
|
|
1938
1958
|
name: "Slider-2.jpeg"
|
|
1939
1959
|
},
|
|
@@ -1946,6 +1966,7 @@ const ControlSliderComponent = {
|
|
|
1946
1966
|
},
|
|
1947
1967
|
{
|
|
1948
1968
|
image: {
|
|
1969
|
+
objectFit: "cover",
|
|
1949
1970
|
url: "https://cdn.cntrl.site/projects/01GJ2SMPPCQ7JSNGVXZ2DHWXWF/articles-assets/01JRZ197S89RNT6RA7ZJSX3Z38.jpeg",
|
|
1950
1971
|
name: "Slider-3.jpeg"
|
|
1951
1972
|
},
|
|
@@ -74,7 +74,7 @@ export declare const ArticleSchema: z.ZodObject<{
|
|
|
74
74
|
offsetX: number | null;
|
|
75
75
|
}> | undefined;
|
|
76
76
|
}>, "many">;
|
|
77
|
-
interactions: z.ZodArray<z.ZodObject<{
|
|
77
|
+
interactions: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
|
|
78
78
|
id: z.ZodString;
|
|
79
79
|
triggers: z.ZodArray<z.ZodObject<{
|
|
80
80
|
itemId: z.ZodString;
|
|
@@ -150,7 +150,7 @@ export declare const ArticleSchema: z.ZodObject<{
|
|
|
150
150
|
}[] | undefined;
|
|
151
151
|
}[];
|
|
152
152
|
startStateId: string;
|
|
153
|
-
}>, "many"
|
|
153
|
+
}>, "many">>;
|
|
154
154
|
}, "strip", z.ZodTypeAny, {
|
|
155
155
|
id: string;
|
|
156
156
|
sections: {
|
|
@@ -172,7 +172,7 @@ export declare const ArticleSchema: z.ZodObject<{
|
|
|
172
172
|
offsetX: number | null;
|
|
173
173
|
}> | undefined;
|
|
174
174
|
}[];
|
|
175
|
-
interactions: {
|
|
175
|
+
interactions: Record<string, {
|
|
176
176
|
id: string;
|
|
177
177
|
triggers: {
|
|
178
178
|
type: "hover-in" | "hover-out" | "click";
|
|
@@ -188,7 +188,7 @@ export declare const ArticleSchema: z.ZodObject<{
|
|
|
188
188
|
}[] | undefined;
|
|
189
189
|
}[];
|
|
190
190
|
startStateId: string;
|
|
191
|
-
}[]
|
|
191
|
+
}[]>;
|
|
192
192
|
}, {
|
|
193
193
|
id: string;
|
|
194
194
|
sections: {
|
|
@@ -210,7 +210,7 @@ export declare const ArticleSchema: z.ZodObject<{
|
|
|
210
210
|
offsetX: number | null;
|
|
211
211
|
}> | undefined;
|
|
212
212
|
}[];
|
|
213
|
-
interactions: {
|
|
213
|
+
interactions: Record<string, {
|
|
214
214
|
id: string;
|
|
215
215
|
triggers: {
|
|
216
216
|
type: "hover-in" | "hover-out" | "click";
|
|
@@ -226,5 +226,5 @@ export declare const ArticleSchema: z.ZodObject<{
|
|
|
226
226
|
}[] | undefined;
|
|
227
227
|
}[];
|
|
228
228
|
startStateId: string;
|
|
229
|
-
}[]
|
|
229
|
+
}[]>;
|
|
230
230
|
}>;
|
|
@@ -7,5 +7,5 @@ const Interaction_schema_1 = require("./Interaction.schema");
|
|
|
7
7
|
exports.ArticleSchema = zod_1.z.object({
|
|
8
8
|
id: zod_1.z.string().min(1),
|
|
9
9
|
sections: zod_1.z.array(Section_schema_1.SectionSchema),
|
|
10
|
-
interactions: zod_1.z.array(Interaction_schema_1.InteractionSchema)
|
|
10
|
+
interactions: zod_1.z.record(zod_1.z.array(Interaction_schema_1.InteractionSchema))
|
|
11
11
|
});
|
|
@@ -48,7 +48,7 @@ const ImageItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
48
48
|
blur: zod_1.z.number(),
|
|
49
49
|
isDraggable: zod_1.z.boolean().optional()
|
|
50
50
|
})),
|
|
51
|
-
state: zod_1.z.record(
|
|
51
|
+
state: zod_1.z.record(ItemState_schema_1.MediaStateParamsSchema)
|
|
52
52
|
});
|
|
53
53
|
const VideoItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
54
54
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Video),
|
|
@@ -73,7 +73,7 @@ const VideoItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
73
73
|
blur: zod_1.z.number(),
|
|
74
74
|
isDraggable: zod_1.z.boolean().optional()
|
|
75
75
|
})),
|
|
76
|
-
state: zod_1.z.record(
|
|
76
|
+
state: zod_1.z.record(ItemState_schema_1.MediaStateParamsSchema)
|
|
77
77
|
});
|
|
78
78
|
const RectangleItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
79
79
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Rectangle),
|
|
@@ -95,7 +95,7 @@ const RectangleItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
95
95
|
blurMode: zod_1.z.enum(['default', 'backdrop']),
|
|
96
96
|
isDraggable: zod_1.z.boolean().optional()
|
|
97
97
|
})),
|
|
98
|
-
state: zod_1.z.record(
|
|
98
|
+
state: zod_1.z.record(ItemState_schema_1.RectangleStateParamsSchema)
|
|
99
99
|
});
|
|
100
100
|
const CustomItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
101
101
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Custom),
|
|
@@ -110,7 +110,7 @@ const CustomItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
110
110
|
layoutParams: zod_1.z.record(zod_1.z.object({
|
|
111
111
|
isDraggable: zod_1.z.boolean().optional()
|
|
112
112
|
})),
|
|
113
|
-
state: zod_1.z.record(
|
|
113
|
+
state: zod_1.z.record(ItemState_schema_1.CustomItemStateParamsSchema)
|
|
114
114
|
});
|
|
115
115
|
const VimeoEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
116
116
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.VimeoEmbed),
|
|
@@ -134,7 +134,7 @@ const VimeoEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
134
134
|
blur: zod_1.z.number(),
|
|
135
135
|
opacity: zod_1.z.number().nonnegative()
|
|
136
136
|
})),
|
|
137
|
-
state: zod_1.z.record(
|
|
137
|
+
state: zod_1.z.record(ItemState_schema_1.EmbedStateParamsSchema)
|
|
138
138
|
});
|
|
139
139
|
const YoutubeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
140
140
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.YoutubeEmbed),
|
|
@@ -155,7 +155,7 @@ const YoutubeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
155
155
|
blur: zod_1.z.number(),
|
|
156
156
|
opacity: zod_1.z.number().nonnegative()
|
|
157
157
|
})),
|
|
158
|
-
state: zod_1.z.record(
|
|
158
|
+
state: zod_1.z.record(ItemState_schema_1.EmbedStateParamsSchema)
|
|
159
159
|
});
|
|
160
160
|
const CodeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
161
161
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.CodeEmbed),
|
|
@@ -175,7 +175,7 @@ const CodeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
175
175
|
blur: zod_1.z.number(),
|
|
176
176
|
isDraggable: zod_1.z.boolean().optional()
|
|
177
177
|
})),
|
|
178
|
-
state: zod_1.z.record(
|
|
178
|
+
state: zod_1.z.record(ItemState_schema_1.CodeEmbedStateParamsSchema)
|
|
179
179
|
});
|
|
180
180
|
const ComponentItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
181
181
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Component),
|
|
@@ -218,7 +218,7 @@ exports.ItemSchema = zod_1.z.lazy(() => zod_1.z.discriminatedUnion('type', [
|
|
|
218
218
|
opacity: zod_1.z.number().nonnegative(),
|
|
219
219
|
blur: zod_1.z.number()
|
|
220
220
|
})),
|
|
221
|
-
state: zod_1.z.record(
|
|
221
|
+
state: zod_1.z.record(ItemState_schema_1.GroupStateParamsSchema)
|
|
222
222
|
}),
|
|
223
223
|
ItemBase_schema_1.ItemBaseSchema.extend({
|
|
224
224
|
type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Compound),
|
|
@@ -234,6 +234,6 @@ exports.ItemSchema = zod_1.z.lazy(() => zod_1.z.discriminatedUnion('type', [
|
|
|
234
234
|
layoutParams: zod_1.z.record(zod_1.z.object({
|
|
235
235
|
opacity: zod_1.z.number().nonnegative()
|
|
236
236
|
})),
|
|
237
|
-
state: zod_1.z.record(
|
|
237
|
+
state: zod_1.z.record(ItemState_schema_1.CompoundStateParamsSchema)
|
|
238
238
|
})
|
|
239
239
|
]));
|
|
@@ -195,7 +195,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
|
|
|
195
195
|
}[] | undefined;
|
|
196
196
|
isDraggable?: boolean | undefined;
|
|
197
197
|
}>>;
|
|
198
|
-
state: z.ZodRecord<z.ZodString, z.
|
|
198
|
+
state: z.ZodRecord<z.ZodString, z.ZodObject<{
|
|
199
199
|
color: z.ZodOptional<z.ZodObject<{
|
|
200
200
|
value: z.ZodString;
|
|
201
201
|
in: z.ZodObject<{
|
|
@@ -988,7 +988,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
|
|
|
988
988
|
delay: number;
|
|
989
989
|
};
|
|
990
990
|
} | undefined;
|
|
991
|
-
}
|
|
991
|
+
}>>;
|
|
992
992
|
}, "strip", z.ZodTypeAny, {
|
|
993
993
|
hidden: Record<string, boolean>;
|
|
994
994
|
type: ArticleItemType.RichText;
|
|
@@ -1037,7 +1037,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
|
|
|
1037
1037
|
from: number;
|
|
1038
1038
|
to?: number | undefined;
|
|
1039
1039
|
} | null>;
|
|
1040
|
-
state: Record<string,
|
|
1040
|
+
state: Record<string, {
|
|
1041
1041
|
color?: {
|
|
1042
1042
|
value: string;
|
|
1043
1043
|
in: {
|
|
@@ -1168,7 +1168,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
|
|
|
1168
1168
|
delay: number;
|
|
1169
1169
|
};
|
|
1170
1170
|
} | undefined;
|
|
1171
|
-
}
|
|
1171
|
+
}>;
|
|
1172
1172
|
link?: {
|
|
1173
1173
|
url: string;
|
|
1174
1174
|
target: string;
|
|
@@ -1226,7 +1226,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
|
|
|
1226
1226
|
from: number;
|
|
1227
1227
|
to?: number | undefined;
|
|
1228
1228
|
} | null>;
|
|
1229
|
-
state: Record<string,
|
|
1229
|
+
state: Record<string, {
|
|
1230
1230
|
color?: {
|
|
1231
1231
|
value: string;
|
|
1232
1232
|
in: {
|
|
@@ -1357,7 +1357,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
|
|
|
1357
1357
|
delay: number;
|
|
1358
1358
|
};
|
|
1359
1359
|
} | undefined;
|
|
1360
|
-
}
|
|
1360
|
+
}>;
|
|
1361
1361
|
link?: {
|
|
1362
1362
|
url: string;
|
|
1363
1363
|
target: string;
|
|
@@ -56,5 +56,5 @@ exports.RichTextItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
|
|
|
56
56
|
fontVariant: zod_1.z.string(),
|
|
57
57
|
isDraggable: zod_1.z.boolean().optional()
|
|
58
58
|
})),
|
|
59
|
-
state: zod_1.z.record(
|
|
59
|
+
state: zod_1.z.record(ItemState_schema_1.RichTextStateParamsSchema)
|
|
60
60
|
});
|
package/dist/sdk.css
CHANGED
|
@@ -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:0;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:0;transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___-30Yc{left:unset;right:0;transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___-30Yc.ControlSlider-module__arrowVertical___tBfVN{left:50%;right:unset;top:unset;bottom:0;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{stroke: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:stroke .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}@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:0;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:0;transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___-30Yc{left:unset;right:0;transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___-30Yc.ControlSlider-module__arrowVertical___tBfVN{left:50%;right:unset;top:unset;bottom:0;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{stroke: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:stroke .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,7 +1,6 @@
|
|
|
1
1
|
import { ArticleItemType } from './ArticleItemType';
|
|
2
|
-
type LayoutId = string;
|
|
3
2
|
type StateId = string;
|
|
4
|
-
export type ItemState<T extends ArticleItemType> = Record<
|
|
3
|
+
export type ItemState<T extends ArticleItemType> = Record<StateId, ItemStatesMap[T]>;
|
|
5
4
|
export type ItemStateParams = ItemStatesMap[ArticleItemType];
|
|
6
5
|
export interface ItemStatesMap {
|
|
7
6
|
[ArticleItemType.Image]: MediaStateParams;
|