@innovastudio/contentbox 1.5.38 → 1.5.40
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/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);
|