@innovastudio/contentbox 1.5.40 → 1.5.42
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.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
|
|