@innovastudio/contentbox 1.5.40 → 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>
|
|
66850
66865
|
`
|
|
66851
66866
|
}, {
|
|
66852
66867
|
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-
|
|
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>
|
|
66854
66869
|
`
|
|
66855
66870
|
}, {
|
|
66856
66871
|
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-
|
|
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>
|
|
66858
66873
|
`
|
|
66859
66874
|
}, {
|
|
66860
66875
|
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-
|
|
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>
|
|
66862
66877
|
`
|
|
66863
66878
|
}, {
|
|
66864
66879
|
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-
|
|
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>
|
|
66866
66881
|
`
|
|
66867
66882
|
}, {
|
|
66868
66883
|
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-
|
|
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>
|
|
66870
66885
|
`
|
|
66871
66886
|
},
|
|
66872
66887
|
/* colors */
|
|
66873
66888
|
{
|
|
66874
66889
|
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-
|
|
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>
|
|
66876
66891
|
`
|
|
66877
66892
|
}, {
|
|
66878
66893
|
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-
|
|
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>
|
|
66880
66895
|
`
|
|
66881
66896
|
}, {
|
|
66882
66897
|
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-
|
|
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>
|
|
66884
66899
|
`
|
|
66885
66900
|
}, {
|
|
66886
66901
|
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-
|
|
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>
|
|
66955
|
+
`
|
|
66956
|
+
}, {
|
|
66957
|
+
html: `
|
|
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>
|
|
66959
|
+
`
|
|
66960
|
+
}, {
|
|
66961
|
+
html: `
|
|
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>
|
|
66963
|
+
`
|
|
66964
|
+
}, {
|
|
66965
|
+
html: `
|
|
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>
|
|
66967
|
+
`
|
|
66968
|
+
}, {
|
|
66969
|
+
html: `
|
|
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>
|
|
66971
|
+
`
|
|
66972
|
+
}, {
|
|
66973
|
+
html: `
|
|
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>
|
|
66975
|
+
`
|
|
66976
|
+
},
|
|
66977
|
+
/* colors */
|
|
66978
|
+
{
|
|
66979
|
+
html: `
|
|
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>
|
|
66981
|
+
`
|
|
66982
|
+
}, {
|
|
66983
|
+
html: `
|
|
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>
|
|
66985
|
+
`
|
|
66986
|
+
}, {
|
|
66987
|
+
html: `
|
|
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>
|
|
66989
|
+
`
|
|
66990
|
+
}, {
|
|
66991
|
+
html: `
|
|
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:
|
|
@@ -101905,10 +102014,24 @@ class Timeline {
|
|
|
101905
102014
|
display: flex;
|
|
101906
102015
|
}
|
|
101907
102016
|
|
|
102017
|
+
|
|
102018
|
+
.page-timeline .clear-more {
|
|
102019
|
+
display: none;
|
|
102020
|
+
position: absolute;
|
|
102021
|
+
top: auto !important;
|
|
102022
|
+
left: auto !important;
|
|
102023
|
+
right: 19px !important;
|
|
102024
|
+
bottom: 70px;
|
|
102025
|
+
padding: 8px 20px 8px;
|
|
102026
|
+
box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;
|
|
102027
|
+
}
|
|
102028
|
+
.page-timeline .clear-more.active {
|
|
102029
|
+
display: flex;
|
|
102030
|
+
}
|
|
101908
102031
|
</style>
|
|
101909
102032
|
<div class="is-modal is-modal-content page-timeline" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
101910
102033
|
<div class="is-modal-bar is-draggable" draggable="">
|
|
101911
|
-
<span>${out('Timeline')}</span>
|
|
102034
|
+
<span>${out('Animation Timeline Editor')}</span>
|
|
101912
102035
|
<button class="is-modal-close" tabindex="-1" title="${out('Close')}">
|
|
101913
102036
|
<svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#ion-ios-close-empty"></use></svg>
|
|
101914
102037
|
</button>
|
|
@@ -102453,7 +102576,7 @@ class Timeline {
|
|
|
102453
102576
|
</button>
|
|
102454
102577
|
</div>
|
|
102455
102578
|
<div class="flex-wrap">
|
|
102456
|
-
<button type="button" class="cmd-timeline-more" style="width:40px;height:34px;"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>
|
|
102579
|
+
<button type="button" title="${out('More')}" class="cmd-timeline-more" style="width:40px;height:34px;"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>
|
|
102457
102580
|
|
|
102458
102581
|
<!--<button title="${out('Clear All')}" class="cmd-clear-timeline" style="width:40px;height:34px;">
|
|
102459
102582
|
<svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>
|
|
@@ -102497,9 +102620,19 @@ class Timeline {
|
|
|
102497
102620
|
</div>
|
|
102498
102621
|
</div>
|
|
102499
102622
|
<div class="flex-wrap" style="margin-top:8px;">
|
|
102500
|
-
|
|
102501
|
-
|
|
102502
|
-
|
|
102623
|
+
<button title="${out('Clear All')}" class="cmd-clear-timeline" style="width:30px;height:23px;flex: none;box-shadow: none !important;background: transparent !important;">
|
|
102624
|
+
<svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>
|
|
102625
|
+
</button>
|
|
102626
|
+
<button title="${out('More')}" type="button" class="cmd-clear-more" style="width:30px;height:23px;">
|
|
102627
|
+
<svg class="is-icon-flex" style="width: 14px;height: 14px;"><use xlink:href="#ion-more"></use></svg>
|
|
102628
|
+
</button>
|
|
102629
|
+
</div>
|
|
102630
|
+
|
|
102631
|
+
<div class="clear-more flex-wrap is-pop">
|
|
102632
|
+
<button title="${out('Clear All Animations in Section')}" class="cmd-clear-timeline-all" style="flex:none;width:auto;padding:0px !important;box-shadow:none !important;background:transparent !important;">
|
|
102633
|
+
<svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>
|
|
102634
|
+
<span style="margin-left:7px">${out('Clear All Animations in Section')}</span>
|
|
102635
|
+
</button>
|
|
102503
102636
|
</div>
|
|
102504
102637
|
|
|
102505
102638
|
<div class="timeline-more flex-wrap is-pop">
|
|
@@ -102727,6 +102860,11 @@ class Timeline {
|
|
|
102727
102860
|
const more = modalTimeline.querySelector('.timeline-more');
|
|
102728
102861
|
this.builder.editor.util.showPop(more, false, btnTimelineMore);
|
|
102729
102862
|
});
|
|
102863
|
+
const btnClearMore = modalTimeline.querySelector('.cmd-clear-more');
|
|
102864
|
+
btnClearMore.addEventListener('click', () => {
|
|
102865
|
+
const more = modalTimeline.querySelector('.clear-more');
|
|
102866
|
+
this.builder.editor.util.showPop(more, false, btnClearMore);
|
|
102867
|
+
});
|
|
102730
102868
|
const chkPinSection = modalTimeline.querySelector('#chkPinSection2');
|
|
102731
102869
|
const divPinSpacing = modalTimeline.querySelector('.div-pin-spacing');
|
|
102732
102870
|
chkPinSection.addEventListener('click', () => {
|
|
@@ -102863,6 +103001,71 @@ class Timeline {
|
|
|
102863
103001
|
|
|
102864
103002
|
this.builder.settings.onChange();
|
|
102865
103003
|
});
|
|
103004
|
+
const btnClearTimelineAll = modalTimeline.querySelector('.cmd-clear-timeline-all'); // see animatescroll.js (.cmd-clear-anim-all)
|
|
103005
|
+
|
|
103006
|
+
btnClearTimelineAll.addEventListener('click', () => {
|
|
103007
|
+
let section = this.builder.activeSection;
|
|
103008
|
+
if (!section) return;
|
|
103009
|
+
this.builder.editor.saveForUndo();
|
|
103010
|
+
let activeCol = this.builder.editor.activeCol;
|
|
103011
|
+
if (activeCol) section = activeCol.closest('.is-section');
|
|
103012
|
+
let elms; // elms = section.querySelectorAll('*');
|
|
103013
|
+
|
|
103014
|
+
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]');
|
|
103015
|
+
elms.forEach(elm => {
|
|
103016
|
+
elm.removeAttribute('data-center');
|
|
103017
|
+
elm.removeAttribute('data-center-top');
|
|
103018
|
+
elm.removeAttribute('data--50-bottom');
|
|
103019
|
+
elm.removeAttribute('data--100-bottom');
|
|
103020
|
+
elm.removeAttribute('data--150-bottom');
|
|
103021
|
+
elm.removeAttribute('data--200-bottom');
|
|
103022
|
+
elm.removeAttribute('data--300-bottom');
|
|
103023
|
+
elm.removeAttribute('data--400-bottom');
|
|
103024
|
+
elm.removeAttribute('data-bottom-top');
|
|
103025
|
+
elm.removeAttribute('data-400-bottom');
|
|
103026
|
+
elm.removeAttribute('data-300-bottom');
|
|
103027
|
+
elm.removeAttribute('data-200-bottom');
|
|
103028
|
+
elm.removeAttribute('data-150-bottom');
|
|
103029
|
+
elm.removeAttribute('data-100-bottom');
|
|
103030
|
+
elm.removeAttribute('data-50-bottom');
|
|
103031
|
+
elm.removeAttribute('data-bottom');
|
|
103032
|
+
elm.removeAttribute('data-center-bottom');
|
|
103033
|
+
elm.removeAttribute('data-100-top');
|
|
103034
|
+
elm.removeAttribute('data-50-top');
|
|
103035
|
+
elm.removeAttribute('data-top');
|
|
103036
|
+
elm.removeAttribute('data-top-bottom');
|
|
103037
|
+
elm.removeAttribute('data-in');
|
|
103038
|
+
elm.removeAttribute('data-in-150');
|
|
103039
|
+
elm.removeAttribute('data-in-300');
|
|
103040
|
+
elm.removeAttribute('data-cen--150');
|
|
103041
|
+
elm.removeAttribute('data-cen');
|
|
103042
|
+
elm.removeAttribute('data-cen-150');
|
|
103043
|
+
elm.removeAttribute('data-out--300');
|
|
103044
|
+
elm.removeAttribute('data-out--150');
|
|
103045
|
+
elm.removeAttribute('data-out');
|
|
103046
|
+
elm.removeAttribute('data-hidden-onstart');
|
|
103047
|
+
this.cleanup(elm, true);
|
|
103048
|
+
this.builder.animateScroll.cleanupDelay(elm); //extra
|
|
103049
|
+
|
|
103050
|
+
elm.style.transform = '';
|
|
103051
|
+
elm.style.transition = '';
|
|
103052
|
+
elm.style.opacity = '';
|
|
103053
|
+
elm.style.transformOrigin = '';
|
|
103054
|
+
});
|
|
103055
|
+
elms = section.querySelectorAll('.is-animated');
|
|
103056
|
+
elms.forEach(elm => {
|
|
103057
|
+
// if(elm.classList.contains('is-overlay-bg')) return;
|
|
103058
|
+
this.builder.animateScroll.cleanupBasic(elm);
|
|
103059
|
+
this.builder.animateScroll.cleanupDelay(elm);
|
|
103060
|
+
});
|
|
103061
|
+
this.builder.animateScroll.refreshPage(); // Stable alternative to skrollrr.refresh()
|
|
103062
|
+
|
|
103063
|
+
this.read(); // Refresh
|
|
103064
|
+
|
|
103065
|
+
this.builder.settings.onRender(); //Trigger Change event
|
|
103066
|
+
|
|
103067
|
+
this.builder.settings.onChange();
|
|
103068
|
+
});
|
|
102866
103069
|
const chkTimelineDisableOnMobile = modalTimeline.querySelector('#chkTimelineDisableOnMobile');
|
|
102867
103070
|
chkTimelineDisableOnMobile.addEventListener('click', () => {
|
|
102868
103071
|
const section = this.builder.activeSection;
|
|
@@ -103796,11 +103999,11 @@ class Timeline {
|
|
|
103796
103999
|
this.builder.settings.onChange();
|
|
103797
104000
|
}
|
|
103798
104001
|
|
|
103799
|
-
cleanup(activeElement) {
|
|
104002
|
+
cleanup(activeElement, all) {
|
|
103800
104003
|
let device = this.getDevice();
|
|
103801
104004
|
activeElement.removeAttribute('data-hidden-onstart');
|
|
103802
104005
|
|
|
103803
|
-
if (
|
|
104006
|
+
if (all) {
|
|
103804
104007
|
activeElement.removeAttribute('data-xs');
|
|
103805
104008
|
activeElement.removeAttribute('data-xs-t');
|
|
103806
104009
|
activeElement.removeAttribute('data-xs-t-100');
|
|
@@ -103831,7 +104034,6 @@ class Timeline {
|
|
|
103831
104034
|
activeElement.removeAttribute('data-xs-t-2600');
|
|
103832
104035
|
activeElement.removeAttribute('data-xs-t-2700');
|
|
103833
104036
|
activeElement.removeAttribute('data-xs-t-2800');
|
|
103834
|
-
} else if (device === 'sm') {
|
|
103835
104037
|
activeElement.removeAttribute('data-sm');
|
|
103836
104038
|
activeElement.removeAttribute('data-sm-t');
|
|
103837
104039
|
activeElement.removeAttribute('data-sm-t-100');
|
|
@@ -103862,7 +104064,6 @@ class Timeline {
|
|
|
103862
104064
|
activeElement.removeAttribute('data-sm-t-2600');
|
|
103863
104065
|
activeElement.removeAttribute('data-sm-t-2700');
|
|
103864
104066
|
activeElement.removeAttribute('data-sm-t-2800');
|
|
103865
|
-
} else if (device === 'md') {
|
|
103866
104067
|
activeElement.removeAttribute('data-md');
|
|
103867
104068
|
activeElement.removeAttribute('data-md-t');
|
|
103868
104069
|
activeElement.removeAttribute('data-md-t-100');
|
|
@@ -103893,7 +104094,6 @@ class Timeline {
|
|
|
103893
104094
|
activeElement.removeAttribute('data-md-t-2600');
|
|
103894
104095
|
activeElement.removeAttribute('data-md-t-2700');
|
|
103895
104096
|
activeElement.removeAttribute('data-md-t-2800');
|
|
103896
|
-
} else {
|
|
103897
104097
|
activeElement.removeAttribute('data-t');
|
|
103898
104098
|
activeElement.removeAttribute('data-t-100');
|
|
103899
104099
|
activeElement.removeAttribute('data-t-200');
|
|
@@ -103923,6 +104123,131 @@ class Timeline {
|
|
|
103923
104123
|
activeElement.removeAttribute('data-t-2600');
|
|
103924
104124
|
activeElement.removeAttribute('data-t-2700');
|
|
103925
104125
|
activeElement.removeAttribute('data-t-2800');
|
|
104126
|
+
} else {
|
|
104127
|
+
if (device === 'xs') {
|
|
104128
|
+
activeElement.removeAttribute('data-xs');
|
|
104129
|
+
activeElement.removeAttribute('data-xs-t');
|
|
104130
|
+
activeElement.removeAttribute('data-xs-t-100');
|
|
104131
|
+
activeElement.removeAttribute('data-xs-t-200');
|
|
104132
|
+
activeElement.removeAttribute('data-xs-t-300');
|
|
104133
|
+
activeElement.removeAttribute('data-xs-t-400');
|
|
104134
|
+
activeElement.removeAttribute('data-xs-t-500');
|
|
104135
|
+
activeElement.removeAttribute('data-xs-t-600');
|
|
104136
|
+
activeElement.removeAttribute('data-xs-t-700');
|
|
104137
|
+
activeElement.removeAttribute('data-xs-t-800');
|
|
104138
|
+
activeElement.removeAttribute('data-xs-t-900');
|
|
104139
|
+
activeElement.removeAttribute('data-xs-t-1000');
|
|
104140
|
+
activeElement.removeAttribute('data-xs-t-1100');
|
|
104141
|
+
activeElement.removeAttribute('data-xs-t-1200');
|
|
104142
|
+
activeElement.removeAttribute('data-xs-t-1300');
|
|
104143
|
+
activeElement.removeAttribute('data-xs-t-1400');
|
|
104144
|
+
activeElement.removeAttribute('data-xs-t-1500');
|
|
104145
|
+
activeElement.removeAttribute('data-xs-t-1600');
|
|
104146
|
+
activeElement.removeAttribute('data-xs-t-1700');
|
|
104147
|
+
activeElement.removeAttribute('data-xs-t-1800');
|
|
104148
|
+
activeElement.removeAttribute('data-xs-t-1900');
|
|
104149
|
+
activeElement.removeAttribute('data-xs-t-2000');
|
|
104150
|
+
activeElement.removeAttribute('data-xs-t-2100');
|
|
104151
|
+
activeElement.removeAttribute('data-xs-t-2200');
|
|
104152
|
+
activeElement.removeAttribute('data-xs-t-2300');
|
|
104153
|
+
activeElement.removeAttribute('data-xs-t-2400');
|
|
104154
|
+
activeElement.removeAttribute('data-xs-t-2500');
|
|
104155
|
+
activeElement.removeAttribute('data-xs-t-2600');
|
|
104156
|
+
activeElement.removeAttribute('data-xs-t-2700');
|
|
104157
|
+
activeElement.removeAttribute('data-xs-t-2800');
|
|
104158
|
+
} else if (device === 'sm') {
|
|
104159
|
+
activeElement.removeAttribute('data-sm');
|
|
104160
|
+
activeElement.removeAttribute('data-sm-t');
|
|
104161
|
+
activeElement.removeAttribute('data-sm-t-100');
|
|
104162
|
+
activeElement.removeAttribute('data-sm-t-200');
|
|
104163
|
+
activeElement.removeAttribute('data-sm-t-300');
|
|
104164
|
+
activeElement.removeAttribute('data-sm-t-400');
|
|
104165
|
+
activeElement.removeAttribute('data-sm-t-500');
|
|
104166
|
+
activeElement.removeAttribute('data-sm-t-600');
|
|
104167
|
+
activeElement.removeAttribute('data-sm-t-700');
|
|
104168
|
+
activeElement.removeAttribute('data-sm-t-800');
|
|
104169
|
+
activeElement.removeAttribute('data-sm-t-900');
|
|
104170
|
+
activeElement.removeAttribute('data-sm-t-1000');
|
|
104171
|
+
activeElement.removeAttribute('data-sm-t-1100');
|
|
104172
|
+
activeElement.removeAttribute('data-sm-t-1200');
|
|
104173
|
+
activeElement.removeAttribute('data-sm-t-1300');
|
|
104174
|
+
activeElement.removeAttribute('data-sm-t-1400');
|
|
104175
|
+
activeElement.removeAttribute('data-sm-t-1500');
|
|
104176
|
+
activeElement.removeAttribute('data-sm-t-1600');
|
|
104177
|
+
activeElement.removeAttribute('data-sm-t-1700');
|
|
104178
|
+
activeElement.removeAttribute('data-sm-t-1800');
|
|
104179
|
+
activeElement.removeAttribute('data-sm-t-1900');
|
|
104180
|
+
activeElement.removeAttribute('data-sm-t-2000');
|
|
104181
|
+
activeElement.removeAttribute('data-sm-t-2100');
|
|
104182
|
+
activeElement.removeAttribute('data-sm-t-2200');
|
|
104183
|
+
activeElement.removeAttribute('data-sm-t-2300');
|
|
104184
|
+
activeElement.removeAttribute('data-sm-t-2400');
|
|
104185
|
+
activeElement.removeAttribute('data-sm-t-2500');
|
|
104186
|
+
activeElement.removeAttribute('data-sm-t-2600');
|
|
104187
|
+
activeElement.removeAttribute('data-sm-t-2700');
|
|
104188
|
+
activeElement.removeAttribute('data-sm-t-2800');
|
|
104189
|
+
} else if (device === 'md') {
|
|
104190
|
+
activeElement.removeAttribute('data-md');
|
|
104191
|
+
activeElement.removeAttribute('data-md-t');
|
|
104192
|
+
activeElement.removeAttribute('data-md-t-100');
|
|
104193
|
+
activeElement.removeAttribute('data-md-t-200');
|
|
104194
|
+
activeElement.removeAttribute('data-md-t-300');
|
|
104195
|
+
activeElement.removeAttribute('data-md-t-400');
|
|
104196
|
+
activeElement.removeAttribute('data-md-t-500');
|
|
104197
|
+
activeElement.removeAttribute('data-md-t-600');
|
|
104198
|
+
activeElement.removeAttribute('data-md-t-700');
|
|
104199
|
+
activeElement.removeAttribute('data-md-t-800');
|
|
104200
|
+
activeElement.removeAttribute('data-md-t-900');
|
|
104201
|
+
activeElement.removeAttribute('data-md-t-1000');
|
|
104202
|
+
activeElement.removeAttribute('data-md-t-1100');
|
|
104203
|
+
activeElement.removeAttribute('data-md-t-1200');
|
|
104204
|
+
activeElement.removeAttribute('data-md-t-1300');
|
|
104205
|
+
activeElement.removeAttribute('data-md-t-1400');
|
|
104206
|
+
activeElement.removeAttribute('data-md-t-1500');
|
|
104207
|
+
activeElement.removeAttribute('data-md-t-1600');
|
|
104208
|
+
activeElement.removeAttribute('data-md-t-1700');
|
|
104209
|
+
activeElement.removeAttribute('data-md-t-1800');
|
|
104210
|
+
activeElement.removeAttribute('data-md-t-1900');
|
|
104211
|
+
activeElement.removeAttribute('data-md-t-2000');
|
|
104212
|
+
activeElement.removeAttribute('data-md-t-2100');
|
|
104213
|
+
activeElement.removeAttribute('data-md-t-2200');
|
|
104214
|
+
activeElement.removeAttribute('data-md-t-2300');
|
|
104215
|
+
activeElement.removeAttribute('data-md-t-2400');
|
|
104216
|
+
activeElement.removeAttribute('data-md-t-2500');
|
|
104217
|
+
activeElement.removeAttribute('data-md-t-2600');
|
|
104218
|
+
activeElement.removeAttribute('data-md-t-2700');
|
|
104219
|
+
activeElement.removeAttribute('data-md-t-2800');
|
|
104220
|
+
} else {
|
|
104221
|
+
activeElement.removeAttribute('data-t');
|
|
104222
|
+
activeElement.removeAttribute('data-t-100');
|
|
104223
|
+
activeElement.removeAttribute('data-t-200');
|
|
104224
|
+
activeElement.removeAttribute('data-t-300');
|
|
104225
|
+
activeElement.removeAttribute('data-t-400');
|
|
104226
|
+
activeElement.removeAttribute('data-t-500');
|
|
104227
|
+
activeElement.removeAttribute('data-t-600');
|
|
104228
|
+
activeElement.removeAttribute('data-t-700');
|
|
104229
|
+
activeElement.removeAttribute('data-t-800');
|
|
104230
|
+
activeElement.removeAttribute('data-t-900');
|
|
104231
|
+
activeElement.removeAttribute('data-t-1000');
|
|
104232
|
+
activeElement.removeAttribute('data-t-1100');
|
|
104233
|
+
activeElement.removeAttribute('data-t-1200');
|
|
104234
|
+
activeElement.removeAttribute('data-t-1300');
|
|
104235
|
+
activeElement.removeAttribute('data-t-1400');
|
|
104236
|
+
activeElement.removeAttribute('data-t-1500');
|
|
104237
|
+
activeElement.removeAttribute('data-t-1600');
|
|
104238
|
+
activeElement.removeAttribute('data-t-1700');
|
|
104239
|
+
activeElement.removeAttribute('data-t-1800');
|
|
104240
|
+
activeElement.removeAttribute('data-t-1900');
|
|
104241
|
+
activeElement.removeAttribute('data-t-2000');
|
|
104242
|
+
activeElement.removeAttribute('data-t-2100');
|
|
104243
|
+
activeElement.removeAttribute('data-t-2200');
|
|
104244
|
+
activeElement.removeAttribute('data-t-2300');
|
|
104245
|
+
activeElement.removeAttribute('data-t-2400');
|
|
104246
|
+
activeElement.removeAttribute('data-t-2500');
|
|
104247
|
+
activeElement.removeAttribute('data-t-2600');
|
|
104248
|
+
activeElement.removeAttribute('data-t-2700');
|
|
104249
|
+
activeElement.removeAttribute('data-t-2800');
|
|
104250
|
+
}
|
|
103926
104251
|
} // Cleanup from simple timeline panel
|
|
103927
104252
|
|
|
103928
104253
|
|