@innovastudio/contentbox 1.5.41 → 1.5.42
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.42",
|
|
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.31",
|
|
50
50
|
"js-beautify": "^1.14.0"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -32054,7 +32054,7 @@ const renderQuickAdd = builder => {
|
|
|
32054
32054
|
if (elm) dom.addEventListener(elm, 'click', () => {
|
|
32055
32055
|
const mode = quickadd.getAttribute('data-mode');
|
|
32056
32056
|
let html = `<div>
|
|
32057
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid py-2 px-
|
|
32057
|
+
<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-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
|
|
32058
32058
|
</div>`;
|
|
32059
32059
|
|
|
32060
32060
|
if (builder.opts.emailMode) {
|
|
@@ -32067,8 +32067,8 @@ const renderQuickAdd = builder => {
|
|
|
32067
32067
|
if (elm) dom.addEventListener(elm, 'click', () => {
|
|
32068
32068
|
const mode = quickadd.getAttribute('data-mode');
|
|
32069
32069
|
let html = `<div>
|
|
32070
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid py-2 px-
|
|
32071
|
-
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-
|
|
32070
|
+
<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-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
|
|
32071
|
+
<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-17 px-6 border-current hover:border-current font-normal leading-12 rounded tracking-wide">Get Started</a>
|
|
32072
32072
|
</div>`;
|
|
32073
32073
|
|
|
32074
32074
|
if (builder.opts.emailMode) {
|
|
@@ -65618,7 +65618,10 @@ class ButtonEditor {
|
|
|
65618
65618
|
<button title="4" data-command="4" class="paddingx-command" style="margin-right:4px">4</button>
|
|
65619
65619
|
<button title="5" data-command="5" class="paddingx-command" style="margin-right:4px">5</button>
|
|
65620
65620
|
<button title="6" data-command="6" class="paddingx-command" style="margin-right:4px">6</button>
|
|
65621
|
+
<button title="7" data-command="7" class="paddingx-command" style="margin-right:4px">7</button>
|
|
65621
65622
|
<button title="8" data-command="8" class="paddingx-command" style="margin-right:4px">8</button>
|
|
65623
|
+
<button title="9" data-command="9" class="paddingx-command" style="margin-right:4px">9</button>
|
|
65624
|
+
<button title="10" data-command="10" class="paddingx-command" style="margin-right:4px">10</button>
|
|
65622
65625
|
<button title="11" data-command="11" class="paddingx-command" style="margin-right:4px">11</button>
|
|
65623
65626
|
<button title="12" data-command="12" class="paddingx-command" style="margin-right:4px">12</button>
|
|
65624
65627
|
</div>
|
|
@@ -66108,10 +66111,22 @@ class ButtonEditor {
|
|
|
66108
66111
|
dom.addClass(activeButton, 'px-6');
|
|
66109
66112
|
}
|
|
66110
66113
|
|
|
66114
|
+
if (val === '7') {
|
|
66115
|
+
dom.addClass(activeButton, 'px-7');
|
|
66116
|
+
}
|
|
66117
|
+
|
|
66111
66118
|
if (val === '8') {
|
|
66112
66119
|
dom.addClass(activeButton, 'px-8');
|
|
66113
66120
|
}
|
|
66114
66121
|
|
|
66122
|
+
if (val === '9') {
|
|
66123
|
+
dom.addClass(activeButton, 'px-9');
|
|
66124
|
+
}
|
|
66125
|
+
|
|
66126
|
+
if (val === '10') {
|
|
66127
|
+
dom.addClass(activeButton, 'px-10');
|
|
66128
|
+
}
|
|
66129
|
+
|
|
66115
66130
|
if (val === '11') {
|
|
66116
66131
|
dom.addClass(activeButton, 'px-11');
|
|
66117
66132
|
}
|
|
@@ -66846,45 +66861,135 @@ class ButtonEditor {
|
|
|
66846
66861
|
/* rounded */
|
|
66847
66862
|
{
|
|
66848
66863
|
html: `
|
|
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-
|
|
66864
|
+
<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-17 px-7 border-current hover:border-current font-normal leading-12 rounded-full tracking-wide">Read More</a>
|
|
66865
|
+
`
|
|
66866
|
+
}, {
|
|
66867
|
+
html: `
|
|
66868
|
+
<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-17 px-7 text-black leading-12 rounded-full border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
|
66869
|
+
`
|
|
66870
|
+
}, {
|
|
66871
|
+
html: `
|
|
66872
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
|
66873
|
+
`
|
|
66874
|
+
}, {
|
|
66875
|
+
html: `
|
|
66876
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
|
66877
|
+
`
|
|
66878
|
+
}, {
|
|
66879
|
+
html: `
|
|
66880
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
|
66881
|
+
`
|
|
66882
|
+
}, {
|
|
66883
|
+
html: `
|
|
66884
|
+
<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-17 px-7 border-current hover:border-current font-normal leading-12 tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
66885
|
+
`
|
|
66886
|
+
},
|
|
66887
|
+
/* colors */
|
|
66888
|
+
{
|
|
66889
|
+
html: `
|
|
66890
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
|
66891
|
+
`
|
|
66892
|
+
}, {
|
|
66893
|
+
html: `
|
|
66894
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
|
66895
|
+
`
|
|
66896
|
+
}, {
|
|
66897
|
+
html: `
|
|
66898
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
|
66899
|
+
`
|
|
66900
|
+
}, {
|
|
66901
|
+
html: `
|
|
66902
|
+
<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-7 font-normal leading-12 border-transparent rounded-full size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
|
66903
|
+
`
|
|
66904
|
+
},
|
|
66905
|
+
/* square */
|
|
66906
|
+
{
|
|
66907
|
+
html: `
|
|
66908
|
+
<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-17 px-6 border-current hover:border-current font-normal leading-12 rounded tracking-wide">Read More</a>
|
|
66909
|
+
`
|
|
66910
|
+
}, {
|
|
66911
|
+
html: `
|
|
66912
|
+
<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-17 px-6 text-black leading-12 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Get Started</a>
|
|
66913
|
+
`
|
|
66914
|
+
}, {
|
|
66915
|
+
html: `
|
|
66916
|
+
<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-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(255, 127, 0);">Get Started</a>
|
|
66917
|
+
`
|
|
66918
|
+
}, {
|
|
66919
|
+
html: `
|
|
66920
|
+
<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-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(83,98,208);">Get Started</a>
|
|
66921
|
+
`
|
|
66922
|
+
}, {
|
|
66923
|
+
html: `
|
|
66924
|
+
<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-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Get Started</a>
|
|
66925
|
+
`
|
|
66926
|
+
}, {
|
|
66927
|
+
html: `
|
|
66928
|
+
<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-17 px-6 border-current hover:border-current font-normal leading-12 tracking-wide rounded" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
66929
|
+
`
|
|
66930
|
+
},
|
|
66931
|
+
/* colors */
|
|
66932
|
+
{
|
|
66933
|
+
html: `
|
|
66934
|
+
<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-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(0, 200, 218);">Get Started</a>
|
|
66935
|
+
`
|
|
66936
|
+
}, {
|
|
66937
|
+
html: `
|
|
66938
|
+
<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-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(55, 148, 59);">Get Started</a>
|
|
66939
|
+
`
|
|
66940
|
+
}, {
|
|
66941
|
+
html: `
|
|
66942
|
+
<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-6 font-normal leading-12 border-transparent rounded size-17 tracking-wide hover:border-transparent" style="color: rgb(255, 255, 255); background-color: rgb(233,2,0);">Get Started</a>
|
|
66943
|
+
`
|
|
66944
|
+
}, {
|
|
66945
|
+
html: `
|
|
66946
|
+
<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-6 font-normal leading-12 border-transparent rounded ml-0 mt-1 size-17 tracking-wide hover:border-transparent" style="color: rgb(0, 0, 0); background-color: rgb(254, 222, 76);">Get Started</a>
|
|
66947
|
+
`
|
|
66948
|
+
},
|
|
66949
|
+
/* MEDIUM */
|
|
66950
|
+
|
|
66951
|
+
/* rounded */
|
|
66952
|
+
{
|
|
66953
|
+
html: `
|
|
66954
|
+
<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-9 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide">Read More</a>
|
|
66850
66955
|
`
|
|
66851
66956
|
}, {
|
|
66852
66957
|
html: `
|
|
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-
|
|
66958
|
+
<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-9 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>
|
|
66854
66959
|
`
|
|
66855
66960
|
}, {
|
|
66856
66961
|
html: `
|
|
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-
|
|
66962
|
+
<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-9 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>
|
|
66858
66963
|
`
|
|
66859
66964
|
}, {
|
|
66860
66965
|
html: `
|
|
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-
|
|
66966
|
+
<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-9 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>
|
|
66862
66967
|
`
|
|
66863
66968
|
}, {
|
|
66864
66969
|
html: `
|
|
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-
|
|
66970
|
+
<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-9 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>
|
|
66866
66971
|
`
|
|
66867
66972
|
}, {
|
|
66868
66973
|
html: `
|
|
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-
|
|
66974
|
+
<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-9 border-current hover:border-current font-normal leading-relaxed tracking-wide rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
66870
66975
|
`
|
|
66871
66976
|
},
|
|
66872
66977
|
/* colors */
|
|
66873
66978
|
{
|
|
66874
66979
|
html: `
|
|
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-
|
|
66980
|
+
<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-9 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>
|
|
66876
66981
|
`
|
|
66877
66982
|
}, {
|
|
66878
66983
|
html: `
|
|
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-
|
|
66984
|
+
<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-9 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>
|
|
66880
66985
|
`
|
|
66881
66986
|
}, {
|
|
66882
66987
|
html: `
|
|
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-
|
|
66988
|
+
<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-9 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>
|
|
66884
66989
|
`
|
|
66885
66990
|
}, {
|
|
66886
66991
|
html: `
|
|
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-
|
|
66992
|
+
<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-9 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>
|
|
66888
66993
|
`
|
|
66889
66994
|
},
|
|
66890
66995
|
/* square */
|
|
@@ -66936,45 +67041,45 @@ class ButtonEditor {
|
|
|
66936
67041
|
/* rounded */
|
|
66937
67042
|
{
|
|
66938
67043
|
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-
|
|
67044
|
+
<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-12 uppercase border-current hover:border-current font-normal leading-relaxed rounded-full tracking-75">Read More</a>
|
|
66940
67045
|
`
|
|
66941
67046
|
}, {
|
|
66942
67047
|
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-
|
|
67048
|
+
<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-12 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
67049
|
`
|
|
66945
67050
|
}, {
|
|
66946
67051
|
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-
|
|
67052
|
+
<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-12 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
67053
|
`
|
|
66949
67054
|
}, {
|
|
66950
67055
|
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-
|
|
67056
|
+
<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-12 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
67057
|
`
|
|
66953
67058
|
}, {
|
|
66954
67059
|
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-
|
|
67060
|
+
<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-12 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
67061
|
`
|
|
66957
67062
|
}, {
|
|
66958
67063
|
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-
|
|
67064
|
+
<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-12 uppercase border-current hover:border-current font-normal leading-relaxed tracking-75 rounded-full" style="color: rgb(255, 255, 255);">Get Started</a>
|
|
66960
67065
|
`
|
|
66961
67066
|
},
|
|
66962
67067
|
/* colors */
|
|
66963
67068
|
{
|
|
66964
67069
|
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-
|
|
67070
|
+
<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-12 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
67071
|
`
|
|
66967
67072
|
}, {
|
|
66968
67073
|
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-
|
|
67074
|
+
<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-12 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
67075
|
`
|
|
66971
67076
|
}, {
|
|
66972
67077
|
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-
|
|
67078
|
+
<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-12 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
67079
|
`
|
|
66975
67080
|
}, {
|
|
66976
67081
|
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-
|
|
67082
|
+
<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-12 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
67083
|
`
|
|
66979
67084
|
},
|
|
66980
67085
|
/* square */
|
|
@@ -67108,6 +67213,7 @@ class ButtonEditor {
|
|
|
67108
67213
|
|
|
67109
67214
|
activeButton.classList.remove('active');
|
|
67110
67215
|
this.realtime();
|
|
67216
|
+
this.builder.opts.onChange();
|
|
67111
67217
|
e.preventDefault();
|
|
67112
67218
|
return false;
|
|
67113
67219
|
});
|
|
@@ -95922,8 +96028,11 @@ class ContentBuilder {
|
|
|
95922
96028
|
Additional Cleanup:
|
|
95923
96029
|
- Remove empty elements (empty p, etc)
|
|
95924
96030
|
*/
|
|
95925
|
-
this.activeCol.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove();
|
|
95926
|
-
|
|
96031
|
+
// this.activeCol.find('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').remove();
|
|
96032
|
+
// this.activeCol.querySelectorAll('*:empty').forEach((x)=>{x.remove();}); // Makes <img> removed
|
|
96033
|
+
this.activeCol.querySelectorAll('h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty').forEach(x => {
|
|
96034
|
+
x.remove();
|
|
96035
|
+
});
|
|
95927
96036
|
/*
|
|
95928
96037
|
Additional Cleanup:
|
|
95929
96038
|
Fix HTML structure. The problem:
|