@cntrl-site/sdk 1.21.0-alpha.3 → 1.21.0-alpha.5

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 (5) hide show
  1. package/dist/index.js +66 -80
  2. package/dist/index.mjs +66 -80
  3. package/dist/sdk.css +1 -1
  4. package/package.json +1 -1
  5. /package/dist/Components/helpers/{SvgImage.d.ts → SvgImage/SvgImage.d.ts} +0 -0
package/dist/index.js CHANGED
@@ -1251,7 +1251,7 @@ const bottomLeftAlignment = "ControlSlider-module__bottomLeftAlignment___cTP2-";
1251
1251
  const bottomCenterAlignment = "ControlSlider-module__bottomCenterAlignment___c54fB";
1252
1252
  const bottomRightAlignment = "ControlSlider-module__bottomRightAlignment___kEwrz";
1253
1253
  const clickOverlay = "ControlSlider-module__clickOverlay___DZA28";
1254
- const styles$1 = {
1254
+ const styles$2 = {
1255
1255
  wrapper,
1256
1256
  sliderItem,
1257
1257
  sliderImage,
@@ -1291,14 +1291,14 @@ const styles$1 = {
1291
1291
  clickOverlay
1292
1292
  };
1293
1293
  const link = "RichTextRenderer-module__link___BWeZ2";
1294
- const styles = {
1294
+ const styles$1 = {
1295
1295
  link
1296
1296
  };
1297
1297
  const RichTextRenderer = ({ content }) => {
1298
1298
  const getChildren = (children) => {
1299
1299
  return children.map((child, i) => {
1300
1300
  if (child.type === "link") {
1301
- return /* @__PURE__ */ jsxRuntime.jsx("a", { className: styles.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
1301
+ return /* @__PURE__ */ jsxRuntime.jsx("a", { className: styles$1.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
1302
1302
  }
1303
1303
  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: getLeafCss(child), children: child.text }, i);
1304
1304
  });
@@ -1324,59 +1324,45 @@ function getLeafCss(leaf) {
1324
1324
  function scalingValue(value, isEditor = false) {
1325
1325
  return isEditor ? `calc(var(--cntrl-article-width) * ${value})` : `${value * 100}vw`;
1326
1326
  }
1327
- const SvgImage = ({ url: url2, fill = "#000", hoverFill = "#f00", className = "" }) => {
1328
- const [svgContent, setSvgContent] = react.useState(null);
1327
+ const svg = "SvgImage-module__svg___q3xE-";
1328
+ const img = "SvgImage-module__img___VsTm-";
1329
+ const styles = {
1330
+ svg,
1331
+ img
1332
+ };
1333
+ const SvgImage = ({ url: url2, fill = "#000000", hoverFill = "#CCCCCC", className = "" }) => {
1334
+ const [supportsMask, setSupportsMask] = react.useState(true);
1329
1335
  react.useEffect(() => {
1330
- const fetchSvg = async () => {
1331
- try {
1332
- if (url2.endsWith(".svg")) {
1333
- const response = await fetch(url2);
1334
- let text = await response.text();
1335
- const styleTag = `
1336
- <style>
1337
- .dynamic-fill {
1338
- fill: ${fill};
1339
- transition: fill 0.3s ease;
1340
- }
1341
- .dynamic-fill:hover {
1342
- fill: ${hoverFill};
1343
- }
1344
- </style>
1345
- `;
1346
- text = text.replace(
1347
- /<svg([^>]*)>/,
1348
- `<svg$1 class="dynamic-fill">${styleTag}`
1349
- );
1350
- text = text.replace(/fill=".*?"/g, "");
1351
- setSvgContent(text);
1352
- }
1353
- } catch (error) {
1354
- console.error("Error fetching SVG:", error);
1355
- }
1356
- };
1357
- fetchSvg();
1358
- }, [url2, fill, hoverFill]);
1359
- if (!url2.endsWith(".svg") || !svgContent) {
1360
- return /* @__PURE__ */ jsxRuntime.jsx("img", { src: url2, alt: "", className });
1336
+ if (typeof window !== "undefined" && window.CSS) {
1337
+ const supported = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
1338
+ setSupportsMask(supported);
1339
+ }
1340
+ }, []);
1341
+ if (!url2.endsWith(".svg") || !supportsMask) {
1342
+ return /* @__PURE__ */ jsxRuntime.jsx("img", { src: url2, alt: "", className: cn(styles.img, className) });
1361
1343
  }
1362
1344
  return /* @__PURE__ */ jsxRuntime.jsx(
1363
1345
  "span",
1364
1346
  {
1365
- className: `svg-container ${className}`,
1366
- dangerouslySetInnerHTML: { __html: svgContent }
1347
+ className: cn(styles.svg, className),
1348
+ style: {
1349
+ "--svg": `url(${url2})`,
1350
+ "--fill": fill,
1351
+ "--hover-fill": hoverFill
1352
+ }
1367
1353
  }
1368
1354
  );
1369
1355
  };
1370
1356
  const alignmentClassName = {
1371
- "top-left": styles$1.topLeftAlignment,
1372
- "top-center": styles$1.topCenterAlignment,
1373
- "top-right": styles$1.topRightAlignment,
1374
- "middle-left": styles$1.middleLeftAlignment,
1375
- "middle-center": styles$1.middleCenterAlignment,
1376
- "middle-right": styles$1.middleRightAlignment,
1377
- "bottom-left": styles$1.bottomLeftAlignment,
1378
- "bottom-center": styles$1.bottomCenterAlignment,
1379
- "bottom-right": styles$1.bottomRightAlignment
1357
+ "top-left": styles$2.topLeftAlignment,
1358
+ "top-center": styles$2.topCenterAlignment,
1359
+ "top-right": styles$2.topRightAlignment,
1360
+ "middle-left": styles$2.middleLeftAlignment,
1361
+ "middle-center": styles$2.middleCenterAlignment,
1362
+ "middle-right": styles$2.middleRightAlignment,
1363
+ "bottom-left": styles$2.bottomLeftAlignment,
1364
+ "bottom-center": styles$2.bottomCenterAlignment,
1365
+ "bottom-right": styles$2.bottomRightAlignment
1380
1366
  };
1381
1367
  function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1382
1368
  const [sliderRef, setSliderRef] = react.useState(null);
@@ -1404,19 +1390,19 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1404
1390
  observer.observe(wrapperRef);
1405
1391
  return () => observer.unobserve(wrapperRef);
1406
1392
  }, [wrapperRef]);
1407
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles$1.wrapper, { [styles$1.editor]: isEditor }), ref: setWrapperRef, children: [
1393
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(styles$2.wrapper, { [styles$2.editor]: isEditor }), ref: setWrapperRef, children: [
1408
1394
  settings.caption.isActive && /* @__PURE__ */ jsxRuntime.jsx(
1409
1395
  "div",
1410
1396
  {
1411
- className: cn(styles$1.captionBlock),
1397
+ className: cn(styles$2.captionBlock),
1412
1398
  children: /* @__PURE__ */ jsxRuntime.jsx(
1413
1399
  "div",
1414
1400
  {
1415
- className: styles$1.captionTextWrapper,
1401
+ className: styles$2.captionTextWrapper,
1416
1402
  children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
1417
1403
  "div",
1418
1404
  {
1419
- className: cn(styles$1.captionText, alignmentClassName[settings.caption.alignment], { [styles$1.withPointerEvents]: index === currentSlideIndex && isEditor }),
1405
+ className: cn(styles$2.captionText, alignmentClassName[settings.caption.alignment], { [styles$2.withPointerEvents]: index === currentSlideIndex && isEditor }),
1420
1406
  style: {
1421
1407
  fontFamily: fontSettings.fontFamily,
1422
1408
  fontWeight: fontSettings.fontWeight,
@@ -1437,7 +1423,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1437
1423
  "div",
1438
1424
  {
1439
1425
  "data-styles": "caption",
1440
- className: styles$1.captionTextInner,
1426
+ className: styles$2.captionTextInner,
1441
1427
  style: {
1442
1428
  "--link-hover-color": settings.caption.hover,
1443
1429
  position: "relative",
@@ -1474,15 +1460,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1474
1460
  children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxRuntime.jsx(
1475
1461
  "div",
1476
1462
  {
1477
- className: styles$1.sliderItem,
1463
+ className: styles$2.sliderItem,
1478
1464
  style: {
1479
1465
  ...sliderDimensions
1480
1466
  },
1481
1467
  children: /* @__PURE__ */ jsxRuntime.jsx(
1482
1468
  "div",
1483
1469
  {
1484
- className: styles$1.imgWrapper,
1485
- children: /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$1.sliderImage, src: item.image.url, alt: item.image.name ?? "" })
1470
+ className: styles$2.imgWrapper,
1471
+ children: /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$2.sliderImage, src: item.image.url, alt: item.image.name ?? "" })
1486
1472
  }
1487
1473
  )
1488
1474
  }
@@ -1493,8 +1479,8 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1493
1479
  /* @__PURE__ */ jsxRuntime.jsx(
1494
1480
  "div",
1495
1481
  {
1496
- className: cn(styles$1.arrow, {
1497
- [styles$1.arrowVertical]: settings.direction === "vertical"
1482
+ className: cn(styles$2.arrow, {
1483
+ [styles$2.arrowVertical]: settings.direction === "vertical"
1498
1484
  }),
1499
1485
  style: {
1500
1486
  color: settings.controls.color,
@@ -1506,13 +1492,13 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1506
1492
  onClick: () => {
1507
1493
  handleArrowClick("-1");
1508
1494
  },
1509
- className: styles$1.arrowInner,
1495
+ className: styles$2.arrowInner,
1510
1496
  style: {
1511
1497
  transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horizontal" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "180deg" : "-90deg"})`
1512
1498
  },
1513
1499
  children: [
1514
- settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$1.arrowImg }),
1515
- !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$1.arrowIcon) })
1500
+ settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
1501
+ !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
1516
1502
  ]
1517
1503
  }
1518
1504
  )
@@ -1521,8 +1507,8 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1521
1507
  /* @__PURE__ */ jsxRuntime.jsx(
1522
1508
  "div",
1523
1509
  {
1524
- className: cn(styles$1.arrow, styles$1.nextArrow, {
1525
- [styles$1.arrowVertical]: settings.direction === "vertical"
1510
+ className: cn(styles$2.arrow, styles$2.nextArrow, {
1511
+ [styles$2.arrowVertical]: settings.direction === "vertical"
1526
1512
  }),
1527
1513
  style: {
1528
1514
  color: settings.controls.color,
@@ -1531,14 +1517,14 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1531
1517
  children: /* @__PURE__ */ jsxRuntime.jsxs(
1532
1518
  "button",
1533
1519
  {
1534
- className: styles$1.arrowInner,
1520
+ className: styles$2.arrowInner,
1535
1521
  onClick: () => handleArrowClick("+1"),
1536
1522
  style: {
1537
1523
  transform: `translate(${scalingValue(controlsOffsetX * (direction === "horizontal" ? -1 : 1), isEditor)}, ${scalingValue(controlsOffsetY, isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "0deg" : "90deg"})`
1538
1524
  },
1539
1525
  children: [
1540
- settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$1.arrowImg }),
1541
- !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$1.arrowIcon) })
1526
+ settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
1527
+ !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
1542
1528
  ]
1543
1529
  }
1544
1530
  )
@@ -1548,7 +1534,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1548
1534
  settings.trigers.trigersList.click && /* @__PURE__ */ jsxRuntime.jsx(
1549
1535
  "div",
1550
1536
  {
1551
- className: styles$1.clickOverlay,
1537
+ className: styles$2.clickOverlay,
1552
1538
  onClick: () => {
1553
1539
  if (sliderRef) {
1554
1540
  sliderRef.go("+1");
@@ -1559,21 +1545,21 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1559
1545
  settings.pagination.isActive && /* @__PURE__ */ jsxRuntime.jsx(
1560
1546
  "div",
1561
1547
  {
1562
- className: cn(styles$1.pagination, {
1563
- [styles$1.paginationInsideBottom]: settings.pagination.position === "inside-1" && settings.direction === "horizontal",
1564
- [styles$1.paginationInsideTop]: settings.pagination.position === "inside-2" && settings.direction === "horizontal",
1565
- [styles$1.paginationOutsideBottom]: settings.pagination.position === "outside-1" && settings.direction === "horizontal",
1566
- [styles$1.paginationOutsideTop]: settings.pagination.position === "outside-2" && settings.direction === "horizontal",
1567
- [styles$1.paginationInsideLeft]: settings.pagination.position === "inside-1" && settings.direction === "vertical",
1568
- [styles$1.paginationInsideRight]: settings.pagination.position === "inside-2" && settings.direction === "vertical",
1569
- [styles$1.paginationOutsideLeft]: settings.pagination.position === "outside-1" && settings.direction === "vertical",
1570
- [styles$1.paginationOutsideRight]: settings.pagination.position === "outside-2" && settings.direction === "vertical",
1571
- [styles$1.paginationVertical]: settings.direction === "vertical"
1548
+ className: cn(styles$2.pagination, {
1549
+ [styles$2.paginationInsideBottom]: settings.pagination.position === "inside-1" && settings.direction === "horizontal",
1550
+ [styles$2.paginationInsideTop]: settings.pagination.position === "inside-2" && settings.direction === "horizontal",
1551
+ [styles$2.paginationOutsideBottom]: settings.pagination.position === "outside-1" && settings.direction === "horizontal",
1552
+ [styles$2.paginationOutsideTop]: settings.pagination.position === "outside-2" && settings.direction === "horizontal",
1553
+ [styles$2.paginationInsideLeft]: settings.pagination.position === "inside-1" && settings.direction === "vertical",
1554
+ [styles$2.paginationInsideRight]: settings.pagination.position === "inside-2" && settings.direction === "vertical",
1555
+ [styles$2.paginationOutsideLeft]: settings.pagination.position === "outside-1" && settings.direction === "vertical",
1556
+ [styles$2.paginationOutsideRight]: settings.pagination.position === "outside-2" && settings.direction === "vertical",
1557
+ [styles$2.paginationVertical]: settings.direction === "vertical"
1572
1558
  }),
1573
1559
  children: /* @__PURE__ */ jsxRuntime.jsx(
1574
1560
  "div",
1575
1561
  {
1576
- className: styles$1.paginationInner,
1562
+ className: styles$2.paginationInner,
1577
1563
  style: {
1578
1564
  backgroundColor: settings.pagination.colors[0],
1579
1565
  transform: `scale(${settings.pagination.scale / 100}) translate(${scalingValue(settings.pagination.offset.x, isEditor)}, ${scalingValue(settings.pagination.offset.y, isEditor)}) rotate(${settings.direction === "horizontal" ? "0deg" : "90deg"})`
@@ -1586,12 +1572,12 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1586
1572
  sliderRef.go(index);
1587
1573
  }
1588
1574
  },
1589
- className: cn(styles$1.paginationItem),
1575
+ className: cn(styles$2.paginationItem),
1590
1576
  children: /* @__PURE__ */ jsxRuntime.jsx(
1591
1577
  "div",
1592
1578
  {
1593
- className: cn(styles$1.dot, {
1594
- [styles$1.activeDot]: index === currentSlideIndex
1579
+ className: cn(styles$2.dot, {
1580
+ [styles$2.activeDot]: index === currentSlideIndex
1595
1581
  }),
1596
1582
  style: {
1597
1583
  backgroundColor: settings.pagination.colors[1],
package/dist/index.mjs CHANGED
@@ -1232,7 +1232,7 @@ const bottomLeftAlignment = "ControlSlider-module__bottomLeftAlignment___cTP2-";
1232
1232
  const bottomCenterAlignment = "ControlSlider-module__bottomCenterAlignment___c54fB";
1233
1233
  const bottomRightAlignment = "ControlSlider-module__bottomRightAlignment___kEwrz";
1234
1234
  const clickOverlay = "ControlSlider-module__clickOverlay___DZA28";
1235
- const styles$1 = {
1235
+ const styles$2 = {
1236
1236
  wrapper,
1237
1237
  sliderItem,
1238
1238
  sliderImage,
@@ -1272,14 +1272,14 @@ const styles$1 = {
1272
1272
  clickOverlay
1273
1273
  };
1274
1274
  const link = "RichTextRenderer-module__link___BWeZ2";
1275
- const styles = {
1275
+ const styles$1 = {
1276
1276
  link
1277
1277
  };
1278
1278
  const RichTextRenderer = ({ content }) => {
1279
1279
  const getChildren = (children) => {
1280
1280
  return children.map((child, i) => {
1281
1281
  if (child.type === "link") {
1282
- return /* @__PURE__ */ jsx("a", { className: styles.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
1282
+ return /* @__PURE__ */ jsx("a", { className: styles$1.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
1283
1283
  }
1284
1284
  return /* @__PURE__ */ jsx("span", { style: getLeafCss(child), children: child.text }, i);
1285
1285
  });
@@ -1305,59 +1305,45 @@ function getLeafCss(leaf) {
1305
1305
  function scalingValue(value, isEditor = false) {
1306
1306
  return isEditor ? `calc(var(--cntrl-article-width) * ${value})` : `${value * 100}vw`;
1307
1307
  }
1308
- const SvgImage = ({ url, fill = "#000", hoverFill = "#f00", className = "" }) => {
1309
- const [svgContent, setSvgContent] = useState(null);
1308
+ const svg = "SvgImage-module__svg___q3xE-";
1309
+ const img = "SvgImage-module__img___VsTm-";
1310
+ const styles = {
1311
+ svg,
1312
+ img
1313
+ };
1314
+ const SvgImage = ({ url, fill = "#000000", hoverFill = "#CCCCCC", className = "" }) => {
1315
+ const [supportsMask, setSupportsMask] = useState(true);
1310
1316
  useEffect(() => {
1311
- const fetchSvg = async () => {
1312
- try {
1313
- if (url.endsWith(".svg")) {
1314
- const response = await fetch(url);
1315
- let text = await response.text();
1316
- const styleTag = `
1317
- <style>
1318
- .dynamic-fill {
1319
- fill: ${fill};
1320
- transition: fill 0.3s ease;
1321
- }
1322
- .dynamic-fill:hover {
1323
- fill: ${hoverFill};
1324
- }
1325
- </style>
1326
- `;
1327
- text = text.replace(
1328
- /<svg([^>]*)>/,
1329
- `<svg$1 class="dynamic-fill">${styleTag}`
1330
- );
1331
- text = text.replace(/fill=".*?"/g, "");
1332
- setSvgContent(text);
1333
- }
1334
- } catch (error) {
1335
- console.error("Error fetching SVG:", error);
1336
- }
1337
- };
1338
- fetchSvg();
1339
- }, [url, fill, hoverFill]);
1340
- if (!url.endsWith(".svg") || !svgContent) {
1341
- return /* @__PURE__ */ jsx("img", { src: url, alt: "", className });
1317
+ if (typeof window !== "undefined" && window.CSS) {
1318
+ const supported = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
1319
+ setSupportsMask(supported);
1320
+ }
1321
+ }, []);
1322
+ if (!url.endsWith(".svg") || !supportsMask) {
1323
+ return /* @__PURE__ */ jsx("img", { src: url, alt: "", className: cn(styles.img, className) });
1342
1324
  }
1343
1325
  return /* @__PURE__ */ jsx(
1344
1326
  "span",
1345
1327
  {
1346
- className: `svg-container ${className}`,
1347
- dangerouslySetInnerHTML: { __html: svgContent }
1328
+ className: cn(styles.svg, className),
1329
+ style: {
1330
+ "--svg": `url(${url})`,
1331
+ "--fill": fill,
1332
+ "--hover-fill": hoverFill
1333
+ }
1348
1334
  }
1349
1335
  );
1350
1336
  };
1351
1337
  const alignmentClassName = {
1352
- "top-left": styles$1.topLeftAlignment,
1353
- "top-center": styles$1.topCenterAlignment,
1354
- "top-right": styles$1.topRightAlignment,
1355
- "middle-left": styles$1.middleLeftAlignment,
1356
- "middle-center": styles$1.middleCenterAlignment,
1357
- "middle-right": styles$1.middleRightAlignment,
1358
- "bottom-left": styles$1.bottomLeftAlignment,
1359
- "bottom-center": styles$1.bottomCenterAlignment,
1360
- "bottom-right": styles$1.bottomRightAlignment
1338
+ "top-left": styles$2.topLeftAlignment,
1339
+ "top-center": styles$2.topCenterAlignment,
1340
+ "top-right": styles$2.topRightAlignment,
1341
+ "middle-left": styles$2.middleLeftAlignment,
1342
+ "middle-center": styles$2.middleCenterAlignment,
1343
+ "middle-right": styles$2.middleRightAlignment,
1344
+ "bottom-left": styles$2.bottomLeftAlignment,
1345
+ "bottom-center": styles$2.bottomCenterAlignment,
1346
+ "bottom-right": styles$2.bottomRightAlignment
1361
1347
  };
1362
1348
  function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1363
1349
  const [sliderRef, setSliderRef] = useState(null);
@@ -1385,19 +1371,19 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1385
1371
  observer.observe(wrapperRef);
1386
1372
  return () => observer.unobserve(wrapperRef);
1387
1373
  }, [wrapperRef]);
1388
- return /* @__PURE__ */ jsxs("div", { className: cn(styles$1.wrapper, { [styles$1.editor]: isEditor }), ref: setWrapperRef, children: [
1374
+ return /* @__PURE__ */ jsxs("div", { className: cn(styles$2.wrapper, { [styles$2.editor]: isEditor }), ref: setWrapperRef, children: [
1389
1375
  settings.caption.isActive && /* @__PURE__ */ jsx(
1390
1376
  "div",
1391
1377
  {
1392
- className: cn(styles$1.captionBlock),
1378
+ className: cn(styles$2.captionBlock),
1393
1379
  children: /* @__PURE__ */ jsx(
1394
1380
  "div",
1395
1381
  {
1396
- className: styles$1.captionTextWrapper,
1382
+ className: styles$2.captionTextWrapper,
1397
1383
  children: content.map((item, index) => /* @__PURE__ */ jsx(
1398
1384
  "div",
1399
1385
  {
1400
- className: cn(styles$1.captionText, alignmentClassName[settings.caption.alignment], { [styles$1.withPointerEvents]: index === currentSlideIndex && isEditor }),
1386
+ className: cn(styles$2.captionText, alignmentClassName[settings.caption.alignment], { [styles$2.withPointerEvents]: index === currentSlideIndex && isEditor }),
1401
1387
  style: {
1402
1388
  fontFamily: fontSettings.fontFamily,
1403
1389
  fontWeight: fontSettings.fontWeight,
@@ -1418,7 +1404,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1418
1404
  "div",
1419
1405
  {
1420
1406
  "data-styles": "caption",
1421
- className: styles$1.captionTextInner,
1407
+ className: styles$2.captionTextInner,
1422
1408
  style: {
1423
1409
  "--link-hover-color": settings.caption.hover,
1424
1410
  position: "relative",
@@ -1455,15 +1441,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1455
1441
  children: content.map((item, index) => /* @__PURE__ */ jsx(SplideSlide, { children: /* @__PURE__ */ jsx(
1456
1442
  "div",
1457
1443
  {
1458
- className: styles$1.sliderItem,
1444
+ className: styles$2.sliderItem,
1459
1445
  style: {
1460
1446
  ...sliderDimensions
1461
1447
  },
1462
1448
  children: /* @__PURE__ */ jsx(
1463
1449
  "div",
1464
1450
  {
1465
- className: styles$1.imgWrapper,
1466
- children: /* @__PURE__ */ jsx("img", { className: styles$1.sliderImage, src: item.image.url, alt: item.image.name ?? "" })
1451
+ className: styles$2.imgWrapper,
1452
+ children: /* @__PURE__ */ jsx("img", { className: styles$2.sliderImage, src: item.image.url, alt: item.image.name ?? "" })
1467
1453
  }
1468
1454
  )
1469
1455
  }
@@ -1474,8 +1460,8 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1474
1460
  /* @__PURE__ */ jsx(
1475
1461
  "div",
1476
1462
  {
1477
- className: cn(styles$1.arrow, {
1478
- [styles$1.arrowVertical]: settings.direction === "vertical"
1463
+ className: cn(styles$2.arrow, {
1464
+ [styles$2.arrowVertical]: settings.direction === "vertical"
1479
1465
  }),
1480
1466
  style: {
1481
1467
  color: settings.controls.color,
@@ -1487,13 +1473,13 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1487
1473
  onClick: () => {
1488
1474
  handleArrowClick("-1");
1489
1475
  },
1490
- className: styles$1.arrowInner,
1476
+ className: styles$2.arrowInner,
1491
1477
  style: {
1492
1478
  transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horizontal" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "180deg" : "-90deg"})`
1493
1479
  },
1494
1480
  children: [
1495
- settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$1.arrowImg }),
1496
- !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$1.arrowIcon) })
1481
+ settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
1482
+ !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
1497
1483
  ]
1498
1484
  }
1499
1485
  )
@@ -1502,8 +1488,8 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1502
1488
  /* @__PURE__ */ jsx(
1503
1489
  "div",
1504
1490
  {
1505
- className: cn(styles$1.arrow, styles$1.nextArrow, {
1506
- [styles$1.arrowVertical]: settings.direction === "vertical"
1491
+ className: cn(styles$2.arrow, styles$2.nextArrow, {
1492
+ [styles$2.arrowVertical]: settings.direction === "vertical"
1507
1493
  }),
1508
1494
  style: {
1509
1495
  color: settings.controls.color,
@@ -1512,14 +1498,14 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1512
1498
  children: /* @__PURE__ */ jsxs(
1513
1499
  "button",
1514
1500
  {
1515
- className: styles$1.arrowInner,
1501
+ className: styles$2.arrowInner,
1516
1502
  onClick: () => handleArrowClick("+1"),
1517
1503
  style: {
1518
1504
  transform: `translate(${scalingValue(controlsOffsetX * (direction === "horizontal" ? -1 : 1), isEditor)}, ${scalingValue(controlsOffsetY, isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horizontal" ? "0deg" : "90deg"})`
1519
1505
  },
1520
1506
  children: [
1521
- settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$1.arrowImg }),
1522
- !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$1.arrowIcon) })
1507
+ settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(SvgImage, { url: settings.controls.arrowsImgUrl, fill: settings.controls.color, hoverFill: settings.controls.hover, className: styles$2.arrowImg }),
1508
+ !settings.controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: settings.controls.color, className: cn(styles$2.arrowIcon) })
1523
1509
  ]
1524
1510
  }
1525
1511
  )
@@ -1529,7 +1515,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1529
1515
  settings.trigers.trigersList.click && /* @__PURE__ */ jsx(
1530
1516
  "div",
1531
1517
  {
1532
- className: styles$1.clickOverlay,
1518
+ className: styles$2.clickOverlay,
1533
1519
  onClick: () => {
1534
1520
  if (sliderRef) {
1535
1521
  sliderRef.go("+1");
@@ -1540,21 +1526,21 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1540
1526
  settings.pagination.isActive && /* @__PURE__ */ jsx(
1541
1527
  "div",
1542
1528
  {
1543
- className: cn(styles$1.pagination, {
1544
- [styles$1.paginationInsideBottom]: settings.pagination.position === "inside-1" && settings.direction === "horizontal",
1545
- [styles$1.paginationInsideTop]: settings.pagination.position === "inside-2" && settings.direction === "horizontal",
1546
- [styles$1.paginationOutsideBottom]: settings.pagination.position === "outside-1" && settings.direction === "horizontal",
1547
- [styles$1.paginationOutsideTop]: settings.pagination.position === "outside-2" && settings.direction === "horizontal",
1548
- [styles$1.paginationInsideLeft]: settings.pagination.position === "inside-1" && settings.direction === "vertical",
1549
- [styles$1.paginationInsideRight]: settings.pagination.position === "inside-2" && settings.direction === "vertical",
1550
- [styles$1.paginationOutsideLeft]: settings.pagination.position === "outside-1" && settings.direction === "vertical",
1551
- [styles$1.paginationOutsideRight]: settings.pagination.position === "outside-2" && settings.direction === "vertical",
1552
- [styles$1.paginationVertical]: settings.direction === "vertical"
1529
+ className: cn(styles$2.pagination, {
1530
+ [styles$2.paginationInsideBottom]: settings.pagination.position === "inside-1" && settings.direction === "horizontal",
1531
+ [styles$2.paginationInsideTop]: settings.pagination.position === "inside-2" && settings.direction === "horizontal",
1532
+ [styles$2.paginationOutsideBottom]: settings.pagination.position === "outside-1" && settings.direction === "horizontal",
1533
+ [styles$2.paginationOutsideTop]: settings.pagination.position === "outside-2" && settings.direction === "horizontal",
1534
+ [styles$2.paginationInsideLeft]: settings.pagination.position === "inside-1" && settings.direction === "vertical",
1535
+ [styles$2.paginationInsideRight]: settings.pagination.position === "inside-2" && settings.direction === "vertical",
1536
+ [styles$2.paginationOutsideLeft]: settings.pagination.position === "outside-1" && settings.direction === "vertical",
1537
+ [styles$2.paginationOutsideRight]: settings.pagination.position === "outside-2" && settings.direction === "vertical",
1538
+ [styles$2.paginationVertical]: settings.direction === "vertical"
1553
1539
  }),
1554
1540
  children: /* @__PURE__ */ jsx(
1555
1541
  "div",
1556
1542
  {
1557
- className: styles$1.paginationInner,
1543
+ className: styles$2.paginationInner,
1558
1544
  style: {
1559
1545
  backgroundColor: settings.pagination.colors[0],
1560
1546
  transform: `scale(${settings.pagination.scale / 100}) translate(${scalingValue(settings.pagination.offset.x, isEditor)}, ${scalingValue(settings.pagination.offset.y, isEditor)}) rotate(${settings.direction === "horizontal" ? "0deg" : "90deg"})`
@@ -1567,12 +1553,12 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
1567
1553
  sliderRef.go(index);
1568
1554
  }
1569
1555
  },
1570
- className: cn(styles$1.paginationItem),
1556
+ className: cn(styles$2.paginationItem),
1571
1557
  children: /* @__PURE__ */ jsx(
1572
1558
  "div",
1573
1559
  {
1574
- className: cn(styles$1.dot, {
1575
- [styles$1.activeDot]: index === currentSlideIndex
1560
+ className: cn(styles$2.dot, {
1561
+ [styles$2.activeDot]: index === currentSlideIndex
1576
1562
  }),
1577
1563
  style: {
1578
1564
  backgroundColor: settings.pagination.colors[1],
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%;display:flex;align-items:center;justify-content:center}.ControlSlider-module__arrowInner___aEra3:hover .ControlSlider-module__arrowIcon___S4ztF path{stroke:var(--arrow-hover-color)!important}.ControlSlider-module__arrowInner___aEra3.ControlSlider-module__arrowVertical___tBfVN{left:50%;top:0;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)}
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%;display:flex;align-items:center;justify-content:center}.ControlSlider-module__arrowInner___aEra3:hover .ControlSlider-module__arrowIcon___S4ztF path{stroke:var(--arrow-hover-color)!important}.ControlSlider-module__arrowInner___aEra3.ControlSlider-module__arrowVertical___tBfVN{left:50%;top:0;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;background-color:var(--fill);transition:background-color .2s;-webkit-mask:var(--svg) no-repeat center/contain;mask:var(--svg) no-repeat center/contain}.SvgImage-module__svg___q3xE-:hover{background-color:var(--hover-fill)}.SvgImage-module__img___VsTm-{width:100%;height:100%;object-fit:contain}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/sdk",
3
- "version": "1.21.0-alpha.3",
3
+ "version": "1.21.0-alpha.5",
4
4
  "description": "Generic SDK for use in public websites.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",