@innovastudio/contentbox 1.5.38 → 1.5.40
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@innovastudio/contentbox",
|
3
3
|
"type": "module",
|
4
|
-
"version": "1.5.
|
4
|
+
"version": "1.5.40",
|
5
5
|
"description": "",
|
6
6
|
"main": "public/contentbox/contentbox.esm.js",
|
7
7
|
"files": [
|
@@ -46,7 +46,7 @@
|
|
46
46
|
"webpack-dev-server": "^4.0.0"
|
47
47
|
},
|
48
48
|
"dependencies": {
|
49
|
-
"@innovastudio/contentbuilder": "^1.4.
|
49
|
+
"@innovastudio/contentbuilder": "^1.4.29",
|
50
50
|
"js-beautify": "^1.14.0"
|
51
51
|
}
|
52
52
|
}
|
@@ -4040,7 +4040,8 @@ class EditSection {
|
|
4040
4040
|
</div>
|
4041
4041
|
</div>
|
4042
4042
|
` + '<div id="divSectionGeneral" class="is-tab-content active" data-group="sectionsettings" style="display:flex;padding-top:0">' + '<div style="display:flex;flex-direction:column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Move Section') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Move Up') + '" class="cmd-section-up" style="">↑</button>' + '<button title="' + out('Move Down') + '" class="cmd-section-down">↓</button>' + '<button title="' + out('Move to Top') + '" class="cmd-section-top"><span style="transform:rotate(90deg);position:absolute;top:13px;left:15px;">⇤</span></button>' + '<button title="' + out('Move to Bottom') + '" class="cmd-section-bottom"><span style="transform:rotate(90deg);position:absolute;top:13px;left:15px;">⇥</span></button>' + '<button title="' + out('Duplicate') + '" class="cmd-section-duplicate" style="margin-left:20px;"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-copy-outline"></use></svg></button>' + '</div>' + '</div>';
|
4043
|
-
html += '<div style="display:flex;flex-direction:column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Height') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('Auto') + '" class="cmd-section-height" data-value="0">' + out('Auto') + '</button>' +
|
4043
|
+
html += '<div style="display:flex;flex-direction:column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Height') + ':</div>' + '<div style="display:flex">' + // '<button title="' + out('Auto') + '" class="cmd-section-height" data-value="0">' + out('Auto') + '</button>' +
|
4044
|
+
'<button title="10%" class="cmd-section-height" data-value="10">10%</button>' + '<button title="15%" class="cmd-section-height" data-value="15">15%</button>' + '<button title="20%" class="cmd-section-height" data-value="20">20%</button>' + '<button title="25%" class="cmd-section-height" data-value="25">25%</button>' + '<button title="30%" class="cmd-section-height" data-value="30">30%</button>' + '<button title="40%" class="cmd-section-height" data-value="40">40%</button>' + '<button title="50%" class="cmd-section-height" data-value="50">50%</button>' + '</div>' + '<div style="display:flex">' + '<button title="60%" class="cmd-section-height" data-value="60" style="border-left:none;border-top:none;">60%</button>' + '<button title="70%" class="cmd-section-height" data-value="70" style="border-left:none;border-top:none;">70%</button>' + '<button title="75%" class="cmd-section-height" data-value="75" style="border-left:none;border-top:none;">75%</button>' + '<button title="80%" class="cmd-section-height" data-value="80" style="border-left:none;border-top:none;">80%</button>' + '<button title="85%" class="cmd-section-height" data-value="85" style="border-left:none;border-top:none;">85%</button>' + '<button title="90%" class="cmd-section-height" data-value="90" style="border-left:none;border-top:none;">90%</button>' + '<button title="100%" class="cmd-section-height" data-value="100" style="border-left:none;border-top:none;">100%</button>' + '<button title="' + out('Clear') + '" class="cmd-section-height" data-value="0"><svg class="is-icon-flex"><use xlink:href="#icon-clean"></use></svg></button>' + '</div>' + '</div>' + '<div style="display:flex;flex-direction:column;">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Spacing') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('xxs') + '" class="cmd-box-spacing" data-value="xxs">' + out('xxs') + '</button>' + '<button title="' + out('xs') + '" class="cmd-box-spacing" data-value="default">' + out('xs') + '</button>' + '<button title="' + out('sm') + '" class="cmd-box-spacing" data-value="sm">' + out('sm') + '</button>' + '<button title="' + out('m') + '" class="cmd-box-spacing" data-value="m">' + out('m') + '</button>' + '<button title="' + out('lg') + '" class="cmd-box-spacing" data-value="lg">' + out('lg') + '</button>' + '<button title="' + out('Clear') + '" class="cmd-box-spacing" data-value=""><svg class="is-icon-flex"><use xlink:href="#icon-clean"></use></svg></button>' + '</div>' + '</div>';
|
4044
4045
|
html += '<div class="div-section-spacesettings" style="display:flex;flex-direction:column;">' + '<div class="div-multi-boxes">' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Between Boxes') + ':</div>' + '<div style="display:flex">' + '<button title="' + out('space') + '" class="cmd-betweenbox-spacing" data-value="space">' + out('space') + '</button>' + '<button title="' + out('no space') + '" class="cmd-betweenbox-spacing" data-value="no-space">' + out('no space') + '</button>' + '</div>' + '</div>' + '<div style="display:none;padding-top:20px;padding-bottom: 3px;">' + out('Stack') + ':</div>' + '<div style="display:none">' + '<button title="' + out('top') + '" class="cmd-section-stack" data-value="top">' + out('top') + '</button>' + '<button title="' + out('middle') + '" class="cmd-section-stack" data-value="middle">' + out('middle') + '</button>' + '<button title="' + out('bottom') + '" class="cmd-section-stack" data-value="bottom">' + out('bottom') + '</button>' + '<button title="' + out('Clear') + '" class="cmd-section-stack" data-value=""><svg class="is-icon-flex"><use xlink:href="#icon-clean"></use></svg></button>' + '</div>' + '</div>' + '<div style="padding-top:20px;padding-bottom: 3px;">' + out('Background Color') + ':</div>' + '<div style="display:flex;">' + '<button title="' + out('Background Color') + '" class="input-section-bgcolor is-btn-color" style="margin-right:15px"></button>' + '<button title="' + out('Gradient') + '" class="input-section-gradient classic" data-value="+">' + out('Gradient') + '</button>' + '</div>' + `
|
4045
4046
|
|
4046
4047
|
<div class="is-separator" style="margin-top:20px"></div>
|
@@ -32053,7 +32054,7 @@ const renderQuickAdd = builder => {
|
|
32053
32054
|
if (elm) dom.addEventListener(elm, 'click', () => {
|
32054
32055
|
const mode = quickadd.getAttribute('data-mode');
|
32055
32056
|
let html = `<div>
|
32056
|
-
|
32057
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid py-2 px-8 text-black leading-relaxed rounded border-transparent hover:border-transparent font-normal mb-1 mr-2 mt-2 size-18 tracking-wide" style="background-color: rgb(240, 240, 240);" data-bg="rgb(240,240,240)">Read More</a>
|
32057
32058
|
</div>`;
|
32058
32059
|
|
32059
32060
|
if (builder.opts.emailMode) {
|
@@ -32066,8 +32067,8 @@ const renderQuickAdd = builder => {
|
|
32066
32067
|
if (elm) dom.addEventListener(elm, 'click', () => {
|
32067
32068
|
const mode = quickadd.getAttribute('data-mode');
|
32068
32069
|
let html = `<div>
|
32069
|
-
<a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid
|
32070
|
-
<a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-
|
32070
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid py-2 px-8 text-black leading-relaxed rounded border-transparent hover:border-transparent font-normal mb-1 mr-2 mt-2 size-18 tracking-wide" style="background-color: rgb(240, 240, 240);" data-bg="rgb(240,240,240)">Read More</a>
|
32071
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-solid py-2 border-current hover:border-current font-normal leading-relaxed mb-1 mt-2 mr-2 rounded border-2 px-8 size-18 tracking-wide">Get Started</a>
|
32071
32072
|
</div>`;
|
32072
32073
|
|
32073
32074
|
if (builder.opts.emailMode) {
|
@@ -66845,89 +66846,179 @@ class ButtonEditor {
|
|
66845
66846
|
/* rounded */
|
66846
66847
|
{
|
66847
66848
|
html: `
|
66848
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-
|
66849
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-8 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide">Read More</a>
|
66849
66850
|
`
|
66850
66851
|
}, {
|
66851
66852
|
html: `
|
66852
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-
|
66853
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-8 text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
66853
66854
|
`
|
66854
66855
|
}, {
|
66855
66856
|
html: `
|
66856
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66857
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
66857
66858
|
`
|
66858
66859
|
}, {
|
66859
66860
|
html: `
|
66860
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66861
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
66861
66862
|
`
|
66862
66863
|
}, {
|
66863
66864
|
html: `
|
66864
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66865
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
66865
66866
|
`
|
66866
66867
|
}, {
|
66867
66868
|
html: `
|
66868
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-
|
66869
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-8 border-current hover:border-current font-normal leading-relaxed tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
66869
66870
|
`
|
66870
66871
|
},
|
66871
66872
|
/* colors */
|
66872
66873
|
{
|
66873
66874
|
html: `
|
66874
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66875
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
66875
66876
|
`
|
66876
66877
|
}, {
|
66877
66878
|
html: `
|
66878
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66879
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
66879
66880
|
`
|
66880
66881
|
}, {
|
66881
66882
|
html: `
|
66882
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66883
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
66883
66884
|
`
|
66884
66885
|
}, {
|
66885
66886
|
html: `
|
66886
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full
|
66887
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded-full size-18 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
66887
66888
|
`
|
66888
66889
|
},
|
66889
66890
|
/* square */
|
66890
66891
|
{
|
66891
66892
|
html: `
|
66892
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-
|
66893
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-8 border-current hover:border-current font-normal leading-relaxed rounded tracking-wide">Read More</a>
|
66893
66894
|
`
|
66894
66895
|
}, {
|
66895
66896
|
html: `
|
66896
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-
|
66897
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-8 text-black leading-relaxed rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
66897
66898
|
`
|
66898
66899
|
}, {
|
66899
66900
|
html: `
|
66900
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded
|
66901
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
66901
66902
|
`
|
66902
66903
|
}, {
|
66903
66904
|
html: `
|
66904
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded
|
66905
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
66905
66906
|
`
|
66906
66907
|
}, {
|
66907
66908
|
html: `
|
66908
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded
|
66909
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded size-18 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
66909
66910
|
`
|
66910
66911
|
}, {
|
66911
66912
|
html: `
|
66912
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-
|
66913
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-8 border-current hover:border-current font-normal leading-relaxed tracking-wide rounded" style="color: rgb(255, 255, 255);">Get Started</a>
|
66913
66914
|
`
|
66914
66915
|
},
|
66915
66916
|
/* colors */
|
66916
66917
|
{
|
66917
66918
|
html: `
|
66918
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded
|
66919
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
66919
66920
|
`
|
66920
66921
|
}, {
|
66921
66922
|
html: `
|
66922
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded
|
66923
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
66923
66924
|
`
|
66924
66925
|
}, {
|
66925
66926
|
html: `
|
66926
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded
|
66927
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded size-18 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
66927
66928
|
`
|
66928
66929
|
}, {
|
66929
66930
|
html: `
|
66930
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded ml-0 mt-1 size-
|
66931
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 px-8 font-normal leading-relaxed border-transparent rounded ml-0 mt-1 size-18 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
66932
|
+
`
|
66933
|
+
},
|
66934
|
+
/* LARGER */
|
66935
|
+
|
66936
|
+
/* rounded */
|
66937
|
+
{
|
66938
|
+
html: `
|
66939
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-11 uppercase border-current hover:border-current font-normal leading-relaxed rounded-full tracking-75">Read More</a>
|
66940
|
+
`
|
66941
|
+
}, {
|
66942
|
+
html: `
|
66943
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-11 uppercase text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-75" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
66944
|
+
`
|
66945
|
+
}, {
|
66946
|
+
html: `
|
66947
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
66948
|
+
`
|
66949
|
+
}, {
|
66950
|
+
html: `
|
66951
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
66952
|
+
`
|
66953
|
+
}, {
|
66954
|
+
html: `
|
66955
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
66956
|
+
`
|
66957
|
+
}, {
|
66958
|
+
html: `
|
66959
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-11 uppercase border-current hover:border-current font-normal leading-relaxed tracking-75 rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
66960
|
+
`
|
66961
|
+
},
|
66962
|
+
/* colors */
|
66963
|
+
{
|
66964
|
+
html: `
|
66965
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
66966
|
+
`
|
66967
|
+
}, {
|
66968
|
+
html: `
|
66969
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
66970
|
+
`
|
66971
|
+
}, {
|
66972
|
+
html: `
|
66973
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
66974
|
+
`
|
66975
|
+
}, {
|
66976
|
+
html: `
|
66977
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded-full size-16 tracking-75 hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
66978
|
+
`
|
66979
|
+
},
|
66980
|
+
/* square */
|
66981
|
+
{
|
66982
|
+
html: `
|
66983
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-11 uppercase border-current hover:border-current font-normal leading-relaxed rounded tracking-75">Read More</a>
|
66984
|
+
`
|
66985
|
+
}, {
|
66986
|
+
html: `
|
66987
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-11 uppercase text-black leading-relaxed rounded border-transparent hover:border-transparent font-normal tracking-75" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
66988
|
+
`
|
66989
|
+
}, {
|
66990
|
+
html: `
|
66991
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
66992
|
+
`
|
66993
|
+
}, {
|
66994
|
+
html: `
|
66995
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
66996
|
+
`
|
66997
|
+
}, {
|
66998
|
+
html: `
|
66999
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded size-16 tracking-75 hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
67000
|
+
`
|
67001
|
+
}, {
|
67002
|
+
html: `
|
67003
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 size-16 px-11 uppercase border-current hover:border-current font-normal leading-relaxed tracking-75 rounded" style="color: rgb(255, 255, 255);">Get Started</a>
|
67004
|
+
`
|
67005
|
+
},
|
67006
|
+
/* colors */
|
67007
|
+
{
|
67008
|
+
html: `
|
67009
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
67010
|
+
`
|
67011
|
+
}, {
|
67012
|
+
html: `
|
67013
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
67014
|
+
`
|
67015
|
+
}, {
|
67016
|
+
html: `
|
67017
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded size-16 tracking-75 hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
67018
|
+
`
|
67019
|
+
}, {
|
67020
|
+
html: `
|
67021
|
+
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 pt-3 pb-3 px-11 uppercase font-normal leading-relaxed border-transparent rounded ml-0 mt-1 size-16 tracking-75 hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
66931
67022
|
`
|
66932
67023
|
}, {
|
66933
67024
|
text: 'Order Now',
|
@@ -98667,8 +98758,9 @@ class AnimateScroll {
|
|
98667
98758
|
this.builder.editor.saveForUndo();
|
98668
98759
|
let activeCol = this.builder.editor.activeCol;
|
98669
98760
|
if (activeCol) section = activeCol.closest('.is-section');
|
98670
|
-
let elms;
|
98671
|
-
|
98761
|
+
let elms; // elms = section.querySelectorAll('*');
|
98762
|
+
|
98763
|
+
elms = document.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],' + '[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]' + '[data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],' + '[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],' + '[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],' + '[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],' + '[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]');
|
98672
98764
|
elms.forEach(elm => {
|
98673
98765
|
elm.removeAttribute('data-center');
|
98674
98766
|
elm.removeAttribute('data-center-top');
|
@@ -98707,24 +98799,9 @@ class AnimateScroll {
|
|
98707
98799
|
});
|
98708
98800
|
elms = section.querySelectorAll('.is-animated');
|
98709
98801
|
elms.forEach(elm => {
|
98710
|
-
if
|
98711
|
-
|
98712
|
-
|
98713
|
-
elm.classList.remove('is-fadeIn');
|
98714
|
-
elm.classList.remove('is-fadeInUp');
|
98715
|
-
elm.classList.remove('is-fadeInDown');
|
98716
|
-
elm.classList.remove('is-fadeInLeft');
|
98717
|
-
elm.classList.remove('is-fadeInRight');
|
98718
|
-
elm.classList.remove('is-zoomIn');
|
98719
|
-
elm.classList.remove('is-zoomOut');
|
98720
|
-
elm.classList.remove('is-slideInUp');
|
98721
|
-
elm.classList.remove('is-slideInDown');
|
98722
|
-
elm.classList.remove('is-slideInLeft');
|
98723
|
-
elm.classList.remove('is-slideInRight');
|
98724
|
-
elm.classList.remove('is-flipInX');
|
98725
|
-
elm.classList.remove('is-flipInY');
|
98726
|
-
elm.classList.remove('is-pulse');
|
98727
|
-
elm.classList.remove('is-bounceIn');
|
98802
|
+
// if(elm.classList.contains('is-overlay-bg')) return;
|
98803
|
+
this.cleanupBasic(elm);
|
98804
|
+
this.cleanupDelay(elm);
|
98728
98805
|
}); // clear
|
98729
98806
|
|
98730
98807
|
this.clearSettings(); // set default
|
@@ -98768,23 +98845,8 @@ class AnimateScroll {
|
|
98768
98845
|
elms = section.querySelectorAll('.is-animated');
|
98769
98846
|
elms.forEach(elm => {
|
98770
98847
|
if (elm.classList.contains('is-overlay-bg')) return;
|
98771
|
-
|
98772
|
-
|
98773
|
-
elm.classList.remove('is-fadeIn');
|
98774
|
-
elm.classList.remove('is-fadeInUp');
|
98775
|
-
elm.classList.remove('is-fadeInDown');
|
98776
|
-
elm.classList.remove('is-fadeInLeft');
|
98777
|
-
elm.classList.remove('is-fadeInRight');
|
98778
|
-
elm.classList.remove('is-zoomIn');
|
98779
|
-
elm.classList.remove('is-zoomOut');
|
98780
|
-
elm.classList.remove('is-slideInUp');
|
98781
|
-
elm.classList.remove('is-slideInDown');
|
98782
|
-
elm.classList.remove('is-slideInLeft');
|
98783
|
-
elm.classList.remove('is-slideInRight');
|
98784
|
-
elm.classList.remove('is-flipInX');
|
98785
|
-
elm.classList.remove('is-flipInY');
|
98786
|
-
elm.classList.remove('is-pulse');
|
98787
|
-
elm.classList.remove('is-bounceIn');
|
98848
|
+
this.cleanupBasic(elm);
|
98849
|
+
this.cleanupDelay(elm);
|
98788
98850
|
}); // Refresh
|
98789
98851
|
|
98790
98852
|
this.builder.settings.onRender(); //Trigger Change event
|
@@ -98800,23 +98862,8 @@ class AnimateScroll {
|
|
98800
98862
|
let elms = section.querySelectorAll('.is-animated');
|
98801
98863
|
elms.forEach(elm => {
|
98802
98864
|
if (elm.classList.contains('is-overlay-bg')) return;
|
98803
|
-
|
98804
|
-
|
98805
|
-
elm.classList.remove('is-fadeIn');
|
98806
|
-
elm.classList.remove('is-fadeInUp');
|
98807
|
-
elm.classList.remove('is-fadeInDown');
|
98808
|
-
elm.classList.remove('is-fadeInLeft');
|
98809
|
-
elm.classList.remove('is-fadeInRight');
|
98810
|
-
elm.classList.remove('is-zoomIn');
|
98811
|
-
elm.classList.remove('is-zoomOut');
|
98812
|
-
elm.classList.remove('is-slideInUp');
|
98813
|
-
elm.classList.remove('is-slideInDown');
|
98814
|
-
elm.classList.remove('is-slideInLeft');
|
98815
|
-
elm.classList.remove('is-slideInRight');
|
98816
|
-
elm.classList.remove('is-flipInX');
|
98817
|
-
elm.classList.remove('is-flipInY');
|
98818
|
-
elm.classList.remove('is-pulse');
|
98819
|
-
elm.classList.remove('is-bounceIn');
|
98865
|
+
this.cleanupBasic(elm);
|
98866
|
+
this.cleanupDelay(elm);
|
98820
98867
|
});
|
98821
98868
|
let start = 0;
|
98822
98869
|
let boxes = section.querySelectorAll('.is-box');
|
@@ -98828,9 +98875,9 @@ class AnimateScroll {
|
|
98828
98875
|
const cols = this.builder.editor.dom.elementChildren(row);
|
98829
98876
|
cols.forEach(col => {
|
98830
98877
|
if (col.innerText.trim() === '' && !col.querySelector('img') && !col.querySelector('iframe') && !col.querySelector('video') && !col.querySelector('audio') && !col.querySelector('i')) return;
|
98831
|
-
col.style.transition = 'none';
|
98832
|
-
this.
|
98833
|
-
|
98878
|
+
col.style.transition = 'none'; // this.cleanupBasic(col);
|
98879
|
+
// this.cleanupDelay(col);
|
98880
|
+
|
98834
98881
|
col.classList.add('is-animated');
|
98835
98882
|
|
98836
98883
|
if (chkPresetAnimOnce.checked) {
|
@@ -98851,20 +98898,25 @@ class AnimateScroll {
|
|
98851
98898
|
|
98852
98899
|
this.builder.settings.onRender(); // Play
|
98853
98900
|
|
98901
|
+
elms = section.querySelectorAll('.is-animated');
|
98902
|
+
elms.forEach(elm => {
|
98903
|
+
elm.style.opacity = '0';
|
98904
|
+
elm.style.transition = 'none';
|
98905
|
+
});
|
98854
98906
|
setTimeout(() => {
|
98855
98907
|
let elms = section.querySelectorAll('.is-animated');
|
98856
98908
|
elms.forEach(elm => {
|
98857
|
-
elm.style.transition = 'none';
|
98858
98909
|
elm.classList.remove('is-inview');
|
98859
98910
|
});
|
98860
98911
|
setTimeout(() => {
|
98861
98912
|
elms = section.querySelectorAll('.is-animated');
|
98862
98913
|
elms.forEach(elm => {
|
98914
|
+
elm.style.opacity = '';
|
98863
98915
|
elm.style.transition = '';
|
98864
98916
|
elm.classList.add('is-inview');
|
98865
98917
|
});
|
98866
98918
|
}, 30);
|
98867
|
-
},
|
98919
|
+
}, 200); //Trigger Change event
|
98868
98920
|
|
98869
98921
|
this.builder.settings.onChange();
|
98870
98922
|
};
|
@@ -107645,7 +107697,7 @@ class ContentBox {
|
|
107645
107697
|
z-index: 10002;
|
107646
107698
|
position: fixed;
|
107647
107699
|
overflow: hidden;
|
107648
|
-
width:
|
107700
|
+
width: 400px;
|
107649
107701
|
height: auto;
|
107650
107702
|
top: calc(50% - 265px);
|
107651
107703
|
left: calc(50% - 157px);
|