@innovastudio/contentbuilder 1.5.153 → 1.5.155
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.
|
@@ -1333,8 +1333,8 @@ const renderQuickAdd = builder => {
|
|
|
1333
1333
|
dom.addEventListener(elm, 'click', () => {
|
|
1334
1334
|
const mode = quickadd.getAttribute('data-mode');
|
|
1335
1335
|
let html = `<div>
|
|
1336
|
-
|
|
1337
|
-
|
|
1336
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal rounded-full py-2 px-6 size-15 leading-14 border-transparent hover:border-transparent" style="color: rgb(24, 24, 27); background-color: rgb(240, 240, 241);" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor='';" data-bg="rgb(240, 240, 241)" data-hover-bg="rgb(236, 236, 238)">Read More</a>
|
|
1337
|
+
</div>`;
|
|
1338
1338
|
if (builder.opts.emailMode) {
|
|
1339
1339
|
html = '<div><a href="#" role="button" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a></div>';
|
|
1340
1340
|
}
|
|
@@ -1343,10 +1343,10 @@ const renderQuickAdd = builder => {
|
|
|
1343
1343
|
elm = quickadd.querySelector('.add-twobutton');
|
|
1344
1344
|
dom.addEventListener(elm, 'click', () => {
|
|
1345
1345
|
const mode = quickadd.getAttribute('data-mode');
|
|
1346
|
-
let html = `<div>
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1346
|
+
let html = `<div class="space-x-1">
|
|
1347
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal rounded-full py-2 px-6 size-15 leading-14 border-transparent hover:border-transparent" style="color: rgb(24, 24, 27); background-color: rgb(240, 240, 241);" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor='';" data-bg="rgb(240, 240, 241)" data-hover-bg="rgb(236, 236, 238)">Read More</a>
|
|
1348
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal rounded-full py-2 px-6 size-15 leading-14 border-transparent hover:border-transparent" style="color: rgb(250, 250, 250); background-color: rgb(24, 24, 27);" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor='';" data-bg="rgb(24, 24, 27)" data-hover-bg="rgb(63, 63, 70)">Get Started</a>
|
|
1349
|
+
</div>`;
|
|
1350
1350
|
if (builder.opts.emailMode) {
|
|
1351
1351
|
html = `<div>
|
|
1352
1352
|
<a href="#" role="button" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a>
|
|
@@ -47687,7 +47687,7 @@ class ButtonEditor {
|
|
|
47687
47687
|
</div>
|
|
47688
47688
|
<div id="divButtonTemplates" class="is-tab-content" tabindex="-1" data-group="button">
|
|
47689
47689
|
|
|
47690
|
-
<div id="divButtonTemplateList"
|
|
47690
|
+
<div id="divButtonTemplateList"></div>
|
|
47691
47691
|
|
|
47692
47692
|
</div>
|
|
47693
47693
|
</div>
|
|
@@ -48662,334 +48662,953 @@ class ButtonEditor {
|
|
|
48662
48662
|
callback(currColor);
|
|
48663
48663
|
this.builderStuff.removeChild(elm);
|
|
48664
48664
|
}
|
|
48665
|
-
renderTemplates() {
|
|
48666
|
-
const templates = [/* rounded */
|
|
48667
48665
|
|
|
48666
|
+
// Button generator function
|
|
48667
|
+
generateButton(config) {
|
|
48668
|
+
const {
|
|
48669
|
+
type = 'outline',
|
|
48670
|
+
shape = 'rounded',
|
|
48671
|
+
size = 'medium',
|
|
48672
|
+
text = 'Button',
|
|
48673
|
+
color,
|
|
48674
|
+
bg,
|
|
48675
|
+
hoverBg,
|
|
48676
|
+
borderColor,
|
|
48677
|
+
// hoverBorderColor,
|
|
48678
|
+
customClasses = '',
|
|
48679
|
+
href = '#'
|
|
48680
|
+
} = config;
|
|
48681
|
+
|
|
48682
|
+
// Base classes that all buttons share
|
|
48683
|
+
const baseClasses = 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mt-2 mb-1 font-normal tracking-normal';
|
|
48684
|
+
|
|
48685
|
+
// Shape classes
|
|
48686
|
+
const shapeClasses = {
|
|
48687
|
+
'rounded': 'rounded-full',
|
|
48688
|
+
'square': '',
|
|
48689
|
+
'slightly-rounded': 'rounded-lg'
|
|
48690
|
+
};
|
|
48691
|
+
|
|
48692
|
+
// Size classes - adjust padding, font size, and line height
|
|
48693
|
+
const sizeClasses = {
|
|
48694
|
+
'small': 'py-1 px-4 size-14 leading-13',
|
|
48695
|
+
'medium': 'py-2 px-6 size-15 leading-14',
|
|
48696
|
+
'large': 'py-2 px-7 size-16 leading-16'
|
|
48697
|
+
};
|
|
48698
|
+
|
|
48699
|
+
// Build the final class string
|
|
48700
|
+
// let classes = `${baseClasses} ${shapeClasses[shape] || ''} ${customClasses}`.trim();
|
|
48701
|
+
let classes = `${baseClasses} ${shapeClasses[shape] || ''} ${sizeClasses[size] || sizeClasses.medium} ${customClasses}`.trim();
|
|
48702
|
+
|
|
48703
|
+
// 🔹 Remove 'no-underline' if 'underline' exists in customClasses
|
|
48704
|
+
if (/\bunderline\b/.test(customClasses)) {
|
|
48705
|
+
classes = classes.replace(/\bno-underline\b/, '').trim();
|
|
48706
|
+
}
|
|
48707
|
+
|
|
48708
|
+
// Build style and attributes based on type
|
|
48709
|
+
if (type === 'outline') {
|
|
48710
|
+
// Outline button
|
|
48711
|
+
const borderClass = borderColor ? '' : 'border-current hover:border-current';
|
|
48712
|
+
classes += ` ${borderClass}`;
|
|
48713
|
+
|
|
48714
|
+
// const styleAttr = borderColor ? `style="border-color: ${borderColor};"` : '';
|
|
48715
|
+
const styleAttr = color ? `style="color: ${color};"` : '';
|
|
48716
|
+
return {
|
|
48717
|
+
html: `<a href="${href}" role="button" class="${classes}"${styleAttr ? ' ' + styleAttr : ''}>${text}</a>`
|
|
48718
|
+
};
|
|
48719
|
+
} else if (type === 'solid') {
|
|
48720
|
+
// Solid button with background
|
|
48721
|
+
classes += ' border-transparent hover:border-transparent';
|
|
48722
|
+
let html = '<a\n';
|
|
48723
|
+
html += ` href="${href}"\n`;
|
|
48724
|
+
html += ' role="button"\n';
|
|
48725
|
+
html += ` class="${classes}"\n`;
|
|
48726
|
+
if (color || bg) {
|
|
48727
|
+
const styles = [];
|
|
48728
|
+
if (color) styles.push(`color: ${color}`);
|
|
48729
|
+
if (bg) styles.push(`background-color: ${bg}`);
|
|
48730
|
+
html += ` style="${styles.join('; ')};"`;
|
|
48731
|
+
}
|
|
48732
|
+
if (bg && hoverBg) {
|
|
48733
|
+
html += `\n data-bg="${bg}"`;
|
|
48734
|
+
html += `\n data-hover-bg="${hoverBg}"`;
|
|
48735
|
+
html += '\n onmouseover="if(this.getAttribute(\'data-hover-bg\'))this.style.backgroundColor=this.getAttribute(\'data-hover-bg\');"';
|
|
48736
|
+
html += '\n onmouseout="if(this.getAttribute(\'data-bg\'))this.style.backgroundColor=this.getAttribute(\'data-bg\');else this.style.backgroundColor=\'\';"';
|
|
48737
|
+
}
|
|
48738
|
+
html += '>\n';
|
|
48739
|
+
html += ` ${text}\n`;
|
|
48740
|
+
html += '</a>';
|
|
48741
|
+
return {
|
|
48742
|
+
html
|
|
48743
|
+
};
|
|
48744
|
+
}
|
|
48745
|
+
}
|
|
48746
|
+
renderTemplates() {
|
|
48747
|
+
// Button configuration
|
|
48748
|
+
const buttonConfigs = [
|
|
48749
|
+
// Rounded buttons
|
|
48668
48750
|
{
|
|
48669
|
-
|
|
48670
|
-
|
|
48671
|
-
|
|
48751
|
+
type: 'solid',
|
|
48752
|
+
shape: 'rounded',
|
|
48753
|
+
text: 'Read More',
|
|
48754
|
+
color: 'rgb(24, 24, 27)',
|
|
48755
|
+
bg: 'transparent',
|
|
48756
|
+
hoverBg: 'transparent',
|
|
48757
|
+
customClasses: 'underline'
|
|
48758
|
+
}, {
|
|
48759
|
+
type: 'outline',
|
|
48760
|
+
shape: 'rounded',
|
|
48761
|
+
text: 'Read More'
|
|
48672
48762
|
}, {
|
|
48673
|
-
|
|
48674
|
-
|
|
48675
|
-
|
|
48763
|
+
type: 'solid',
|
|
48764
|
+
shape: 'rounded',
|
|
48765
|
+
text: 'Read More',
|
|
48766
|
+
color: 'rgb(24, 24, 27)',
|
|
48767
|
+
bg: 'rgb(240, 240, 241)',
|
|
48768
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48676
48769
|
}, {
|
|
48677
|
-
|
|
48678
|
-
|
|
48679
|
-
|
|
48770
|
+
type: 'solid',
|
|
48771
|
+
shape: 'rounded',
|
|
48772
|
+
text: 'Read More',
|
|
48773
|
+
color: 'rgb(250, 250, 250)',
|
|
48774
|
+
bg: 'rgb(24, 24, 27)',
|
|
48775
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48680
48776
|
}, {
|
|
48681
|
-
|
|
48682
|
-
|
|
48683
|
-
|
|
48777
|
+
type: 'outline',
|
|
48778
|
+
shape: 'rounded',
|
|
48779
|
+
text: 'Read More',
|
|
48780
|
+
color: 'rgb(250, 250, 250)',
|
|
48781
|
+
bg: 'transparent',
|
|
48782
|
+
hoverBg: 'transparent'
|
|
48684
48783
|
}, {
|
|
48685
|
-
|
|
48686
|
-
|
|
48687
|
-
|
|
48784
|
+
type: 'solid',
|
|
48785
|
+
shape: 'rounded',
|
|
48786
|
+
text: 'Read More',
|
|
48787
|
+
color: '#ffffff',
|
|
48788
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
48789
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48688
48790
|
}, {
|
|
48689
|
-
|
|
48690
|
-
|
|
48691
|
-
|
|
48692
|
-
|
|
48791
|
+
type: 'solid',
|
|
48792
|
+
shape: 'rounded',
|
|
48793
|
+
text: 'Read More',
|
|
48794
|
+
color: '#ffffff',
|
|
48795
|
+
bg: '#3b82f6',
|
|
48796
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48797
|
+
}, {
|
|
48798
|
+
type: 'solid',
|
|
48799
|
+
shape: 'rounded',
|
|
48800
|
+
text: 'Read More',
|
|
48801
|
+
color: 'rgb(24, 24, 27)',
|
|
48802
|
+
bg: '#fff',
|
|
48803
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
48804
|
+
},
|
|
48805
|
+
// Colors
|
|
48693
48806
|
{
|
|
48694
|
-
|
|
48695
|
-
|
|
48696
|
-
|
|
48807
|
+
type: 'solid',
|
|
48808
|
+
shape: 'rounded',
|
|
48809
|
+
size: 'medium',
|
|
48810
|
+
text: 'Read More',
|
|
48811
|
+
color: 'rgb(24, 24, 27)',
|
|
48812
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
48813
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48814
|
+
}, {
|
|
48815
|
+
type: 'solid',
|
|
48816
|
+
shape: 'rounded',
|
|
48817
|
+
size: 'medium',
|
|
48818
|
+
text: 'Read More',
|
|
48819
|
+
color: '#ffffff',
|
|
48820
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
48821
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48822
|
+
}, {
|
|
48823
|
+
type: 'solid',
|
|
48824
|
+
shape: 'rounded',
|
|
48825
|
+
size: 'medium',
|
|
48826
|
+
text: 'Read More',
|
|
48827
|
+
color: 'rgb(24, 24, 27)',
|
|
48828
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
48829
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48830
|
+
}, {
|
|
48831
|
+
type: 'solid',
|
|
48832
|
+
shape: 'rounded',
|
|
48833
|
+
size: 'medium',
|
|
48834
|
+
text: 'Read More',
|
|
48835
|
+
color: '#ffffff',
|
|
48836
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
48837
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
48838
|
+
}, {
|
|
48839
|
+
type: 'solid',
|
|
48840
|
+
shape: 'rounded',
|
|
48841
|
+
size: 'medium',
|
|
48842
|
+
text: 'Read More',
|
|
48843
|
+
color: '#ffffff',
|
|
48844
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
48845
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
48846
|
+
}, {
|
|
48847
|
+
type: 'solid',
|
|
48848
|
+
shape: 'rounded',
|
|
48849
|
+
size: 'medium',
|
|
48850
|
+
text: 'Read More',
|
|
48851
|
+
color: '#ffffff',
|
|
48852
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
48853
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
48854
|
+
}, {
|
|
48855
|
+
type: 'solid',
|
|
48856
|
+
shape: 'rounded',
|
|
48857
|
+
size: 'medium',
|
|
48858
|
+
text: 'Read More',
|
|
48859
|
+
color: 'rgb(24, 24, 27)',
|
|
48860
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
48861
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
48697
48862
|
}, {
|
|
48698
|
-
|
|
48699
|
-
|
|
48700
|
-
|
|
48863
|
+
type: 'solid',
|
|
48864
|
+
shape: 'rounded',
|
|
48865
|
+
size: 'medium',
|
|
48866
|
+
text: 'Read More',
|
|
48867
|
+
color: '#ffffff',
|
|
48868
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
48869
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
48701
48870
|
}, {
|
|
48702
|
-
|
|
48703
|
-
|
|
48704
|
-
|
|
48871
|
+
type: 'solid',
|
|
48872
|
+
shape: 'rounded',
|
|
48873
|
+
size: 'medium',
|
|
48874
|
+
text: 'Read More',
|
|
48875
|
+
color: '#ffffff',
|
|
48876
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
48877
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
48705
48878
|
}, {
|
|
48706
|
-
|
|
48707
|
-
|
|
48708
|
-
|
|
48709
|
-
|
|
48879
|
+
type: 'solid',
|
|
48880
|
+
shape: 'rounded',
|
|
48881
|
+
size: 'medium',
|
|
48882
|
+
text: 'Read More',
|
|
48883
|
+
color: 'rgb(24, 24, 27)',
|
|
48884
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
48885
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
48886
|
+
},
|
|
48887
|
+
// Slightly Rounded buttons
|
|
48710
48888
|
{
|
|
48711
|
-
|
|
48712
|
-
|
|
48713
|
-
|
|
48889
|
+
type: 'solid',
|
|
48890
|
+
shape: 'slightly-rounded',
|
|
48891
|
+
text: 'Read More',
|
|
48892
|
+
color: 'rgb(24, 24, 27)',
|
|
48893
|
+
bg: 'transparent',
|
|
48894
|
+
hoverBg: 'transparent',
|
|
48895
|
+
customClasses: 'underline'
|
|
48896
|
+
}, {
|
|
48897
|
+
type: 'outline',
|
|
48898
|
+
shape: 'slightly-rounded',
|
|
48899
|
+
text: 'Read More'
|
|
48900
|
+
}, {
|
|
48901
|
+
type: 'solid',
|
|
48902
|
+
shape: 'slightly-rounded',
|
|
48903
|
+
text: 'Read More',
|
|
48904
|
+
color: 'rgb(24, 24, 27)',
|
|
48905
|
+
bg: 'rgb(240, 240, 241)',
|
|
48906
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48714
48907
|
}, {
|
|
48715
|
-
|
|
48716
|
-
|
|
48717
|
-
|
|
48908
|
+
type: 'solid',
|
|
48909
|
+
shape: 'slightly-rounded',
|
|
48910
|
+
text: 'Read More',
|
|
48911
|
+
color: 'rgb(250, 250, 250)',
|
|
48912
|
+
bg: 'rgb(24, 24, 27)',
|
|
48913
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48718
48914
|
}, {
|
|
48719
|
-
|
|
48720
|
-
|
|
48721
|
-
|
|
48915
|
+
type: 'outline',
|
|
48916
|
+
shape: 'slightly-rounded',
|
|
48917
|
+
text: 'Read More',
|
|
48918
|
+
color: 'rgb(250, 250, 250)',
|
|
48919
|
+
bg: 'transparent',
|
|
48920
|
+
hoverBg: 'transparent'
|
|
48722
48921
|
}, {
|
|
48723
|
-
|
|
48724
|
-
|
|
48725
|
-
|
|
48922
|
+
type: 'solid',
|
|
48923
|
+
shape: 'slightly-rounded',
|
|
48924
|
+
text: 'Read More',
|
|
48925
|
+
color: '#ffffff',
|
|
48926
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
48927
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48726
48928
|
}, {
|
|
48727
|
-
|
|
48728
|
-
|
|
48729
|
-
|
|
48929
|
+
type: 'solid',
|
|
48930
|
+
shape: 'slightly-rounded',
|
|
48931
|
+
text: 'Read More',
|
|
48932
|
+
color: '#ffffff',
|
|
48933
|
+
bg: '#3b82f6',
|
|
48934
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48730
48935
|
}, {
|
|
48731
|
-
|
|
48732
|
-
|
|
48733
|
-
|
|
48734
|
-
|
|
48936
|
+
type: 'solid',
|
|
48937
|
+
shape: 'slightly-rounded',
|
|
48938
|
+
text: 'Read More',
|
|
48939
|
+
color: 'rgb(24, 24, 27)',
|
|
48940
|
+
bg: '#fff',
|
|
48941
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
48942
|
+
},
|
|
48943
|
+
// Colors
|
|
48735
48944
|
{
|
|
48736
|
-
|
|
48737
|
-
|
|
48738
|
-
|
|
48945
|
+
type: 'solid',
|
|
48946
|
+
shape: 'slightly-rounded',
|
|
48947
|
+
size: 'medium',
|
|
48948
|
+
text: 'Read More',
|
|
48949
|
+
color: 'rgb(24, 24, 27)',
|
|
48950
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
48951
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48739
48952
|
}, {
|
|
48740
|
-
|
|
48741
|
-
|
|
48742
|
-
|
|
48953
|
+
type: 'solid',
|
|
48954
|
+
shape: 'slightly-rounded',
|
|
48955
|
+
size: 'medium',
|
|
48956
|
+
text: 'Read More',
|
|
48957
|
+
color: '#ffffff',
|
|
48958
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
48959
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48743
48960
|
}, {
|
|
48744
|
-
|
|
48745
|
-
|
|
48746
|
-
|
|
48961
|
+
type: 'solid',
|
|
48962
|
+
shape: 'slightly-rounded',
|
|
48963
|
+
size: 'medium',
|
|
48964
|
+
text: 'Read More',
|
|
48965
|
+
color: 'rgb(24, 24, 27)',
|
|
48966
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
48967
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48747
48968
|
}, {
|
|
48748
|
-
|
|
48749
|
-
|
|
48750
|
-
|
|
48751
|
-
|
|
48752
|
-
|
|
48753
|
-
|
|
48754
|
-
|
|
48969
|
+
type: 'solid',
|
|
48970
|
+
shape: 'slightly-rounded',
|
|
48971
|
+
size: 'medium',
|
|
48972
|
+
text: 'Read More',
|
|
48973
|
+
color: '#ffffff',
|
|
48974
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
48975
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
48976
|
+
}, {
|
|
48977
|
+
type: 'solid',
|
|
48978
|
+
shape: 'slightly-rounded',
|
|
48979
|
+
size: 'medium',
|
|
48980
|
+
text: 'Read More',
|
|
48981
|
+
color: '#ffffff',
|
|
48982
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
48983
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
48984
|
+
}, {
|
|
48985
|
+
type: 'solid',
|
|
48986
|
+
shape: 'slightly-rounded',
|
|
48987
|
+
size: 'medium',
|
|
48988
|
+
text: 'Read More',
|
|
48989
|
+
color: '#ffffff',
|
|
48990
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
48991
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
48992
|
+
}, {
|
|
48993
|
+
type: 'solid',
|
|
48994
|
+
shape: 'slightly-rounded',
|
|
48995
|
+
size: 'medium',
|
|
48996
|
+
text: 'Read More',
|
|
48997
|
+
color: 'rgb(24, 24, 27)',
|
|
48998
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
48999
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49000
|
+
}, {
|
|
49001
|
+
type: 'solid',
|
|
49002
|
+
shape: 'slightly-rounded',
|
|
49003
|
+
size: 'medium',
|
|
49004
|
+
text: 'Read More',
|
|
49005
|
+
color: '#ffffff',
|
|
49006
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49007
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49008
|
+
}, {
|
|
49009
|
+
type: 'solid',
|
|
49010
|
+
shape: 'slightly-rounded',
|
|
49011
|
+
size: 'medium',
|
|
49012
|
+
text: 'Read More',
|
|
49013
|
+
color: '#ffffff',
|
|
49014
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49015
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49016
|
+
}, {
|
|
49017
|
+
type: 'solid',
|
|
49018
|
+
shape: 'slightly-rounded',
|
|
49019
|
+
size: 'medium',
|
|
49020
|
+
text: 'Read More',
|
|
49021
|
+
color: 'rgb(24, 24, 27)',
|
|
49022
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49023
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49024
|
+
},
|
|
49025
|
+
// Rounded buttons - Small
|
|
48755
49026
|
{
|
|
48756
|
-
|
|
48757
|
-
|
|
48758
|
-
|
|
49027
|
+
type: 'solid',
|
|
49028
|
+
shape: 'rounded',
|
|
49029
|
+
size: 'small',
|
|
49030
|
+
text: 'Read More',
|
|
49031
|
+
color: 'rgb(24, 24, 27)',
|
|
49032
|
+
bg: 'transparent',
|
|
49033
|
+
hoverBg: 'transparent',
|
|
49034
|
+
customClasses: 'underline'
|
|
48759
49035
|
}, {
|
|
48760
|
-
|
|
48761
|
-
|
|
48762
|
-
|
|
49036
|
+
type: 'outline',
|
|
49037
|
+
shape: 'rounded',
|
|
49038
|
+
size: 'small',
|
|
49039
|
+
text: 'Read More'
|
|
48763
49040
|
}, {
|
|
48764
|
-
|
|
48765
|
-
|
|
48766
|
-
|
|
49041
|
+
type: 'solid',
|
|
49042
|
+
shape: 'rounded',
|
|
49043
|
+
size: 'small',
|
|
49044
|
+
text: 'Read More',
|
|
49045
|
+
color: 'rgb(24, 24, 27)',
|
|
49046
|
+
bg: 'rgb(240, 240, 241)',
|
|
49047
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48767
49048
|
}, {
|
|
48768
|
-
|
|
48769
|
-
|
|
48770
|
-
|
|
49049
|
+
type: 'solid',
|
|
49050
|
+
shape: 'rounded',
|
|
49051
|
+
size: 'small',
|
|
49052
|
+
text: 'Read More',
|
|
49053
|
+
color: 'rgb(250, 250, 250)',
|
|
49054
|
+
bg: 'rgb(24, 24, 27)',
|
|
49055
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48771
49056
|
}, {
|
|
48772
|
-
|
|
48773
|
-
|
|
48774
|
-
|
|
49057
|
+
type: 'outline',
|
|
49058
|
+
shape: 'rounded',
|
|
49059
|
+
size: 'small',
|
|
49060
|
+
text: 'Read More',
|
|
49061
|
+
color: 'rgb(250, 250, 250)',
|
|
49062
|
+
bg: 'transparent',
|
|
49063
|
+
hoverBg: 'transparent'
|
|
48775
49064
|
}, {
|
|
48776
|
-
|
|
48777
|
-
|
|
48778
|
-
|
|
48779
|
-
|
|
49065
|
+
type: 'solid',
|
|
49066
|
+
shape: 'rounded',
|
|
49067
|
+
size: 'small',
|
|
49068
|
+
text: 'Read More',
|
|
49069
|
+
color: '#ffffff',
|
|
49070
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49071
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
49072
|
+
}, {
|
|
49073
|
+
type: 'solid',
|
|
49074
|
+
shape: 'rounded',
|
|
49075
|
+
size: 'small',
|
|
49076
|
+
text: 'Read More',
|
|
49077
|
+
color: '#ffffff',
|
|
49078
|
+
bg: '#3b82f6',
|
|
49079
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
49080
|
+
}, {
|
|
49081
|
+
type: 'solid',
|
|
49082
|
+
shape: 'rounded',
|
|
49083
|
+
size: 'small',
|
|
49084
|
+
text: 'Read More',
|
|
49085
|
+
color: 'rgb(24, 24, 27)',
|
|
49086
|
+
bg: '#fff',
|
|
49087
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49088
|
+
},
|
|
49089
|
+
// Colors
|
|
48780
49090
|
{
|
|
48781
|
-
|
|
48782
|
-
|
|
48783
|
-
|
|
49091
|
+
type: 'solid',
|
|
49092
|
+
shape: 'rounded',
|
|
49093
|
+
size: 'small',
|
|
49094
|
+
text: 'Read More',
|
|
49095
|
+
color: 'rgb(24, 24, 27)',
|
|
49096
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49097
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
49098
|
+
}, {
|
|
49099
|
+
type: 'solid',
|
|
49100
|
+
shape: 'rounded',
|
|
49101
|
+
size: 'small',
|
|
49102
|
+
text: 'Read More',
|
|
49103
|
+
color: '#ffffff',
|
|
49104
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49105
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48784
49106
|
}, {
|
|
48785
|
-
|
|
48786
|
-
|
|
48787
|
-
|
|
49107
|
+
type: 'solid',
|
|
49108
|
+
shape: 'rounded',
|
|
49109
|
+
size: 'small',
|
|
49110
|
+
text: 'Read More',
|
|
49111
|
+
color: 'rgb(24, 24, 27)',
|
|
49112
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49113
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48788
49114
|
}, {
|
|
48789
|
-
|
|
48790
|
-
|
|
48791
|
-
|
|
49115
|
+
type: 'solid',
|
|
49116
|
+
shape: 'rounded',
|
|
49117
|
+
size: 'small',
|
|
49118
|
+
text: 'Read More',
|
|
49119
|
+
color: '#ffffff',
|
|
49120
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49121
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
48792
49122
|
}, {
|
|
48793
|
-
|
|
48794
|
-
|
|
48795
|
-
|
|
48796
|
-
|
|
49123
|
+
type: 'solid',
|
|
49124
|
+
shape: 'rounded',
|
|
49125
|
+
size: 'small',
|
|
49126
|
+
text: 'Read More',
|
|
49127
|
+
color: '#ffffff',
|
|
49128
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49129
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49130
|
+
}, {
|
|
49131
|
+
type: 'solid',
|
|
49132
|
+
shape: 'rounded',
|
|
49133
|
+
size: 'small',
|
|
49134
|
+
text: 'Read More',
|
|
49135
|
+
color: '#ffffff',
|
|
49136
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49137
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49138
|
+
}, {
|
|
49139
|
+
type: 'solid',
|
|
49140
|
+
shape: 'rounded',
|
|
49141
|
+
size: 'small',
|
|
49142
|
+
text: 'Read More',
|
|
49143
|
+
color: 'rgb(24, 24, 27)',
|
|
49144
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49145
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49146
|
+
}, {
|
|
49147
|
+
type: 'solid',
|
|
49148
|
+
shape: 'rounded',
|
|
49149
|
+
size: 'small',
|
|
49150
|
+
text: 'Read More',
|
|
49151
|
+
color: '#ffffff',
|
|
49152
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49153
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49154
|
+
}, {
|
|
49155
|
+
type: 'solid',
|
|
49156
|
+
shape: 'rounded',
|
|
49157
|
+
size: 'small',
|
|
49158
|
+
text: 'Read More',
|
|
49159
|
+
color: '#ffffff',
|
|
49160
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49161
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49162
|
+
}, {
|
|
49163
|
+
type: 'solid',
|
|
49164
|
+
shape: 'rounded',
|
|
49165
|
+
size: 'small',
|
|
49166
|
+
text: 'Read More',
|
|
49167
|
+
color: 'rgb(24, 24, 27)',
|
|
49168
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49169
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49170
|
+
},
|
|
49171
|
+
// Slightly Rounded buttons - Small
|
|
48797
49172
|
{
|
|
48798
|
-
|
|
48799
|
-
|
|
48800
|
-
|
|
49173
|
+
type: 'solid',
|
|
49174
|
+
shape: 'slightly-rounded',
|
|
49175
|
+
size: 'small',
|
|
49176
|
+
text: 'Read More',
|
|
49177
|
+
color: 'rgb(24, 24, 27)',
|
|
49178
|
+
bg: 'transparent',
|
|
49179
|
+
hoverBg: 'transparent',
|
|
49180
|
+
customClasses: 'underline'
|
|
49181
|
+
}, {
|
|
49182
|
+
type: 'outline',
|
|
49183
|
+
shape: 'slightly-rounded',
|
|
49184
|
+
size: 'small',
|
|
49185
|
+
text: 'Read More'
|
|
49186
|
+
}, {
|
|
49187
|
+
type: 'solid',
|
|
49188
|
+
shape: 'slightly-rounded',
|
|
49189
|
+
size: 'small',
|
|
49190
|
+
text: 'Read More',
|
|
49191
|
+
color: 'rgb(24, 24, 27)',
|
|
49192
|
+
bg: 'rgb(240, 240, 241)',
|
|
49193
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48801
49194
|
}, {
|
|
48802
|
-
|
|
48803
|
-
|
|
48804
|
-
|
|
49195
|
+
type: 'solid',
|
|
49196
|
+
shape: 'slightly-rounded',
|
|
49197
|
+
size: 'small',
|
|
49198
|
+
text: 'Read More',
|
|
49199
|
+
color: 'rgb(250, 250, 250)',
|
|
49200
|
+
bg: 'rgb(24, 24, 27)',
|
|
49201
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48805
49202
|
}, {
|
|
48806
|
-
|
|
48807
|
-
|
|
48808
|
-
|
|
49203
|
+
type: 'outline',
|
|
49204
|
+
shape: 'slightly-rounded',
|
|
49205
|
+
size: 'small',
|
|
49206
|
+
text: 'Read More',
|
|
49207
|
+
color: 'rgb(250, 250, 250)',
|
|
49208
|
+
bg: 'transparent',
|
|
49209
|
+
hoverBg: 'transparent'
|
|
48809
49210
|
}, {
|
|
48810
|
-
|
|
48811
|
-
|
|
48812
|
-
|
|
49211
|
+
type: 'solid',
|
|
49212
|
+
shape: 'slightly-rounded',
|
|
49213
|
+
size: 'small',
|
|
49214
|
+
text: 'Read More',
|
|
49215
|
+
color: '#ffffff',
|
|
49216
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49217
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48813
49218
|
}, {
|
|
48814
|
-
|
|
48815
|
-
|
|
48816
|
-
|
|
49219
|
+
type: 'solid',
|
|
49220
|
+
shape: 'slightly-rounded',
|
|
49221
|
+
size: 'small',
|
|
49222
|
+
text: 'Read More',
|
|
49223
|
+
color: '#ffffff',
|
|
49224
|
+
bg: '#3b82f6',
|
|
49225
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
48817
49226
|
}, {
|
|
48818
|
-
|
|
48819
|
-
|
|
48820
|
-
|
|
48821
|
-
|
|
49227
|
+
type: 'solid',
|
|
49228
|
+
shape: 'slightly-rounded',
|
|
49229
|
+
size: 'small',
|
|
49230
|
+
text: 'Read More',
|
|
49231
|
+
color: 'rgb(24, 24, 27)',
|
|
49232
|
+
bg: '#fff',
|
|
49233
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49234
|
+
},
|
|
49235
|
+
// Colors
|
|
48822
49236
|
{
|
|
48823
|
-
|
|
48824
|
-
|
|
48825
|
-
|
|
49237
|
+
type: 'solid',
|
|
49238
|
+
shape: 'slightly-rounded',
|
|
49239
|
+
size: 'small',
|
|
49240
|
+
text: 'Read More',
|
|
49241
|
+
color: 'rgb(24, 24, 27)',
|
|
49242
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49243
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48826
49244
|
}, {
|
|
48827
|
-
|
|
48828
|
-
|
|
48829
|
-
|
|
49245
|
+
type: 'solid',
|
|
49246
|
+
shape: 'slightly-rounded',
|
|
49247
|
+
size: 'small',
|
|
49248
|
+
text: 'Read More',
|
|
49249
|
+
color: '#ffffff',
|
|
49250
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49251
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48830
49252
|
}, {
|
|
48831
|
-
|
|
48832
|
-
|
|
48833
|
-
|
|
49253
|
+
type: 'solid',
|
|
49254
|
+
shape: 'slightly-rounded',
|
|
49255
|
+
size: 'small',
|
|
49256
|
+
text: 'Read More',
|
|
49257
|
+
color: 'rgb(24, 24, 27)',
|
|
49258
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49259
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48834
49260
|
}, {
|
|
48835
|
-
|
|
48836
|
-
|
|
48837
|
-
|
|
48838
|
-
|
|
48839
|
-
|
|
48840
|
-
|
|
48841
|
-
|
|
49261
|
+
type: 'solid',
|
|
49262
|
+
shape: 'slightly-rounded',
|
|
49263
|
+
size: 'small',
|
|
49264
|
+
text: 'Read More',
|
|
49265
|
+
color: '#ffffff',
|
|
49266
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49267
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49268
|
+
}, {
|
|
49269
|
+
type: 'solid',
|
|
49270
|
+
shape: 'slightly-rounded',
|
|
49271
|
+
size: 'small',
|
|
49272
|
+
text: 'Read More',
|
|
49273
|
+
color: '#ffffff',
|
|
49274
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49275
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49276
|
+
}, {
|
|
49277
|
+
type: 'solid',
|
|
49278
|
+
shape: 'slightly-rounded',
|
|
49279
|
+
size: 'small',
|
|
49280
|
+
text: 'Read More',
|
|
49281
|
+
color: '#ffffff',
|
|
49282
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49283
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49284
|
+
}, {
|
|
49285
|
+
type: 'solid',
|
|
49286
|
+
shape: 'slightly-rounded',
|
|
49287
|
+
size: 'small',
|
|
49288
|
+
text: 'Read More',
|
|
49289
|
+
color: 'rgb(24, 24, 27)',
|
|
49290
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49291
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49292
|
+
}, {
|
|
49293
|
+
type: 'solid',
|
|
49294
|
+
shape: 'slightly-rounded',
|
|
49295
|
+
size: 'small',
|
|
49296
|
+
text: 'Read More',
|
|
49297
|
+
color: '#ffffff',
|
|
49298
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49299
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49300
|
+
}, {
|
|
49301
|
+
type: 'solid',
|
|
49302
|
+
shape: 'slightly-rounded',
|
|
49303
|
+
size: 'small',
|
|
49304
|
+
text: 'Read More',
|
|
49305
|
+
color: '#ffffff',
|
|
49306
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49307
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49308
|
+
}, {
|
|
49309
|
+
type: 'solid',
|
|
49310
|
+
shape: 'slightly-rounded',
|
|
49311
|
+
size: 'small',
|
|
49312
|
+
text: 'Read More',
|
|
49313
|
+
color: 'rgb(24, 24, 27)',
|
|
49314
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49315
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49316
|
+
},
|
|
49317
|
+
// Rounded buttons - Large
|
|
48842
49318
|
{
|
|
48843
|
-
|
|
48844
|
-
|
|
48845
|
-
|
|
49319
|
+
type: 'solid',
|
|
49320
|
+
shape: 'rounded',
|
|
49321
|
+
size: 'large',
|
|
49322
|
+
text: 'Read More',
|
|
49323
|
+
color: 'rgb(24, 24, 27)',
|
|
49324
|
+
bg: 'transparent',
|
|
49325
|
+
hoverBg: 'transparent',
|
|
49326
|
+
customClasses: 'underline'
|
|
49327
|
+
}, {
|
|
49328
|
+
type: 'outline',
|
|
49329
|
+
shape: 'rounded',
|
|
49330
|
+
size: 'large',
|
|
49331
|
+
text: 'Read More'
|
|
48846
49332
|
}, {
|
|
48847
|
-
|
|
48848
|
-
|
|
48849
|
-
|
|
49333
|
+
type: 'solid',
|
|
49334
|
+
shape: 'rounded',
|
|
49335
|
+
size: 'large',
|
|
49336
|
+
text: 'Read More',
|
|
49337
|
+
color: 'rgb(24, 24, 27)',
|
|
49338
|
+
bg: 'rgb(240, 240, 241)',
|
|
49339
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48850
49340
|
}, {
|
|
48851
|
-
|
|
48852
|
-
|
|
48853
|
-
|
|
49341
|
+
type: 'solid',
|
|
49342
|
+
shape: 'rounded',
|
|
49343
|
+
size: 'large',
|
|
49344
|
+
text: 'Read More',
|
|
49345
|
+
color: 'rgb(250, 250, 250)',
|
|
49346
|
+
bg: 'rgb(24, 24, 27)',
|
|
49347
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48854
49348
|
}, {
|
|
48855
|
-
|
|
48856
|
-
|
|
48857
|
-
|
|
49349
|
+
type: 'outline',
|
|
49350
|
+
shape: 'rounded',
|
|
49351
|
+
size: 'large',
|
|
49352
|
+
text: 'Read More',
|
|
49353
|
+
color: 'rgb(250, 250, 250)',
|
|
49354
|
+
bg: 'transparent',
|
|
49355
|
+
hoverBg: 'transparent'
|
|
48858
49356
|
}, {
|
|
48859
|
-
|
|
48860
|
-
|
|
48861
|
-
|
|
49357
|
+
type: 'solid',
|
|
49358
|
+
shape: 'rounded',
|
|
49359
|
+
size: 'large',
|
|
49360
|
+
text: 'Read More',
|
|
49361
|
+
color: '#ffffff',
|
|
49362
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49363
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48862
49364
|
}, {
|
|
48863
|
-
|
|
48864
|
-
|
|
48865
|
-
|
|
48866
|
-
|
|
49365
|
+
type: 'solid',
|
|
49366
|
+
shape: 'rounded',
|
|
49367
|
+
size: 'large',
|
|
49368
|
+
text: 'Read More',
|
|
49369
|
+
color: '#ffffff',
|
|
49370
|
+
bg: '#3b82f6',
|
|
49371
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
49372
|
+
}, {
|
|
49373
|
+
type: 'solid',
|
|
49374
|
+
shape: 'rounded',
|
|
49375
|
+
size: 'large',
|
|
49376
|
+
text: 'Read More',
|
|
49377
|
+
color: 'rgb(24, 24, 27)',
|
|
49378
|
+
bg: '#fff',
|
|
49379
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49380
|
+
},
|
|
49381
|
+
// Colors
|
|
48867
49382
|
{
|
|
48868
|
-
|
|
48869
|
-
|
|
48870
|
-
|
|
49383
|
+
type: 'solid',
|
|
49384
|
+
shape: 'rounded',
|
|
49385
|
+
size: 'large',
|
|
49386
|
+
text: 'Read More',
|
|
49387
|
+
color: 'rgb(24, 24, 27)',
|
|
49388
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49389
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
49390
|
+
}, {
|
|
49391
|
+
type: 'solid',
|
|
49392
|
+
shape: 'rounded',
|
|
49393
|
+
size: 'large',
|
|
49394
|
+
text: 'Read More',
|
|
49395
|
+
color: '#ffffff',
|
|
49396
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49397
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
49398
|
+
}, {
|
|
49399
|
+
type: 'solid',
|
|
49400
|
+
shape: 'rounded',
|
|
49401
|
+
size: 'large',
|
|
49402
|
+
text: 'Read More',
|
|
49403
|
+
color: 'rgb(24, 24, 27)',
|
|
49404
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49405
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
49406
|
+
}, {
|
|
49407
|
+
type: 'solid',
|
|
49408
|
+
shape: 'rounded',
|
|
49409
|
+
size: 'large',
|
|
49410
|
+
text: 'Read More',
|
|
49411
|
+
color: '#ffffff',
|
|
49412
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49413
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49414
|
+
}, {
|
|
49415
|
+
type: 'solid',
|
|
49416
|
+
shape: 'rounded',
|
|
49417
|
+
size: 'large',
|
|
49418
|
+
text: 'Read More',
|
|
49419
|
+
color: '#ffffff',
|
|
49420
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49421
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
48871
49422
|
}, {
|
|
48872
|
-
|
|
48873
|
-
|
|
48874
|
-
|
|
49423
|
+
type: 'solid',
|
|
49424
|
+
shape: 'rounded',
|
|
49425
|
+
size: 'large',
|
|
49426
|
+
text: 'Read More',
|
|
49427
|
+
color: '#ffffff',
|
|
49428
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49429
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
48875
49430
|
}, {
|
|
48876
|
-
|
|
48877
|
-
|
|
48878
|
-
|
|
49431
|
+
type: 'solid',
|
|
49432
|
+
shape: 'rounded',
|
|
49433
|
+
size: 'large',
|
|
49434
|
+
text: 'Read More',
|
|
49435
|
+
color: 'rgb(24, 24, 27)',
|
|
49436
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49437
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
48879
49438
|
}, {
|
|
48880
|
-
|
|
48881
|
-
|
|
48882
|
-
|
|
48883
|
-
|
|
49439
|
+
type: 'solid',
|
|
49440
|
+
shape: 'rounded',
|
|
49441
|
+
size: 'large',
|
|
49442
|
+
text: 'Read More',
|
|
49443
|
+
color: '#ffffff',
|
|
49444
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49445
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49446
|
+
}, {
|
|
49447
|
+
type: 'solid',
|
|
49448
|
+
shape: 'rounded',
|
|
49449
|
+
size: 'large',
|
|
49450
|
+
text: 'Read More',
|
|
49451
|
+
color: '#ffffff',
|
|
49452
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49453
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49454
|
+
}, {
|
|
49455
|
+
type: 'solid',
|
|
49456
|
+
shape: 'rounded',
|
|
49457
|
+
size: 'large',
|
|
49458
|
+
text: 'Read More',
|
|
49459
|
+
color: 'rgb(24, 24, 27)',
|
|
49460
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49461
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49462
|
+
},
|
|
49463
|
+
// Slightly Rounded buttons - Large
|
|
48884
49464
|
{
|
|
48885
|
-
|
|
48886
|
-
|
|
48887
|
-
|
|
49465
|
+
type: 'solid',
|
|
49466
|
+
shape: 'slightly-rounded',
|
|
49467
|
+
size: 'large',
|
|
49468
|
+
text: 'Read More',
|
|
49469
|
+
color: 'rgb(24, 24, 27)',
|
|
49470
|
+
bg: 'transparent',
|
|
49471
|
+
hoverBg: 'transparent',
|
|
49472
|
+
customClasses: 'underline'
|
|
49473
|
+
}, {
|
|
49474
|
+
type: 'outline',
|
|
49475
|
+
shape: 'slightly-rounded',
|
|
49476
|
+
size: 'large',
|
|
49477
|
+
text: 'Read More'
|
|
48888
49478
|
}, {
|
|
48889
|
-
|
|
48890
|
-
|
|
48891
|
-
|
|
49479
|
+
type: 'solid',
|
|
49480
|
+
shape: 'slightly-rounded',
|
|
49481
|
+
size: 'large',
|
|
49482
|
+
text: 'Read More',
|
|
49483
|
+
color: 'rgb(24, 24, 27)',
|
|
49484
|
+
bg: 'rgb(240, 240, 241)',
|
|
49485
|
+
hoverBg: 'rgb(236, 236, 238)'
|
|
48892
49486
|
}, {
|
|
48893
|
-
|
|
48894
|
-
|
|
48895
|
-
|
|
49487
|
+
type: 'solid',
|
|
49488
|
+
shape: 'slightly-rounded',
|
|
49489
|
+
size: 'large',
|
|
49490
|
+
text: 'Read More',
|
|
49491
|
+
color: 'rgb(250, 250, 250)',
|
|
49492
|
+
bg: 'rgb(24, 24, 27)',
|
|
49493
|
+
hoverBg: 'rgb(63, 63, 70)'
|
|
48896
49494
|
}, {
|
|
48897
|
-
|
|
48898
|
-
|
|
48899
|
-
|
|
49495
|
+
type: 'outline',
|
|
49496
|
+
shape: 'slightly-rounded',
|
|
49497
|
+
size: 'large',
|
|
49498
|
+
text: 'Read More',
|
|
49499
|
+
color: 'rgb(250, 250, 250)',
|
|
49500
|
+
bg: 'transparent',
|
|
49501
|
+
hoverBg: 'transparent'
|
|
48900
49502
|
}, {
|
|
48901
|
-
|
|
48902
|
-
|
|
48903
|
-
|
|
49503
|
+
type: 'solid',
|
|
49504
|
+
shape: 'slightly-rounded',
|
|
49505
|
+
size: 'large',
|
|
49506
|
+
text: 'Read More',
|
|
49507
|
+
color: '#ffffff',
|
|
49508
|
+
bg: 'rgba(13, 151, 255, 1)',
|
|
49509
|
+
hoverBg: 'rgba(7, 138, 237, 1)'
|
|
48904
49510
|
}, {
|
|
48905
|
-
|
|
48906
|
-
|
|
48907
|
-
|
|
48908
|
-
|
|
49511
|
+
type: 'solid',
|
|
49512
|
+
shape: 'slightly-rounded',
|
|
49513
|
+
size: 'large',
|
|
49514
|
+
text: 'Read More',
|
|
49515
|
+
color: '#ffffff',
|
|
49516
|
+
bg: '#3b82f6',
|
|
49517
|
+
hoverBg: 'rgba(47, 116, 228, 1)'
|
|
49518
|
+
}, {
|
|
49519
|
+
type: 'solid',
|
|
49520
|
+
shape: 'slightly-rounded',
|
|
49521
|
+
size: 'large',
|
|
49522
|
+
text: 'Read More',
|
|
49523
|
+
color: 'rgb(24, 24, 27)',
|
|
49524
|
+
bg: '#fff',
|
|
49525
|
+
hoverBg: 'rgba(248, 248, 250, 1)'
|
|
49526
|
+
},
|
|
49527
|
+
// Colors
|
|
48909
49528
|
{
|
|
48910
|
-
|
|
48911
|
-
|
|
48912
|
-
|
|
49529
|
+
type: 'solid',
|
|
49530
|
+
shape: 'slightly-rounded',
|
|
49531
|
+
size: 'large',
|
|
49532
|
+
text: 'Read More',
|
|
49533
|
+
color: 'rgb(24, 24, 27)',
|
|
49534
|
+
bg: 'rgba(111, 235, 255, 1)',
|
|
49535
|
+
hoverBg: 'rgba(98, 230, 252, 1)'
|
|
48913
49536
|
}, {
|
|
48914
|
-
|
|
48915
|
-
|
|
48916
|
-
|
|
49537
|
+
type: 'solid',
|
|
49538
|
+
shape: 'slightly-rounded',
|
|
49539
|
+
size: 'large',
|
|
49540
|
+
text: 'Read More',
|
|
49541
|
+
color: '#ffffff',
|
|
49542
|
+
bg: 'rgba(19, 166, 27, 1)',
|
|
49543
|
+
hoverBg: 'rgba(17, 155, 25, 1)'
|
|
48917
49544
|
}, {
|
|
48918
|
-
|
|
48919
|
-
|
|
48920
|
-
|
|
49545
|
+
type: 'solid',
|
|
49546
|
+
shape: 'slightly-rounded',
|
|
49547
|
+
size: 'large',
|
|
49548
|
+
text: 'Read More',
|
|
49549
|
+
color: 'rgb(24, 24, 27)',
|
|
49550
|
+
bg: 'rgba(254, 235, 101, 1)',
|
|
49551
|
+
hoverBg: 'rgba(249, 229, 85, 1)'
|
|
48921
49552
|
}, {
|
|
48922
|
-
|
|
48923
|
-
|
|
48924
|
-
|
|
48925
|
-
|
|
48926
|
-
|
|
48927
|
-
|
|
48928
|
-
|
|
48929
|
-
|
|
48930
|
-
|
|
48931
|
-
|
|
48932
|
-
|
|
48933
|
-
|
|
48934
|
-
|
|
48935
|
-
|
|
48936
|
-
|
|
48937
|
-
|
|
48938
|
-
|
|
48939
|
-
|
|
48940
|
-
|
|
48941
|
-
|
|
48942
|
-
|
|
48943
|
-
|
|
48944
|
-
|
|
48945
|
-
|
|
48946
|
-
|
|
48947
|
-
|
|
48948
|
-
|
|
48949
|
-
|
|
48950
|
-
|
|
48951
|
-
|
|
48952
|
-
|
|
48953
|
-
|
|
48954
|
-
|
|
48955
|
-
|
|
48956
|
-
|
|
48957
|
-
|
|
48958
|
-
|
|
48959
|
-
|
|
48960
|
-
|
|
48961
|
-
|
|
48962
|
-
|
|
48963
|
-
|
|
48964
|
-
|
|
48965
|
-
|
|
48966
|
-
|
|
48967
|
-
|
|
48968
|
-
|
|
48969
|
-
|
|
48970
|
-
|
|
48971
|
-
|
|
48972
|
-
|
|
48973
|
-
|
|
48974
|
-
|
|
48975
|
-
|
|
48976
|
-
|
|
48977
|
-
|
|
48978
|
-
|
|
48979
|
-
|
|
48980
|
-
|
|
48981
|
-
// className: 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid border-transparent hover:border-transparent bg-gray-200 hover:bg-gray-300 size-16 text-black font-normal uppercase py-3 px-11 tracking-75 mr-3 ml-0 rounded-md leading-relaxed'
|
|
48982
|
-
// },
|
|
48983
|
-
// {
|
|
48984
|
-
// text: 'Buy Now',
|
|
48985
|
-
// className: 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid size-16 tracking-75 font-normal uppercase px-11 py-3 hover:text-white hover:bg-teal-500 bg-teal-400 text-white border-transparent hover:border-transparent ml-0 mr-2 rounded-md leading-relaxed'
|
|
48986
|
-
// },
|
|
48987
|
-
// {
|
|
48988
|
-
// text: 'Play',
|
|
48989
|
-
// className: 'transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid ml-1 mr-1 size-16 text-black tracking-75 font-normal uppercase px-11 border-current hover:border-current py-3 rounded leading-relaxed'
|
|
48990
|
-
// },
|
|
48991
|
-
];
|
|
48992
|
-
|
|
49553
|
+
type: 'solid',
|
|
49554
|
+
shape: 'slightly-rounded',
|
|
49555
|
+
size: 'large',
|
|
49556
|
+
text: 'Read More',
|
|
49557
|
+
color: '#ffffff',
|
|
49558
|
+
bg: 'rgba(251, 45, 45, 1)',
|
|
49559
|
+
hoverBg: 'rgba(239, 38, 36, 1)'
|
|
49560
|
+
}, {
|
|
49561
|
+
type: 'solid',
|
|
49562
|
+
shape: 'slightly-rounded',
|
|
49563
|
+
size: 'large',
|
|
49564
|
+
text: 'Read More',
|
|
49565
|
+
color: '#ffffff',
|
|
49566
|
+
bg: 'rgba(255, 122, 0, 1)',
|
|
49567
|
+
hoverBg: 'rgba(248, 109, 2, 1)'
|
|
49568
|
+
}, {
|
|
49569
|
+
type: 'solid',
|
|
49570
|
+
shape: 'slightly-rounded',
|
|
49571
|
+
size: 'large',
|
|
49572
|
+
text: 'Read More',
|
|
49573
|
+
color: '#ffffff',
|
|
49574
|
+
bg: 'rgba(255, 68, 179, 1)',
|
|
49575
|
+
hoverBg: 'rgba(240, 46, 169, 1)'
|
|
49576
|
+
}, {
|
|
49577
|
+
type: 'solid',
|
|
49578
|
+
shape: 'slightly-rounded',
|
|
49579
|
+
size: 'large',
|
|
49580
|
+
text: 'Read More',
|
|
49581
|
+
color: 'rgb(24, 24, 27)',
|
|
49582
|
+
bg: 'rgba(148, 251, 208, 1)',
|
|
49583
|
+
hoverBg: 'rgba(133, 244, 198, 1)'
|
|
49584
|
+
}, {
|
|
49585
|
+
type: 'solid',
|
|
49586
|
+
shape: 'slightly-rounded',
|
|
49587
|
+
size: 'large',
|
|
49588
|
+
text: 'Read More',
|
|
49589
|
+
color: '#ffffff',
|
|
49590
|
+
bg: 'rgba(91, 73, 228, 1)',
|
|
49591
|
+
hoverBg: 'rgba(77, 59, 208, 1)'
|
|
49592
|
+
}, {
|
|
49593
|
+
type: 'solid',
|
|
49594
|
+
shape: 'slightly-rounded',
|
|
49595
|
+
size: 'large',
|
|
49596
|
+
text: 'Read More',
|
|
49597
|
+
color: '#ffffff',
|
|
49598
|
+
bg: 'rgba(142, 67, 237, 1)',
|
|
49599
|
+
hoverBg: 'rgba(122, 52, 212, 1)'
|
|
49600
|
+
}, {
|
|
49601
|
+
type: 'solid',
|
|
49602
|
+
shape: 'slightly-rounded',
|
|
49603
|
+
size: 'large',
|
|
49604
|
+
text: 'Read More',
|
|
49605
|
+
color: 'rgb(24, 24, 27)',
|
|
49606
|
+
bg: 'rgba(191, 245, 110, 1)',
|
|
49607
|
+
hoverBg: 'rgba(183, 236, 103, 1)'
|
|
49608
|
+
}];
|
|
49609
|
+
let templates = buttonConfigs.map(config => this.generateButton(config));
|
|
49610
|
+
const moreTemplates = [];
|
|
49611
|
+
templates = [...templates, ...moreTemplates];
|
|
48993
49612
|
let html = '';
|
|
48994
49613
|
for (let i = 0; i < templates.length; i++) {
|
|
48995
49614
|
if (templates[i].html) {
|
|
@@ -50144,8 +50763,17 @@ class Module {
|
|
|
50144
50763
|
let btnOk = moduleModal.querySelector('.input-ok');
|
|
50145
50764
|
dom.addEventListener(btnOk, 'click', () => {
|
|
50146
50765
|
let modalIframe = moduleModal.querySelector('iframe');
|
|
50147
|
-
if (modalIframe.contentWindow.construct)
|
|
50148
|
-
|
|
50766
|
+
if (modalIframe.contentWindow.construct) {
|
|
50767
|
+
const result = modalIframe.contentWindow.construct(); // transfer module code to hidContentModuleCode & hidContentModuleSettings for saving
|
|
50768
|
+
if (typeof result === 'object' && result !== null) {
|
|
50769
|
+
if (result.error) {
|
|
50770
|
+
alert(result.error);
|
|
50771
|
+
return;
|
|
50772
|
+
}
|
|
50773
|
+
}
|
|
50774
|
+
} else {
|
|
50775
|
+
return;
|
|
50776
|
+
}
|
|
50149
50777
|
this.builder.uo.saveForUndo();
|
|
50150
50778
|
let module = this.builder.activeModule;
|
|
50151
50779
|
|
|
@@ -96000,6 +96628,13 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
|
|
|
96000
96628
|
// Apply behavior on each row
|
|
96001
96629
|
const rows = this.dom.elementChildren(builder);
|
|
96002
96630
|
rows.forEach(row => {
|
|
96631
|
+
// Skip if not a DIV
|
|
96632
|
+
if (row.tagName !== 'DIV') return;
|
|
96633
|
+
|
|
96634
|
+
// Skip if it doesn't have any child DIVs
|
|
96635
|
+
const hasChildDiv = Array.from(row.children).some(child => child.tagName === 'DIV');
|
|
96636
|
+
if (!hasChildDiv) return;
|
|
96637
|
+
|
|
96003
96638
|
// The saveForUndo also saves sortable class when start dragging. If Undo is performed, the classes are returned. Cleanup the classes here.
|
|
96004
96639
|
row.classList.remove('sortable-ghost');
|
|
96005
96640
|
row.classList.remove('sortable-chosen');
|