@cntrl-site/components 0.1.10-alpha.1 → 0.1.10-alpha.3
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/Testimonials/Testimonials.d.ts +7 -7
- package/dist/components.css +1 -1
- package/dist/index.js +505 -99
- package/dist/index.mjs +505 -99
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1051,12 +1051,12 @@ const ControlSliderComponent = {
|
|
|
1051
1051
|
}
|
|
1052
1052
|
};
|
|
1053
1053
|
const imageRevealSlider = "ImageRevealSlider-module__imageRevealSlider___UE5Ob";
|
|
1054
|
-
const image = "ImageRevealSlider-module__image___Qjt-e";
|
|
1054
|
+
const image$1 = "ImageRevealSlider-module__image___Qjt-e";
|
|
1055
1055
|
const link = "ImageRevealSlider-module__link___N-iLG";
|
|
1056
1056
|
const cursor = "ImageRevealSlider-module__cursor___2U03d";
|
|
1057
1057
|
const styles = {
|
|
1058
1058
|
imageRevealSlider,
|
|
1059
|
-
image,
|
|
1059
|
+
image: image$1,
|
|
1060
1060
|
link,
|
|
1061
1061
|
cursor
|
|
1062
1062
|
};
|
|
@@ -1724,9 +1724,9 @@ const getPositionStyles = (position, offset, isEditor) => {
|
|
|
1724
1724
|
return styles2;
|
|
1725
1725
|
};
|
|
1726
1726
|
function getDisplayedImageRect(img2) {
|
|
1727
|
-
const
|
|
1728
|
-
const containerW =
|
|
1729
|
-
const containerH =
|
|
1727
|
+
const container2 = img2.getBoundingClientRect();
|
|
1728
|
+
const containerW = container2.width;
|
|
1729
|
+
const containerH = container2.height;
|
|
1730
1730
|
const imgW = img2.naturalWidth;
|
|
1731
1731
|
const imgH = img2.naturalHeight;
|
|
1732
1732
|
const containerRatio = containerW / containerH;
|
|
@@ -1739,8 +1739,8 @@ function getDisplayedImageRect(img2) {
|
|
|
1739
1739
|
renderedH = containerH;
|
|
1740
1740
|
renderedW = containerH * imgRatio;
|
|
1741
1741
|
}
|
|
1742
|
-
const offsetX = (containerW - renderedW) / 2 +
|
|
1743
|
-
const offsetY = (containerH - renderedH) / 2 +
|
|
1742
|
+
const offsetX = (containerW - renderedW) / 2 + container2.left;
|
|
1743
|
+
const offsetY = (containerH - renderedH) / 2 + container2.top;
|
|
1744
1744
|
return {
|
|
1745
1745
|
x: offsetX,
|
|
1746
1746
|
y: offsetY,
|
|
@@ -3428,10 +3428,12 @@ const LightboxComponent = {
|
|
|
3428
3428
|
required: ["settings", "content", "styles"]
|
|
3429
3429
|
}
|
|
3430
3430
|
};
|
|
3431
|
+
const container = "Testimonials-module__container___H14Dc";
|
|
3431
3432
|
const wrapper = "Testimonials-module__wrapper___eCRwv";
|
|
3432
3433
|
const cover = "Testimonials-module__cover___5I7Fh";
|
|
3433
3434
|
const caption = "Testimonials-module__caption___-YQRG";
|
|
3434
3435
|
const creds = "Testimonials-module__creds___KKvX1";
|
|
3436
|
+
const image = "Testimonials-module__image___nHD1Y";
|
|
3435
3437
|
const icon = "Testimonials-module__icon___SstqT";
|
|
3436
3438
|
const arrow = "Testimonials-module__arrow___NO6BN";
|
|
3437
3439
|
const nextArrow = "Testimonials-module__nextArrow___L3G-W";
|
|
@@ -3440,10 +3442,12 @@ const arrowIcon = "Testimonials-module__arrowIcon___fw7vy";
|
|
|
3440
3442
|
const arrowImg = "Testimonials-module__arrowImg___7R9fl";
|
|
3441
3443
|
const mirror = "Testimonials-module__mirror___JkFna";
|
|
3442
3444
|
const classes = {
|
|
3445
|
+
container,
|
|
3443
3446
|
wrapper,
|
|
3444
3447
|
cover,
|
|
3445
3448
|
caption,
|
|
3446
3449
|
creds,
|
|
3450
|
+
image,
|
|
3447
3451
|
icon,
|
|
3448
3452
|
arrow,
|
|
3449
3453
|
nextArrow,
|
|
@@ -3486,38 +3490,69 @@ function getAlignPosition(alignment, offset, isEditor) {
|
|
|
3486
3490
|
}
|
|
3487
3491
|
return styles2;
|
|
3488
3492
|
}
|
|
3489
|
-
const
|
|
3493
|
+
const parseSpeedToMs = (speed) => {
|
|
3494
|
+
if (!speed) return 0;
|
|
3495
|
+
const match = speed.match(/^(\d+)(ms|s)$/);
|
|
3496
|
+
if (!match) return 0;
|
|
3497
|
+
const value = parseInt(match[1], 10);
|
|
3498
|
+
const unit = match[2];
|
|
3499
|
+
return unit === "s" ? value * 1e3 : value;
|
|
3500
|
+
};
|
|
3501
|
+
const Testimonials = ({ settings, content, styles: styles2, isEditor }) => {
|
|
3490
3502
|
const sliderRef = React.useRef(null);
|
|
3491
3503
|
const { general, card, controls } = settings;
|
|
3492
3504
|
const { width, height } = card.dimensions;
|
|
3493
3505
|
const perMove = settings.general.move === "one" ? 1 : settings.general.inView || 1;
|
|
3494
3506
|
const perPage = settings.general.inView || 3;
|
|
3495
|
-
const
|
|
3507
|
+
const isAutoplay = settings.general.autoplay === "on";
|
|
3508
|
+
const marqueePerMove = isAutoplay ? 1 : perMove;
|
|
3509
|
+
const speedMs = isAutoplay ? settings.general.speed ? parseSpeedToMs(settings.general.speed) : 0 : 500;
|
|
3510
|
+
const wrapperWidth = !isAutoplay ? scalingValue(width * perPage + settings.card.gap * (perPage - 1) + card.borders.width * 2 * perPage, isEditor ?? false) : void 0;
|
|
3511
|
+
const splideKey = `${general.autoplay}-${general.inView}`;
|
|
3512
|
+
React.useEffect(() => {
|
|
3513
|
+
var _a;
|
|
3514
|
+
if ((_a = sliderRef.current) == null ? void 0 : _a.splide) {
|
|
3515
|
+
const splide = sliderRef.current.splide;
|
|
3516
|
+
splide.options = {
|
|
3517
|
+
...splide.options,
|
|
3518
|
+
autoplay: isAutoplay,
|
|
3519
|
+
perPage,
|
|
3520
|
+
perMove: marqueePerMove,
|
|
3521
|
+
interval: isAutoplay ? speedMs || 500 : 0,
|
|
3522
|
+
rewind: !isAutoplay
|
|
3523
|
+
};
|
|
3524
|
+
splide.refresh();
|
|
3525
|
+
}
|
|
3526
|
+
}, [general.autoplay, general.inView, isAutoplay, perPage, marqueePerMove, speedMs]);
|
|
3496
3527
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3497
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3528
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.container, style: { justifyContent: settings.general.alignment }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3498
3529
|
"div",
|
|
3499
3530
|
{
|
|
3500
3531
|
className: `${classes.wrapper}`,
|
|
3501
|
-
style: wrapperWidth ? { width:
|
|
3532
|
+
style: wrapperWidth ? { width: wrapperWidth } : void 0,
|
|
3502
3533
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3503
3534
|
reactSplide.Splide,
|
|
3504
3535
|
{
|
|
3505
3536
|
ref: sliderRef,
|
|
3506
3537
|
options: {
|
|
3507
3538
|
type: "loop",
|
|
3508
|
-
fixedWidth: width,
|
|
3509
|
-
|
|
3539
|
+
fixedWidth: scalingValue(width + card.borders.width * 2, isEditor ?? false),
|
|
3540
|
+
...settings.general.autoplay === "off" && {
|
|
3510
3541
|
perPage,
|
|
3511
3542
|
width: wrapperWidth
|
|
3512
3543
|
},
|
|
3513
3544
|
arrows: false,
|
|
3514
|
-
perMove,
|
|
3515
|
-
gap: settings.card.gap,
|
|
3545
|
+
perMove: isAutoplay ? marqueePerMove : perMove,
|
|
3546
|
+
gap: scalingValue(settings.card.gap, isEditor ?? false),
|
|
3516
3547
|
padding: 0,
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3548
|
+
drag: false,
|
|
3549
|
+
autoplay: isAutoplay,
|
|
3550
|
+
speed: speedMs,
|
|
3551
|
+
// Transition duration (default to 500ms if not set)
|
|
3552
|
+
interval: speedMs,
|
|
3553
|
+
// Match speed for continuous marquee flow
|
|
3554
|
+
rewind: !isAutoplay,
|
|
3555
|
+
// Disable rewind for smooth marquee, enable for manual mode
|
|
3521
3556
|
easing: "linear",
|
|
3522
3557
|
direction: settings.general.direction === "left" ? "ltr" : "rtl",
|
|
3523
3558
|
pagination: false,
|
|
@@ -3526,17 +3561,71 @@ const Testimonials = ({ settings, content, styles: styles2 }) => {
|
|
|
3526
3561
|
},
|
|
3527
3562
|
children: content.map((item, index) => {
|
|
3528
3563
|
var _a, _b, _c, _d, _e;
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
|
|
3564
|
+
const iconPositionStyles = getAlignPosition(settings.elements.icon.alignment, settings.elements.icon.offset, isEditor);
|
|
3565
|
+
return /* @__PURE__ */ jsxRuntime.jsx(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3566
|
+
"div",
|
|
3567
|
+
{
|
|
3568
|
+
style: {
|
|
3569
|
+
width: scalingValue(width, isEditor ?? false),
|
|
3570
|
+
height: scalingValue(height, isEditor ?? false),
|
|
3571
|
+
borderRadius: scalingValue(settings.card.corner, isEditor ?? false),
|
|
3572
|
+
border: `${scalingValue(settings.card.borders.width, isEditor ?? false)} solid ${settings.card.borders.color}`,
|
|
3573
|
+
overflow: "hidden",
|
|
3574
|
+
boxSizing: "border-box"
|
|
3575
|
+
},
|
|
3576
|
+
children: [
|
|
3577
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3578
|
+
"img",
|
|
3579
|
+
{
|
|
3580
|
+
className: classes.image,
|
|
3581
|
+
src: (_a = item.image) == null ? void 0 : _a.url,
|
|
3582
|
+
alt: (_b = item.image) == null ? void 0 : _b.name,
|
|
3583
|
+
style: { objectFit: ((_c = item.image) == null ? void 0 : _c.objectFit) || "cover" }
|
|
3584
|
+
}
|
|
3585
|
+
),
|
|
3586
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3587
|
+
"div",
|
|
3588
|
+
{
|
|
3589
|
+
className: classes.cover,
|
|
3590
|
+
style: { background: settings.card.bgColor, borderRadius: `${scalingValue(settings.card.corner, isEditor ?? false)}` }
|
|
3591
|
+
}
|
|
3592
|
+
),
|
|
3593
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3594
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3595
|
+
"img",
|
|
3596
|
+
{
|
|
3597
|
+
src: (_d = item.icon) == null ? void 0 : _d.url,
|
|
3598
|
+
alt: (_e = item.icon) == null ? void 0 : _e.name,
|
|
3599
|
+
className: classes.icon,
|
|
3600
|
+
style: {
|
|
3601
|
+
...iconPositionStyles,
|
|
3602
|
+
transform: `${iconPositionStyles.transform || ""} scale(${settings.elements.icon.scale / 100})`
|
|
3603
|
+
}
|
|
3604
|
+
}
|
|
3605
|
+
),
|
|
3606
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3607
|
+
"div",
|
|
3608
|
+
{
|
|
3609
|
+
className: classes.caption,
|
|
3610
|
+
style: getAlignPosition(settings.elements.text.alignment, settings.elements.text.offset, isEditor),
|
|
3611
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: item.imageCaption })
|
|
3612
|
+
}
|
|
3613
|
+
),
|
|
3614
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3615
|
+
"div",
|
|
3616
|
+
{
|
|
3617
|
+
className: classes.creds,
|
|
3618
|
+
style: getAlignPosition(settings.elements.creds.alignment, settings.elements.creds.offset, isEditor),
|
|
3619
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: item.creds })
|
|
3620
|
+
}
|
|
3621
|
+
)
|
|
3622
|
+
] })
|
|
3623
|
+
]
|
|
3624
|
+
}
|
|
3625
|
+
) }, index);
|
|
3538
3626
|
})
|
|
3539
|
-
}
|
|
3627
|
+
},
|
|
3628
|
+
splideKey
|
|
3540
3629
|
)
|
|
3541
3630
|
}
|
|
3542
3631
|
) }),
|
|
@@ -3550,10 +3639,10 @@ const Testimonials = ({ settings, content, styles: styles2 }) => {
|
|
|
3550
3639
|
"button",
|
|
3551
3640
|
{
|
|
3552
3641
|
className: classes.arrowInner,
|
|
3553
|
-
style: { transform: `translate(${scalingValue(controls.offset.x, false)}, ${scalingValue(controls.offset.y, false)}) scale(${controls.scale / 100})` },
|
|
3642
|
+
style: { transform: `translate(${scalingValue(controls.offset.x, isEditor ?? false)}, ${scalingValue(controls.offset.y, isEditor ?? false)}) scale(${controls.scale / 100})` },
|
|
3554
3643
|
onClick: () => {
|
|
3555
3644
|
var _a;
|
|
3556
|
-
return (_a = sliderRef.current) == null ? void 0 : _a.go("-1");
|
|
3645
|
+
return (_a = sliderRef.current) == null ? void 0 : _a.go(isAutoplay ? "-1" : `-${perMove}`);
|
|
3557
3646
|
},
|
|
3558
3647
|
"aria-label": "Previous",
|
|
3559
3648
|
children: [
|
|
@@ -3581,10 +3670,10 @@ const Testimonials = ({ settings, content, styles: styles2 }) => {
|
|
|
3581
3670
|
"button",
|
|
3582
3671
|
{
|
|
3583
3672
|
className: classes.arrowInner,
|
|
3584
|
-
style: { transform: `translate(${scalingValue(controls.offset.x * -1, false)}, ${scalingValue(controls.offset.y, false)}) scale(${controls.scale / 100})` },
|
|
3673
|
+
style: { transform: `translate(${scalingValue(controls.offset.x * -1, isEditor ?? false)}, ${scalingValue(controls.offset.y, isEditor ?? false)}) scale(${controls.scale / 100})` },
|
|
3585
3674
|
onClick: () => {
|
|
3586
3675
|
var _a;
|
|
3587
|
-
return (_a = sliderRef.current) == null ? void 0 : _a.go("+1");
|
|
3676
|
+
return (_a = sliderRef.current) == null ? void 0 : _a.go(isAutoplay ? "+1" : `+${perMove}`);
|
|
3588
3677
|
},
|
|
3589
3678
|
"aria-label": "Next",
|
|
3590
3679
|
children: [
|
|
@@ -3632,13 +3721,12 @@ const TestimonialsComponent = {
|
|
|
3632
3721
|
},
|
|
3633
3722
|
properties: {
|
|
3634
3723
|
general: {
|
|
3635
|
-
title: "general",
|
|
3636
3724
|
icon: "thumbnail",
|
|
3637
|
-
tooltip: "General",
|
|
3638
3725
|
type: "object",
|
|
3639
3726
|
properties: {
|
|
3640
3727
|
autoplay: {
|
|
3641
|
-
type: "
|
|
3728
|
+
type: "string",
|
|
3729
|
+
title: "Autoplay",
|
|
3642
3730
|
display: {
|
|
3643
3731
|
type: "ratio-group",
|
|
3644
3732
|
direction: "horizontal"
|
|
@@ -3655,15 +3743,16 @@ const TestimonialsComponent = {
|
|
|
3655
3743
|
},
|
|
3656
3744
|
alignment: {
|
|
3657
3745
|
type: "string",
|
|
3658
|
-
title: "
|
|
3746
|
+
title: "Alignment",
|
|
3659
3747
|
display: {
|
|
3660
3748
|
type: "align-group",
|
|
3661
|
-
direction: "
|
|
3749
|
+
direction: "vertical"
|
|
3662
3750
|
},
|
|
3663
|
-
enum: ["
|
|
3751
|
+
enum: ["left", "center", "right"]
|
|
3664
3752
|
},
|
|
3665
3753
|
move: {
|
|
3666
3754
|
type: "string",
|
|
3755
|
+
title: "Move",
|
|
3667
3756
|
display: {
|
|
3668
3757
|
type: "ratio-group",
|
|
3669
3758
|
direction: "horizontal"
|
|
@@ -3671,14 +3760,12 @@ const TestimonialsComponent = {
|
|
|
3671
3760
|
enum: ["one", "view"]
|
|
3672
3761
|
},
|
|
3673
3762
|
speed: {
|
|
3674
|
-
type: "
|
|
3763
|
+
type: ["string", "null"],
|
|
3675
3764
|
title: "Speed",
|
|
3676
|
-
min: 100,
|
|
3677
|
-
max: 1e4,
|
|
3678
|
-
step: 100,
|
|
3679
3765
|
display: {
|
|
3680
|
-
type: "
|
|
3681
|
-
}
|
|
3766
|
+
type: "step-selector"
|
|
3767
|
+
},
|
|
3768
|
+
enum: ["100ms", "250ms", "500ms", "1000ms", "1500ms", "2000ms"]
|
|
3682
3769
|
},
|
|
3683
3770
|
direction: {
|
|
3684
3771
|
type: "string",
|
|
@@ -3698,9 +3785,7 @@ const TestimonialsComponent = {
|
|
|
3698
3785
|
}
|
|
3699
3786
|
},
|
|
3700
3787
|
card: {
|
|
3701
|
-
title: "card",
|
|
3702
3788
|
icon: "card",
|
|
3703
|
-
tooltip: "Card",
|
|
3704
3789
|
type: "object",
|
|
3705
3790
|
properties: {
|
|
3706
3791
|
dimensions: {
|
|
@@ -3744,6 +3829,7 @@ const TestimonialsComponent = {
|
|
|
3744
3829
|
title: "Corners",
|
|
3745
3830
|
scalingEnabled: true,
|
|
3746
3831
|
min: 0,
|
|
3832
|
+
label: "icon:border-radius",
|
|
3747
3833
|
display: {
|
|
3748
3834
|
type: "numeric-input"
|
|
3749
3835
|
}
|
|
@@ -3755,17 +3841,16 @@ const TestimonialsComponent = {
|
|
|
3755
3841
|
type: "group"
|
|
3756
3842
|
},
|
|
3757
3843
|
properties: {
|
|
3758
|
-
|
|
3844
|
+
width: {
|
|
3759
3845
|
type: "number",
|
|
3760
|
-
|
|
3846
|
+
label: "icon:border-width",
|
|
3761
3847
|
scalingEnabled: true,
|
|
3762
3848
|
min: 0,
|
|
3763
3849
|
display: {
|
|
3764
3850
|
type: "numeric-input"
|
|
3765
3851
|
}
|
|
3766
3852
|
},
|
|
3767
|
-
|
|
3768
|
-
title: "Border Color",
|
|
3853
|
+
color: {
|
|
3769
3854
|
type: "string",
|
|
3770
3855
|
display: {
|
|
3771
3856
|
type: "settings-color-picker",
|
|
@@ -3787,12 +3872,17 @@ const TestimonialsComponent = {
|
|
|
3787
3872
|
elements: {
|
|
3788
3873
|
title: "elements",
|
|
3789
3874
|
icon: "star",
|
|
3790
|
-
tooltip: "Elements",
|
|
3791
3875
|
type: "object",
|
|
3792
3876
|
properties: {
|
|
3877
|
+
elements: {
|
|
3878
|
+
type: "string",
|
|
3879
|
+
display: {
|
|
3880
|
+
type: "ratio-group"
|
|
3881
|
+
},
|
|
3882
|
+
enum: ["text", "icon", "caption"]
|
|
3883
|
+
},
|
|
3793
3884
|
text: {
|
|
3794
3885
|
type: "object",
|
|
3795
|
-
title: "Text",
|
|
3796
3886
|
display: {
|
|
3797
3887
|
type: "group"
|
|
3798
3888
|
},
|
|
@@ -3800,7 +3890,8 @@ const TestimonialsComponent = {
|
|
|
3800
3890
|
alignment: {
|
|
3801
3891
|
type: "string",
|
|
3802
3892
|
display: {
|
|
3803
|
-
type: "
|
|
3893
|
+
type: "align-grid",
|
|
3894
|
+
visible: true
|
|
3804
3895
|
},
|
|
3805
3896
|
enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
|
|
3806
3897
|
},
|
|
@@ -3808,7 +3899,8 @@ const TestimonialsComponent = {
|
|
|
3808
3899
|
type: "object",
|
|
3809
3900
|
title: "Offset",
|
|
3810
3901
|
display: {
|
|
3811
|
-
type: "group"
|
|
3902
|
+
type: "group",
|
|
3903
|
+
visible: true
|
|
3812
3904
|
},
|
|
3813
3905
|
properties: {
|
|
3814
3906
|
x: {
|
|
@@ -3835,7 +3927,6 @@ const TestimonialsComponent = {
|
|
|
3835
3927
|
},
|
|
3836
3928
|
icon: {
|
|
3837
3929
|
type: "object",
|
|
3838
|
-
title: "Icon",
|
|
3839
3930
|
display: {
|
|
3840
3931
|
type: "group"
|
|
3841
3932
|
},
|
|
@@ -3843,7 +3934,7 @@ const TestimonialsComponent = {
|
|
|
3843
3934
|
alignment: {
|
|
3844
3935
|
type: "string",
|
|
3845
3936
|
display: {
|
|
3846
|
-
type: "
|
|
3937
|
+
type: "align-grid"
|
|
3847
3938
|
},
|
|
3848
3939
|
enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
|
|
3849
3940
|
},
|
|
@@ -3880,14 +3971,14 @@ const TestimonialsComponent = {
|
|
|
3880
3971
|
min: 50,
|
|
3881
3972
|
max: 600,
|
|
3882
3973
|
display: {
|
|
3883
|
-
type: "range-control"
|
|
3974
|
+
type: "range-control",
|
|
3975
|
+
visible: false
|
|
3884
3976
|
}
|
|
3885
3977
|
}
|
|
3886
3978
|
}
|
|
3887
3979
|
},
|
|
3888
3980
|
creds: {
|
|
3889
3981
|
type: "object",
|
|
3890
|
-
title: "Credentials",
|
|
3891
3982
|
display: {
|
|
3892
3983
|
type: "group"
|
|
3893
3984
|
},
|
|
@@ -3895,7 +3986,7 @@ const TestimonialsComponent = {
|
|
|
3895
3986
|
alignment: {
|
|
3896
3987
|
type: "string",
|
|
3897
3988
|
display: {
|
|
3898
|
-
type: "
|
|
3989
|
+
type: "align-grid"
|
|
3899
3990
|
},
|
|
3900
3991
|
enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
|
|
3901
3992
|
},
|
|
@@ -3927,23 +4018,6 @@ const TestimonialsComponent = {
|
|
|
3927
4018
|
}
|
|
3928
4019
|
}
|
|
3929
4020
|
}
|
|
3930
|
-
},
|
|
3931
|
-
cover: {
|
|
3932
|
-
type: "object",
|
|
3933
|
-
title: "Cover",
|
|
3934
|
-
display: {
|
|
3935
|
-
type: "group"
|
|
3936
|
-
},
|
|
3937
|
-
properties: {
|
|
3938
|
-
gradient: {
|
|
3939
|
-
title: "Gradient",
|
|
3940
|
-
type: "string",
|
|
3941
|
-
display: {
|
|
3942
|
-
type: "settings-color-picker",
|
|
3943
|
-
format: "gradient"
|
|
3944
|
-
}
|
|
3945
|
-
}
|
|
3946
|
-
}
|
|
3947
4021
|
}
|
|
3948
4022
|
}
|
|
3949
4023
|
},
|
|
@@ -4022,24 +4096,26 @@ const TestimonialsComponent = {
|
|
|
4022
4096
|
},
|
|
4023
4097
|
default: {
|
|
4024
4098
|
general: {
|
|
4025
|
-
autoplay:
|
|
4099
|
+
autoplay: "off",
|
|
4026
4100
|
inView: 3,
|
|
4027
4101
|
alignment: "center",
|
|
4028
4102
|
move: "one",
|
|
4029
|
-
speed:
|
|
4103
|
+
speed: "3s",
|
|
4030
4104
|
direction: "left",
|
|
4031
|
-
pause: "
|
|
4105
|
+
pause: "off"
|
|
4032
4106
|
},
|
|
4033
4107
|
card: {
|
|
4034
4108
|
dimensions: {
|
|
4035
|
-
width:
|
|
4036
|
-
height:
|
|
4109
|
+
width: 0.1,
|
|
4110
|
+
height: 0.2
|
|
4111
|
+
},
|
|
4112
|
+
gap: 0.02,
|
|
4113
|
+
corner: 0.01,
|
|
4114
|
+
borders: {
|
|
4115
|
+
width: 1e-3,
|
|
4116
|
+
color: "#000000"
|
|
4037
4117
|
},
|
|
4038
|
-
|
|
4039
|
-
corner: 10,
|
|
4040
|
-
borderWidth: 0,
|
|
4041
|
-
borderColor: "#000000",
|
|
4042
|
-
bgColor: "#ffffff"
|
|
4118
|
+
bgColor: "rgba(255, 255, 255, 0.2)"
|
|
4043
4119
|
},
|
|
4044
4120
|
controls: {
|
|
4045
4121
|
isActive: false,
|
|
@@ -4053,8 +4129,9 @@ const TestimonialsComponent = {
|
|
|
4053
4129
|
hover: "#cccccc"
|
|
4054
4130
|
},
|
|
4055
4131
|
elements: {
|
|
4132
|
+
elements: "text",
|
|
4056
4133
|
text: {
|
|
4057
|
-
alignment: "
|
|
4134
|
+
alignment: "middle-left",
|
|
4058
4135
|
offset: {
|
|
4059
4136
|
x: 0,
|
|
4060
4137
|
y: 0
|
|
@@ -4069,17 +4146,346 @@ const TestimonialsComponent = {
|
|
|
4069
4146
|
scale: 100
|
|
4070
4147
|
},
|
|
4071
4148
|
creds: {
|
|
4072
|
-
alignment: "bottom-
|
|
4149
|
+
alignment: "bottom-left",
|
|
4073
4150
|
offset: {
|
|
4074
4151
|
x: 0,
|
|
4075
4152
|
y: 0
|
|
4076
4153
|
}
|
|
4154
|
+
}
|
|
4155
|
+
}
|
|
4156
|
+
},
|
|
4157
|
+
displayRules: [
|
|
4158
|
+
{
|
|
4159
|
+
if: {
|
|
4160
|
+
name: "general.autoplay",
|
|
4161
|
+
value: "off"
|
|
4162
|
+
},
|
|
4163
|
+
then: {
|
|
4164
|
+
name: "properties.general.properties.inView.display.visible",
|
|
4165
|
+
value: true
|
|
4166
|
+
}
|
|
4167
|
+
},
|
|
4168
|
+
{
|
|
4169
|
+
if: {
|
|
4170
|
+
name: "general.autoplay",
|
|
4171
|
+
value: "off"
|
|
4172
|
+
},
|
|
4173
|
+
then: {
|
|
4174
|
+
name: "properties.general.properties.alignment.display.visible",
|
|
4175
|
+
value: true
|
|
4176
|
+
}
|
|
4177
|
+
},
|
|
4178
|
+
{
|
|
4179
|
+
if: {
|
|
4180
|
+
name: "general.autoplay",
|
|
4181
|
+
value: "off"
|
|
4182
|
+
},
|
|
4183
|
+
then: {
|
|
4184
|
+
name: "properties.general.properties.move.display.visible",
|
|
4185
|
+
value: true
|
|
4186
|
+
}
|
|
4187
|
+
},
|
|
4188
|
+
{
|
|
4189
|
+
if: {
|
|
4190
|
+
name: "general.autoplay",
|
|
4191
|
+
value: "on"
|
|
4192
|
+
},
|
|
4193
|
+
then: {
|
|
4194
|
+
name: "properties.general.properties.inView.display.visible",
|
|
4195
|
+
value: false
|
|
4196
|
+
}
|
|
4197
|
+
},
|
|
4198
|
+
{
|
|
4199
|
+
if: {
|
|
4200
|
+
name: "general.autoplay",
|
|
4201
|
+
value: "on"
|
|
4202
|
+
},
|
|
4203
|
+
then: {
|
|
4204
|
+
name: "properties.general.properties.alignment.display.visible",
|
|
4205
|
+
value: false
|
|
4206
|
+
}
|
|
4207
|
+
},
|
|
4208
|
+
{
|
|
4209
|
+
if: {
|
|
4210
|
+
name: "general.autoplay",
|
|
4211
|
+
value: "on"
|
|
4212
|
+
},
|
|
4213
|
+
then: {
|
|
4214
|
+
name: "properties.general.properties.move.display.visible",
|
|
4215
|
+
value: false
|
|
4216
|
+
}
|
|
4217
|
+
},
|
|
4218
|
+
{
|
|
4219
|
+
if: {
|
|
4220
|
+
name: "general.autoplay",
|
|
4221
|
+
value: "on"
|
|
4222
|
+
},
|
|
4223
|
+
then: {
|
|
4224
|
+
name: "properties.general.properties.speed.display.visible",
|
|
4225
|
+
value: true
|
|
4226
|
+
}
|
|
4227
|
+
},
|
|
4228
|
+
{
|
|
4229
|
+
if: {
|
|
4230
|
+
name: "general.autoplay",
|
|
4231
|
+
value: "on"
|
|
4232
|
+
},
|
|
4233
|
+
then: {
|
|
4234
|
+
name: "properties.general.properties.direction.display.visible",
|
|
4235
|
+
value: true
|
|
4236
|
+
}
|
|
4237
|
+
},
|
|
4238
|
+
{
|
|
4239
|
+
if: {
|
|
4240
|
+
name: "general.autoplay",
|
|
4241
|
+
value: "on"
|
|
4242
|
+
},
|
|
4243
|
+
then: {
|
|
4244
|
+
name: "properties.general.properties.pause.display.visible",
|
|
4245
|
+
value: true
|
|
4246
|
+
}
|
|
4247
|
+
},
|
|
4248
|
+
{
|
|
4249
|
+
if: {
|
|
4250
|
+
name: "general.autoplay",
|
|
4251
|
+
value: "off"
|
|
4252
|
+
},
|
|
4253
|
+
then: {
|
|
4254
|
+
name: "properties.general.properties.speed.display.visible",
|
|
4255
|
+
value: false
|
|
4256
|
+
}
|
|
4257
|
+
},
|
|
4258
|
+
{
|
|
4259
|
+
if: {
|
|
4260
|
+
name: "general.autoplay",
|
|
4261
|
+
value: "off"
|
|
4262
|
+
},
|
|
4263
|
+
then: {
|
|
4264
|
+
name: "properties.general.properties.direction.display.visible",
|
|
4265
|
+
value: false
|
|
4266
|
+
}
|
|
4267
|
+
},
|
|
4268
|
+
{
|
|
4269
|
+
if: {
|
|
4270
|
+
name: "general.autoplay",
|
|
4271
|
+
value: "off"
|
|
4077
4272
|
},
|
|
4078
|
-
|
|
4079
|
-
|
|
4273
|
+
then: {
|
|
4274
|
+
name: "properties.general.properties.pause.display.visible",
|
|
4275
|
+
value: false
|
|
4276
|
+
}
|
|
4277
|
+
},
|
|
4278
|
+
{
|
|
4279
|
+
if: {
|
|
4280
|
+
name: "elements.elements",
|
|
4281
|
+
value: "text"
|
|
4282
|
+
},
|
|
4283
|
+
then: {
|
|
4284
|
+
name: "properties.elements.properties.text.properties.alignment.display.visible",
|
|
4285
|
+
value: true
|
|
4286
|
+
}
|
|
4287
|
+
},
|
|
4288
|
+
{
|
|
4289
|
+
if: {
|
|
4290
|
+
name: "elements.elements",
|
|
4291
|
+
value: "text"
|
|
4292
|
+
},
|
|
4293
|
+
then: {
|
|
4294
|
+
name: "properties.elements.properties.text.properties.offset.display.visible",
|
|
4295
|
+
value: true
|
|
4296
|
+
}
|
|
4297
|
+
},
|
|
4298
|
+
{
|
|
4299
|
+
if: {
|
|
4300
|
+
name: "elements.elements",
|
|
4301
|
+
value: "text"
|
|
4302
|
+
},
|
|
4303
|
+
then: {
|
|
4304
|
+
name: "properties.elements.properties.icon.properties.alignment.display.visible",
|
|
4305
|
+
value: false
|
|
4306
|
+
}
|
|
4307
|
+
},
|
|
4308
|
+
{
|
|
4309
|
+
if: {
|
|
4310
|
+
name: "elements.elements",
|
|
4311
|
+
value: "text"
|
|
4312
|
+
},
|
|
4313
|
+
then: {
|
|
4314
|
+
name: "properties.elements.properties.icon.properties.offset.display.visible",
|
|
4315
|
+
value: false
|
|
4316
|
+
}
|
|
4317
|
+
},
|
|
4318
|
+
{
|
|
4319
|
+
if: {
|
|
4320
|
+
name: "elements.elements",
|
|
4321
|
+
value: "text"
|
|
4322
|
+
},
|
|
4323
|
+
then: {
|
|
4324
|
+
name: "properties.elements.properties.creds.properties.alignment.display.visible",
|
|
4325
|
+
value: false
|
|
4326
|
+
}
|
|
4327
|
+
},
|
|
4328
|
+
{
|
|
4329
|
+
if: {
|
|
4330
|
+
name: "elements.elements",
|
|
4331
|
+
value: "text"
|
|
4332
|
+
},
|
|
4333
|
+
then: {
|
|
4334
|
+
name: "properties.elements.properties.creds.properties.offset.display.visible",
|
|
4335
|
+
value: false
|
|
4336
|
+
}
|
|
4337
|
+
},
|
|
4338
|
+
{
|
|
4339
|
+
if: {
|
|
4340
|
+
name: "elements.elements",
|
|
4341
|
+
value: "icon"
|
|
4342
|
+
},
|
|
4343
|
+
then: {
|
|
4344
|
+
name: "properties.elements.properties.icon.properties.alignment.display.visible",
|
|
4345
|
+
value: true
|
|
4346
|
+
}
|
|
4347
|
+
},
|
|
4348
|
+
{
|
|
4349
|
+
if: {
|
|
4350
|
+
name: "elements.elements",
|
|
4351
|
+
value: "icon"
|
|
4352
|
+
},
|
|
4353
|
+
then: {
|
|
4354
|
+
name: "properties.elements.properties.icon.properties.offset.display.visible",
|
|
4355
|
+
value: true
|
|
4356
|
+
}
|
|
4357
|
+
},
|
|
4358
|
+
{
|
|
4359
|
+
if: {
|
|
4360
|
+
name: "elements.elements",
|
|
4361
|
+
value: "icon"
|
|
4362
|
+
},
|
|
4363
|
+
then: {
|
|
4364
|
+
name: "properties.elements.properties.text.properties.alignment.display.visible",
|
|
4365
|
+
value: false
|
|
4366
|
+
}
|
|
4367
|
+
},
|
|
4368
|
+
{
|
|
4369
|
+
if: {
|
|
4370
|
+
name: "elements.elements",
|
|
4371
|
+
value: "icon"
|
|
4372
|
+
},
|
|
4373
|
+
then: {
|
|
4374
|
+
name: "properties.elements.properties.text.properties.offset.display.visible",
|
|
4375
|
+
value: false
|
|
4376
|
+
}
|
|
4377
|
+
},
|
|
4378
|
+
{
|
|
4379
|
+
if: {
|
|
4380
|
+
name: "elements.elements",
|
|
4381
|
+
value: "icon"
|
|
4382
|
+
},
|
|
4383
|
+
then: {
|
|
4384
|
+
name: "properties.elements.properties.creds.properties.alignment.display.visible",
|
|
4385
|
+
value: false
|
|
4386
|
+
}
|
|
4387
|
+
},
|
|
4388
|
+
{
|
|
4389
|
+
if: {
|
|
4390
|
+
name: "elements.elements",
|
|
4391
|
+
value: "icon"
|
|
4392
|
+
},
|
|
4393
|
+
then: {
|
|
4394
|
+
name: "properties.elements.properties.creds.properties.offset.display.visible",
|
|
4395
|
+
value: false
|
|
4396
|
+
}
|
|
4397
|
+
},
|
|
4398
|
+
{
|
|
4399
|
+
if: {
|
|
4400
|
+
name: "elements.elements",
|
|
4401
|
+
value: "caption"
|
|
4402
|
+
},
|
|
4403
|
+
then: {
|
|
4404
|
+
name: "properties.elements.properties.creds.properties.alignment.display.visible",
|
|
4405
|
+
value: true
|
|
4406
|
+
}
|
|
4407
|
+
},
|
|
4408
|
+
{
|
|
4409
|
+
if: {
|
|
4410
|
+
name: "elements.elements",
|
|
4411
|
+
value: "caption"
|
|
4412
|
+
},
|
|
4413
|
+
then: {
|
|
4414
|
+
name: "properties.elements.properties.creds.properties.offset.display.visible",
|
|
4415
|
+
value: true
|
|
4416
|
+
}
|
|
4417
|
+
},
|
|
4418
|
+
{
|
|
4419
|
+
if: {
|
|
4420
|
+
name: "elements.elements",
|
|
4421
|
+
value: "caption"
|
|
4422
|
+
},
|
|
4423
|
+
then: {
|
|
4424
|
+
name: "properties.elements.properties.text.properties.alignment.display.visible",
|
|
4425
|
+
value: false
|
|
4426
|
+
}
|
|
4427
|
+
},
|
|
4428
|
+
{
|
|
4429
|
+
if: {
|
|
4430
|
+
name: "elements.elements",
|
|
4431
|
+
value: "caption"
|
|
4432
|
+
},
|
|
4433
|
+
then: {
|
|
4434
|
+
name: "properties.elements.properties.text.properties.offset.display.visible",
|
|
4435
|
+
value: false
|
|
4436
|
+
}
|
|
4437
|
+
},
|
|
4438
|
+
{
|
|
4439
|
+
if: {
|
|
4440
|
+
name: "elements.elements",
|
|
4441
|
+
value: "caption"
|
|
4442
|
+
},
|
|
4443
|
+
then: {
|
|
4444
|
+
name: "properties.elements.properties.icon.properties.alignment.display.visible",
|
|
4445
|
+
value: false
|
|
4446
|
+
}
|
|
4447
|
+
},
|
|
4448
|
+
{
|
|
4449
|
+
if: {
|
|
4450
|
+
name: "elements.elements",
|
|
4451
|
+
value: "caption"
|
|
4452
|
+
},
|
|
4453
|
+
then: {
|
|
4454
|
+
name: "properties.elements.properties.icon.properties.offset.display.visible",
|
|
4455
|
+
value: false
|
|
4456
|
+
}
|
|
4457
|
+
},
|
|
4458
|
+
{
|
|
4459
|
+
if: {
|
|
4460
|
+
name: "elements.elements",
|
|
4461
|
+
value: "icon"
|
|
4462
|
+
},
|
|
4463
|
+
then: {
|
|
4464
|
+
name: "properties.elements.properties.icon.properties.scale.display.visible",
|
|
4465
|
+
value: true
|
|
4466
|
+
}
|
|
4467
|
+
},
|
|
4468
|
+
{
|
|
4469
|
+
if: {
|
|
4470
|
+
name: "elements.elements",
|
|
4471
|
+
value: "text"
|
|
4472
|
+
},
|
|
4473
|
+
then: {
|
|
4474
|
+
name: "properties.elements.properties.icon.properties.scale.display.visible",
|
|
4475
|
+
value: false
|
|
4476
|
+
}
|
|
4477
|
+
},
|
|
4478
|
+
{
|
|
4479
|
+
if: {
|
|
4480
|
+
name: "elements.elements",
|
|
4481
|
+
value: "caption"
|
|
4482
|
+
},
|
|
4483
|
+
then: {
|
|
4484
|
+
name: "properties.elements.properties.icon.properties.scale.display.visible",
|
|
4485
|
+
value: false
|
|
4080
4486
|
}
|
|
4081
4487
|
}
|
|
4082
|
-
|
|
4488
|
+
]
|
|
4083
4489
|
},
|
|
4084
4490
|
content: {
|
|
4085
4491
|
layoutBased: false,
|
|
@@ -4136,8 +4542,8 @@ const TestimonialsComponent = {
|
|
|
4136
4542
|
required: ["url", "name"]
|
|
4137
4543
|
},
|
|
4138
4544
|
imageCaption: {
|
|
4139
|
-
placeholder: "Add
|
|
4140
|
-
label: "
|
|
4545
|
+
placeholder: "Add Text...",
|
|
4546
|
+
label: "Text",
|
|
4141
4547
|
display: {
|
|
4142
4548
|
type: "rich-text",
|
|
4143
4549
|
minWidth: 300,
|
|
@@ -4145,8 +4551,8 @@ const TestimonialsComponent = {
|
|
|
4145
4551
|
}
|
|
4146
4552
|
},
|
|
4147
4553
|
creds: {
|
|
4148
|
-
placeholder: "Add
|
|
4149
|
-
label: "
|
|
4554
|
+
placeholder: "Add Caption...",
|
|
4555
|
+
label: "Caption",
|
|
4150
4556
|
display: {
|
|
4151
4557
|
type: "rich-text",
|
|
4152
4558
|
minWidth: 300,
|
|
@@ -4165,7 +4571,7 @@ const TestimonialsComponent = {
|
|
|
4165
4571
|
},
|
|
4166
4572
|
icon: {
|
|
4167
4573
|
objectFit: "cover",
|
|
4168
|
-
url: "",
|
|
4574
|
+
url: "https://cdn.cntrl.site/projects/01GJ2SPNXG3V5P35ZA35YM1JTW/articles-assets/01KEXYWFPR7GB70E4YBF28T8R6.png",
|
|
4169
4575
|
name: ""
|
|
4170
4576
|
},
|
|
4171
4577
|
imageCaption: [
|
|
@@ -4189,7 +4595,7 @@ const TestimonialsComponent = {
|
|
|
4189
4595
|
},
|
|
4190
4596
|
icon: {
|
|
4191
4597
|
objectFit: "cover",
|
|
4192
|
-
url: "",
|
|
4598
|
+
url: "https://cdn.cntrl.site/projects/01GJ2SPNXG3V5P35ZA35YM1JTW/articles-assets/01KEXYWFPR7GB70E4YBF28T8R6.png",
|
|
4193
4599
|
name: ""
|
|
4194
4600
|
},
|
|
4195
4601
|
imageCaption: [
|
|
@@ -4213,7 +4619,7 @@ const TestimonialsComponent = {
|
|
|
4213
4619
|
},
|
|
4214
4620
|
icon: {
|
|
4215
4621
|
objectFit: "cover",
|
|
4216
|
-
url: "",
|
|
4622
|
+
url: "https://cdn.cntrl.site/projects/01GJ2SPNXG3V5P35ZA35YM1JTW/articles-assets/01KEXYWFPR7GB70E4YBF28T8R6.png",
|
|
4217
4623
|
name: ""
|
|
4218
4624
|
},
|
|
4219
4625
|
imageCaption: [
|