@cntrl-site/sdk 1.21.0-alpha.6 → 1.21.0-alpha.7
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.
|
@@ -34,8 +34,8 @@ interface SliderCaption {
|
|
|
34
34
|
offset: Offset;
|
|
35
35
|
hover: string;
|
|
36
36
|
}
|
|
37
|
-
type
|
|
38
|
-
|
|
37
|
+
type Triggers = {
|
|
38
|
+
triggersList: {
|
|
39
39
|
click: boolean;
|
|
40
40
|
drag: boolean;
|
|
41
41
|
auto: boolean;
|
|
@@ -46,7 +46,7 @@ interface SliderSettings {
|
|
|
46
46
|
pagination: SliderPagination;
|
|
47
47
|
direction: 'horizontal' | 'vertical';
|
|
48
48
|
caption: SliderCaption;
|
|
49
|
-
|
|
49
|
+
triggers: Triggers;
|
|
50
50
|
}
|
|
51
51
|
interface CaptionStyles {
|
|
52
52
|
fontSettings: {
|
|
@@ -14,12 +14,12 @@ export declare const ControlSliderComponent: {
|
|
|
14
14
|
layoutBased: boolean;
|
|
15
15
|
type: string;
|
|
16
16
|
properties: {
|
|
17
|
-
|
|
17
|
+
triggers: {
|
|
18
18
|
name: string;
|
|
19
19
|
icon: string;
|
|
20
20
|
type: string;
|
|
21
21
|
properties: {
|
|
22
|
-
|
|
22
|
+
triggersList: {
|
|
23
23
|
type: string;
|
|
24
24
|
display: {
|
|
25
25
|
type: string;
|
|
@@ -214,8 +214,8 @@ export declare const ControlSliderComponent: {
|
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
default: {
|
|
217
|
-
|
|
218
|
-
|
|
217
|
+
triggers: {
|
|
218
|
+
triggersList: {
|
|
219
219
|
click: boolean;
|
|
220
220
|
drag: boolean;
|
|
221
221
|
auto: boolean;
|
package/dist/index.js
CHANGED
|
@@ -1218,10 +1218,11 @@ const wrapper = "ControlSlider-module__wrapper___sHEkd";
|
|
|
1218
1218
|
const sliderItem = "ControlSlider-module__sliderItem___QQSkR";
|
|
1219
1219
|
const sliderImage = "ControlSlider-module__sliderImage___9hRl-";
|
|
1220
1220
|
const arrow = "ControlSlider-module__arrow___05ghY";
|
|
1221
|
-
const nextArrow = "ControlSlider-module__nextArrow___-30Yc";
|
|
1222
1221
|
const arrowVertical = "ControlSlider-module__arrowVertical___tBfVN";
|
|
1222
|
+
const nextArrow = "ControlSlider-module__nextArrow___-30Yc";
|
|
1223
1223
|
const arrowInner = "ControlSlider-module__arrowInner___aEra3";
|
|
1224
1224
|
const arrowIcon = "ControlSlider-module__arrowIcon___S4ztF";
|
|
1225
|
+
const arrowImg = "ControlSlider-module__arrowImg___2dwJW";
|
|
1225
1226
|
const pagination = "ControlSlider-module__pagination___bicLF";
|
|
1226
1227
|
const paginationInner = "ControlSlider-module__paginationInner___bT-P-";
|
|
1227
1228
|
const paginationVertical = "ControlSlider-module__paginationVertical___zYqKw";
|
|
@@ -1256,10 +1257,11 @@ const styles$2 = {
|
|
|
1256
1257
|
sliderItem,
|
|
1257
1258
|
sliderImage,
|
|
1258
1259
|
arrow,
|
|
1259
|
-
nextArrow,
|
|
1260
1260
|
arrowVertical,
|
|
1261
|
+
nextArrow,
|
|
1261
1262
|
arrowInner,
|
|
1262
1263
|
arrowIcon,
|
|
1264
|
+
arrowImg,
|
|
1263
1265
|
pagination,
|
|
1264
1266
|
paginationInner,
|
|
1265
1267
|
paginationVertical,
|
|
@@ -1450,7 +1452,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1450
1452
|
ref: setSliderRef,
|
|
1451
1453
|
options: {
|
|
1452
1454
|
arrows: false,
|
|
1453
|
-
autoplay: isEditor ? false : settings.
|
|
1455
|
+
autoplay: isEditor ? false : settings.triggers.triggersList.auto,
|
|
1454
1456
|
direction: direction === "horizontal" ? "ltr" : "ttb",
|
|
1455
1457
|
pagination: false,
|
|
1456
1458
|
perPage: 1,
|
|
@@ -1499,7 +1501,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1499
1501
|
},
|
|
1500
1502
|
children: [
|
|
1501
1503
|
settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
|
|
1502
|
-
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
|
|
1504
|
+
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg) })
|
|
1503
1505
|
]
|
|
1504
1506
|
}
|
|
1505
1507
|
)
|
|
@@ -1525,14 +1527,14 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1525
1527
|
},
|
|
1526
1528
|
children: [
|
|
1527
1529
|
settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
|
|
1528
|
-
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
|
|
1530
|
+
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg) })
|
|
1529
1531
|
]
|
|
1530
1532
|
}
|
|
1531
1533
|
)
|
|
1532
1534
|
}
|
|
1533
1535
|
)
|
|
1534
1536
|
] }),
|
|
1535
|
-
settings.
|
|
1537
|
+
settings.triggers.triggersList.click && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1536
1538
|
"div",
|
|
1537
1539
|
{
|
|
1538
1540
|
className: styles$2.clickOverlay,
|
|
@@ -1613,12 +1615,12 @@ const ControlSliderComponent = {
|
|
|
1613
1615
|
layoutBased: true,
|
|
1614
1616
|
type: "object",
|
|
1615
1617
|
properties: {
|
|
1616
|
-
|
|
1617
|
-
name: "
|
|
1618
|
+
triggers: {
|
|
1619
|
+
name: "triggers",
|
|
1618
1620
|
icon: "target",
|
|
1619
1621
|
type: "object",
|
|
1620
1622
|
properties: {
|
|
1621
|
-
|
|
1623
|
+
triggersList: {
|
|
1622
1624
|
type: "object",
|
|
1623
1625
|
display: {
|
|
1624
1626
|
type: "checkbox-group"
|
|
@@ -1680,8 +1682,8 @@ const ControlSliderComponent = {
|
|
|
1680
1682
|
scale: {
|
|
1681
1683
|
type: "number",
|
|
1682
1684
|
name: "scale",
|
|
1683
|
-
min:
|
|
1684
|
-
max:
|
|
1685
|
+
min: 50,
|
|
1686
|
+
max: 600,
|
|
1685
1687
|
display: {
|
|
1686
1688
|
type: "range-control"
|
|
1687
1689
|
}
|
|
@@ -1741,8 +1743,8 @@ const ControlSliderComponent = {
|
|
|
1741
1743
|
scale: {
|
|
1742
1744
|
type: "number",
|
|
1743
1745
|
name: "scale",
|
|
1744
|
-
min:
|
|
1745
|
-
max:
|
|
1746
|
+
min: 10,
|
|
1747
|
+
max: 400,
|
|
1746
1748
|
display: {
|
|
1747
1749
|
type: "range-control"
|
|
1748
1750
|
}
|
|
@@ -1813,8 +1815,8 @@ const ControlSliderComponent = {
|
|
|
1813
1815
|
}
|
|
1814
1816
|
},
|
|
1815
1817
|
default: {
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
+
triggers: {
|
|
1819
|
+
triggersList: {
|
|
1818
1820
|
click: true,
|
|
1819
1821
|
drag: true,
|
|
1820
1822
|
auto: false
|
|
@@ -1833,7 +1835,7 @@ const ControlSliderComponent = {
|
|
|
1833
1835
|
},
|
|
1834
1836
|
pagination: {
|
|
1835
1837
|
isActive: true,
|
|
1836
|
-
scale:
|
|
1838
|
+
scale: 50,
|
|
1837
1839
|
position: "outside-1",
|
|
1838
1840
|
offset: {
|
|
1839
1841
|
x: 0,
|
package/dist/index.mjs
CHANGED
|
@@ -1199,10 +1199,11 @@ const wrapper = "ControlSlider-module__wrapper___sHEkd";
|
|
|
1199
1199
|
const sliderItem = "ControlSlider-module__sliderItem___QQSkR";
|
|
1200
1200
|
const sliderImage = "ControlSlider-module__sliderImage___9hRl-";
|
|
1201
1201
|
const arrow = "ControlSlider-module__arrow___05ghY";
|
|
1202
|
-
const nextArrow = "ControlSlider-module__nextArrow___-30Yc";
|
|
1203
1202
|
const arrowVertical = "ControlSlider-module__arrowVertical___tBfVN";
|
|
1203
|
+
const nextArrow = "ControlSlider-module__nextArrow___-30Yc";
|
|
1204
1204
|
const arrowInner = "ControlSlider-module__arrowInner___aEra3";
|
|
1205
1205
|
const arrowIcon = "ControlSlider-module__arrowIcon___S4ztF";
|
|
1206
|
+
const arrowImg = "ControlSlider-module__arrowImg___2dwJW";
|
|
1206
1207
|
const pagination = "ControlSlider-module__pagination___bicLF";
|
|
1207
1208
|
const paginationInner = "ControlSlider-module__paginationInner___bT-P-";
|
|
1208
1209
|
const paginationVertical = "ControlSlider-module__paginationVertical___zYqKw";
|
|
@@ -1237,10 +1238,11 @@ const styles$2 = {
|
|
|
1237
1238
|
sliderItem,
|
|
1238
1239
|
sliderImage,
|
|
1239
1240
|
arrow,
|
|
1240
|
-
nextArrow,
|
|
1241
1241
|
arrowVertical,
|
|
1242
|
+
nextArrow,
|
|
1242
1243
|
arrowInner,
|
|
1243
1244
|
arrowIcon,
|
|
1245
|
+
arrowImg,
|
|
1244
1246
|
pagination,
|
|
1245
1247
|
paginationInner,
|
|
1246
1248
|
paginationVertical,
|
|
@@ -1431,7 +1433,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1431
1433
|
ref: setSliderRef,
|
|
1432
1434
|
options: {
|
|
1433
1435
|
arrows: false,
|
|
1434
|
-
autoplay: isEditor ? false : settings.
|
|
1436
|
+
autoplay: isEditor ? false : settings.triggers.triggersList.auto,
|
|
1435
1437
|
direction: direction === "horizontal" ? "ltr" : "ttb",
|
|
1436
1438
|
pagination: false,
|
|
1437
1439
|
perPage: 1,
|
|
@@ -1480,7 +1482,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1480
1482
|
},
|
|
1481
1483
|
children: [
|
|
1482
1484
|
settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
|
|
1483
|
-
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
|
|
1485
|
+
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg) })
|
|
1484
1486
|
]
|
|
1485
1487
|
}
|
|
1486
1488
|
)
|
|
@@ -1506,14 +1508,14 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
|
|
|
1506
1508
|
},
|
|
1507
1509
|
children: [
|
|
1508
1510
|
settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
|
|
1509
|
-
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
|
|
1511
|
+
!settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon, styles$2.arrowImg) })
|
|
1510
1512
|
]
|
|
1511
1513
|
}
|
|
1512
1514
|
)
|
|
1513
1515
|
}
|
|
1514
1516
|
)
|
|
1515
1517
|
] }),
|
|
1516
|
-
settings.
|
|
1518
|
+
settings.triggers.triggersList.click && /* @__PURE__ */ jsx(
|
|
1517
1519
|
"div",
|
|
1518
1520
|
{
|
|
1519
1521
|
className: styles$2.clickOverlay,
|
|
@@ -1594,12 +1596,12 @@ const ControlSliderComponent = {
|
|
|
1594
1596
|
layoutBased: true,
|
|
1595
1597
|
type: "object",
|
|
1596
1598
|
properties: {
|
|
1597
|
-
|
|
1598
|
-
name: "
|
|
1599
|
+
triggers: {
|
|
1600
|
+
name: "triggers",
|
|
1599
1601
|
icon: "target",
|
|
1600
1602
|
type: "object",
|
|
1601
1603
|
properties: {
|
|
1602
|
-
|
|
1604
|
+
triggersList: {
|
|
1603
1605
|
type: "object",
|
|
1604
1606
|
display: {
|
|
1605
1607
|
type: "checkbox-group"
|
|
@@ -1661,8 +1663,8 @@ const ControlSliderComponent = {
|
|
|
1661
1663
|
scale: {
|
|
1662
1664
|
type: "number",
|
|
1663
1665
|
name: "scale",
|
|
1664
|
-
min:
|
|
1665
|
-
max:
|
|
1666
|
+
min: 50,
|
|
1667
|
+
max: 600,
|
|
1666
1668
|
display: {
|
|
1667
1669
|
type: "range-control"
|
|
1668
1670
|
}
|
|
@@ -1722,8 +1724,8 @@ const ControlSliderComponent = {
|
|
|
1722
1724
|
scale: {
|
|
1723
1725
|
type: "number",
|
|
1724
1726
|
name: "scale",
|
|
1725
|
-
min:
|
|
1726
|
-
max:
|
|
1727
|
+
min: 10,
|
|
1728
|
+
max: 400,
|
|
1727
1729
|
display: {
|
|
1728
1730
|
type: "range-control"
|
|
1729
1731
|
}
|
|
@@ -1794,8 +1796,8 @@ const ControlSliderComponent = {
|
|
|
1794
1796
|
}
|
|
1795
1797
|
},
|
|
1796
1798
|
default: {
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
+
triggers: {
|
|
1800
|
+
triggersList: {
|
|
1799
1801
|
click: true,
|
|
1800
1802
|
drag: true,
|
|
1801
1803
|
auto: false
|
|
@@ -1814,7 +1816,7 @@ const ControlSliderComponent = {
|
|
|
1814
1816
|
},
|
|
1815
1817
|
pagination: {
|
|
1816
1818
|
isActive: true,
|
|
1817
|
-
scale:
|
|
1819
|
+
scale: 50,
|
|
1818
1820
|
position: "outside-1",
|
|
1819
1821
|
offset: {
|
|
1820
1822
|
x: 0,
|
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;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__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
|
|
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) * .5555555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .5555555556vw);padding-top:calc(var(--is-editor, 0) * .3472222222vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .3472222222vw);padding-bottom:calc(var(--is-editor, 0) * .3472222222vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .3472222222vw);padding-left:calc(var(--is-editor, 0) * .625vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .625vw);padding-right:calc(var(--is-editor, 0) * .625vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .625vw);border-radius:calc(var(--is-editor, 0) * 1.1805555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1805555556vw)}.ControlSlider-module__paginationVertical___zYqKw{flex-direction:column}.ControlSlider-module__paginationItem___nTRbk{all:unset;width:calc(var(--is-editor, 0) * .5555555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .5555555556vw);height:calc(var(--is-editor, 0) * .5555555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .5555555556vw);flex-shrink:0;position:relative;cursor:pointer}.ControlSlider-module__paginationItem___nTRbk:hover .ControlSlider-module__dot___p1Qun{background-color:var(--pagination-hover-color)!important}.ControlSlider-module__dot___p1Qun{width:calc(var(--is-editor, 0) * .5555555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .5555555556vw);height:calc(var(--is-editor, 0) * .5555555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .5555555556vw);border-radius:50%;scale:.5;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.ControlSlider-module__activeDot___LHFaj{transform:scale(2)}.ControlSlider-module__paginationInsideBottom___R3FWn{bottom:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);left:50%;transform:translate(-50%)}.ControlSlider-module__paginationInsideTop___V-qb-{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw)}.ControlSlider-module__paginationOutsideBottom___14w8D{left:50%;transform:translate(-50%);bottom:calc(var(--is-editor, 0) * -2.0138888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.0138888889vw)}.ControlSlider-module__paginationOutsideTop___SCLqB{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * -2.0138888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.0138888889vw)}.ControlSlider-module__paginationInsideLeft___yOBRZ{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -.2083333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -.2083333333vw)}.ControlSlider-module__paginationInsideRight___Rtt3o{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -.2083333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -.2083333333vw)}.ControlSlider-module__paginationOutsideLeft___lahaw{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -2.5694444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.5694444444vw)}.ControlSlider-module__paginationOutsideRight___EtuQa{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -2.5694444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.5694444444vw)}.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}
|