@innovastudio/contentbox 1.6.18 → 1.6.19
Sign up to get free protection for your applications and to get access to all the features.
@@ -888,7 +888,7 @@ class SideBar {
|
|
888
888
|
<div style="padding-top:15px;width:100%;">
|
889
889
|
<div class="is-label"><span>${out('Enable Animation')}</span>:</div>
|
890
890
|
<div style="padding-top: 5px;width:100%;display:flex;align-items:center;justify-content: space-between;">
|
891
|
-
<label class="switch"><input class="cmd-live-preview" type="checkbox" checked=""><span class="slider round"></span></label>
|
891
|
+
<label class="switch"><input class="cmd-live-preview" id="__cmd_live_preview" type="checkbox" checked=""><span class="slider round"></span></label>
|
892
892
|
${this.builder.advancedTimeline ? `
|
893
893
|
<button tabindex="-1" title="${out('Edit')}" class="cmd-timeline-edit" style="width:30px;height:30px;cursor:pointer;">
|
894
894
|
<svg class="is-icon-flex"><use xlink:href="#icon-pencil"></use></svg>
|
@@ -103037,31 +103037,31 @@ class AnimateScroll {
|
|
103037
103037
|
</tr>
|
103038
103038
|
<tr>
|
103039
103039
|
<td>
|
103040
|
-
<input class="inp-simplescroll-x-start" placeholder="-100" type="text" />
|
103040
|
+
<input class="inp-simplescroll-x-start" id="{id}" placeholder="-100" type="text" />
|
103041
103041
|
</td>
|
103042
103042
|
<td>
|
103043
|
-
<input class="inp-simplescroll-x-15" placeholder="" type="text" />
|
103043
|
+
<input class="inp-simplescroll-x-15" id="{id}" placeholder="" type="text" />
|
103044
103044
|
</td>
|
103045
103045
|
<td>
|
103046
|
-
<input class="inp-simplescroll-x-25" placeholder="" type="text" />
|
103046
|
+
<input class="inp-simplescroll-x-25" id="{id}" placeholder="" type="text" />
|
103047
103047
|
</td>
|
103048
103048
|
<td>
|
103049
|
-
<input class="inp-simplescroll-x-35" placeholder="" type="text" />
|
103049
|
+
<input class="inp-simplescroll-x-35" id="{id}" placeholder="" type="text" />
|
103050
103050
|
</td>
|
103051
103051
|
<td>
|
103052
|
-
<input class="inp-simplescroll-x-50" placeholder="" type="text" />
|
103052
|
+
<input class="inp-simplescroll-x-50" id="{id}" placeholder="" type="text" />
|
103053
103053
|
</td>
|
103054
103054
|
<td>
|
103055
|
-
<input class="inp-simplescroll-x-65" placeholder="" type="text" />
|
103055
|
+
<input class="inp-simplescroll-x-65" id="{id}" placeholder="" type="text" />
|
103056
103056
|
</td>
|
103057
103057
|
<td>
|
103058
|
-
<input class="inp-simplescroll-x-75" placeholder="" type="text" />
|
103058
|
+
<input class="inp-simplescroll-x-75" id="{id}" placeholder="" type="text" />
|
103059
103059
|
</td>
|
103060
103060
|
<td>
|
103061
|
-
<input class="inp-simplescroll-x-85" placeholder="" type="text" />
|
103061
|
+
<input class="inp-simplescroll-x-85" id="{id}" placeholder="" type="text" />
|
103062
103062
|
</td>
|
103063
103063
|
<td>
|
103064
|
-
<input class="inp-simplescroll-x-end" placeholder="100" type="text" />
|
103064
|
+
<input class="inp-simplescroll-x-end" id="{id}" placeholder="100" type="text" />
|
103065
103065
|
</td>
|
103066
103066
|
</tr>
|
103067
103067
|
<tr>
|
@@ -103081,31 +103081,31 @@ class AnimateScroll {
|
|
103081
103081
|
</tr>
|
103082
103082
|
<tr>
|
103083
103083
|
<td>
|
103084
|
-
<input class="inp-simplescroll-y-start" placeholder="100%" type="text" />
|
103084
|
+
<input class="inp-simplescroll-y-start" id="{id}" placeholder="100%" type="text" />
|
103085
103085
|
</td>
|
103086
103086
|
<td>
|
103087
|
-
<input class="inp-simplescroll-y-15" placeholder="" type="text" />
|
103087
|
+
<input class="inp-simplescroll-y-15" id="{id}" placeholder="" type="text" />
|
103088
103088
|
</td>
|
103089
103089
|
<td>
|
103090
|
-
<input class="inp-simplescroll-y-25" placeholder="" type="text" />
|
103090
|
+
<input class="inp-simplescroll-y-25" id="{id}" placeholder="" type="text" />
|
103091
103091
|
</td>
|
103092
103092
|
<td>
|
103093
|
-
<input class="inp-simplescroll-y-35" placeholder="" type="text" />
|
103093
|
+
<input class="inp-simplescroll-y-35" id="{id}" placeholder="" type="text" />
|
103094
103094
|
</td>
|
103095
103095
|
<td>
|
103096
|
-
<input class="inp-simplescroll-y-50" placeholder="" type="text" />
|
103096
|
+
<input class="inp-simplescroll-y-50" id="{id}" placeholder="" type="text" />
|
103097
103097
|
</td>
|
103098
103098
|
<td>
|
103099
|
-
<input class="inp-simplescroll-y-65" placeholder="" type="text" />
|
103099
|
+
<input class="inp-simplescroll-y-65" id="{id}" placeholder="" type="text" />
|
103100
103100
|
</td>
|
103101
103101
|
<td>
|
103102
|
-
<input class="inp-simplescroll-y-75" placeholder="" type="text" />
|
103102
|
+
<input class="inp-simplescroll-y-75" id="{id}" placeholder="" type="text" />
|
103103
103103
|
</td>
|
103104
103104
|
<td>
|
103105
|
-
<input class="inp-simplescroll-y-85" placeholder="" type="text" />
|
103105
|
+
<input class="inp-simplescroll-y-85" id="{id}" placeholder="" type="text" />
|
103106
103106
|
</td>
|
103107
103107
|
<td>
|
103108
|
-
<input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />
|
103108
|
+
<input class="inp-simplescroll-y-end" id="{id}" placeholder="-100%" type="text" />
|
103109
103109
|
</td>
|
103110
103110
|
</tr>
|
103111
103111
|
<tr>
|
@@ -103124,31 +103124,31 @@ class AnimateScroll {
|
|
103124
103124
|
</tr>
|
103125
103125
|
<tr>
|
103126
103126
|
<td>
|
103127
|
-
<input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />
|
103127
|
+
<input class="inp-simplescroll-scale-start" id="{id}" placeholder="0.8" type="text" />
|
103128
103128
|
</td>
|
103129
103129
|
<td>
|
103130
|
-
<input class="inp-simplescroll-scale-15" placeholder="" type="text" />
|
103130
|
+
<input class="inp-simplescroll-scale-15" id="{id}" placeholder="" type="text" />
|
103131
103131
|
</td>
|
103132
103132
|
<td>
|
103133
|
-
<input class="inp-simplescroll-scale-25" placeholder="" type="text" />
|
103133
|
+
<input class="inp-simplescroll-scale-25" id="{id}" placeholder="" type="text" />
|
103134
103134
|
</td>
|
103135
103135
|
<td>
|
103136
|
-
<input class="inp-simplescroll-scale-35" placeholder="" type="text" />
|
103136
|
+
<input class="inp-simplescroll-scale-35" id="{id}" placeholder="" type="text" />
|
103137
103137
|
</td>
|
103138
103138
|
<td>
|
103139
|
-
<input class="inp-simplescroll-scale-50" placeholder="" type="text" />
|
103139
|
+
<input class="inp-simplescroll-scale-50" id="{id}" placeholder="" type="text" />
|
103140
103140
|
</td>
|
103141
103141
|
<td>
|
103142
|
-
<input class="inp-simplescroll-scale-65" placeholder="" type="text" />
|
103142
|
+
<input class="inp-simplescroll-scale-65" id="{id}" placeholder="" type="text" />
|
103143
103143
|
</td>
|
103144
103144
|
<td>
|
103145
|
-
<input class="inp-simplescroll-scale-75" placeholder="" type="text" />
|
103145
|
+
<input class="inp-simplescroll-scale-75" id="{id}" placeholder="" type="text" />
|
103146
103146
|
</td>
|
103147
103147
|
<td>
|
103148
|
-
<input class="inp-simplescroll-scale-85" placeholder="" type="text" />
|
103148
|
+
<input class="inp-simplescroll-scale-85" id="{id}" placeholder="" type="text" />
|
103149
103149
|
</td>
|
103150
103150
|
<td>
|
103151
|
-
<input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />
|
103151
|
+
<input class="inp-simplescroll-scale-end" id="{id}" placeholder="1.2" type="text" />
|
103152
103152
|
</td>
|
103153
103153
|
</tr>
|
103154
103154
|
|
@@ -103168,31 +103168,31 @@ class AnimateScroll {
|
|
103168
103168
|
</tr>
|
103169
103169
|
<tr>
|
103170
103170
|
<td>
|
103171
|
-
<input class="inp-simplescroll-rotate-start" placeholder="-45" type="text" />
|
103171
|
+
<input class="inp-simplescroll-rotate-start" id="{id}" placeholder="-45" type="text" />
|
103172
103172
|
</td>
|
103173
103173
|
<td>
|
103174
|
-
<input class="inp-simplescroll-rotate-15" placeholder="" type="text" />
|
103174
|
+
<input class="inp-simplescroll-rotate-15" id="{id}" placeholder="" type="text" />
|
103175
103175
|
</td>
|
103176
103176
|
<td>
|
103177
|
-
<input class="inp-simplescroll-rotate-25" placeholder="" type="text" />
|
103177
|
+
<input class="inp-simplescroll-rotate-25" id="{id}" placeholder="" type="text" />
|
103178
103178
|
</td>
|
103179
103179
|
<td>
|
103180
|
-
<input class="inp-simplescroll-rotate-35" placeholder="" type="text" />
|
103180
|
+
<input class="inp-simplescroll-rotate-35" id="{id}" placeholder="" type="text" />
|
103181
103181
|
</td>
|
103182
103182
|
<td>
|
103183
|
-
<input class="inp-simplescroll-rotate-50" placeholder="" type="text" />
|
103183
|
+
<input class="inp-simplescroll-rotate-50" id="{id}" placeholder="" type="text" />
|
103184
103184
|
</td>
|
103185
103185
|
<td>
|
103186
|
-
<input class="inp-simplescroll-rotate-65" placeholder="" type="text" />
|
103186
|
+
<input class="inp-simplescroll-rotate-65" id="{id}" placeholder="" type="text" />
|
103187
103187
|
</td>
|
103188
103188
|
<td>
|
103189
|
-
<input class="inp-simplescroll-rotate-75" placeholder="" type="text" />
|
103189
|
+
<input class="inp-simplescroll-rotate-75" id="{id}" placeholder="" type="text" />
|
103190
103190
|
</td>
|
103191
103191
|
<td>
|
103192
|
-
<input class="inp-simplescroll-rotate-85" placeholder="" type="text" />
|
103192
|
+
<input class="inp-simplescroll-rotate-85" id="{id}" placeholder="" type="text" />
|
103193
103193
|
</td>
|
103194
103194
|
<td>
|
103195
|
-
<input class="inp-simplescroll-rotate-end" placeholder="45" type="text" />
|
103195
|
+
<input class="inp-simplescroll-rotate-end" id="{id}" placeholder="45" type="text" />
|
103196
103196
|
</td>
|
103197
103197
|
</tr>
|
103198
103198
|
|
@@ -103212,31 +103212,31 @@ class AnimateScroll {
|
|
103212
103212
|
</tr>
|
103213
103213
|
<tr>
|
103214
103214
|
<td>
|
103215
|
-
<input class="inp-simplescroll-opacity-start" placeholder="" type="text" />
|
103215
|
+
<input class="inp-simplescroll-opacity-start" id="{id}" placeholder="" type="text" />
|
103216
103216
|
</td>
|
103217
103217
|
<td>
|
103218
|
-
<input class="inp-simplescroll-opacity-15" placeholder="" type="text" />
|
103218
|
+
<input class="inp-simplescroll-opacity-15" id="{id}" placeholder="" type="text" />
|
103219
103219
|
</td>
|
103220
103220
|
<td>
|
103221
|
-
<input class="inp-simplescroll-opacity-25" placeholder="" type="text" />
|
103221
|
+
<input class="inp-simplescroll-opacity-25" id="{id}" placeholder="" type="text" />
|
103222
103222
|
</td>
|
103223
103223
|
<td>
|
103224
|
-
<input class="inp-simplescroll-opacity-35" placeholder="" type="text" />
|
103224
|
+
<input class="inp-simplescroll-opacity-35" id="{id}" placeholder="" type="text" />
|
103225
103225
|
</td>
|
103226
103226
|
<td>
|
103227
|
-
<input class="inp-simplescroll-opacity-50" placeholder="" type="text" />
|
103227
|
+
<input class="inp-simplescroll-opacity-50" id="{id}" placeholder="" type="text" />
|
103228
103228
|
</td>
|
103229
103229
|
<td>
|
103230
|
-
<input class="inp-simplescroll-opacity-65" placeholder="" type="text" />
|
103230
|
+
<input class="inp-simplescroll-opacity-65" id="{id}" placeholder="" type="text" />
|
103231
103231
|
</td>
|
103232
103232
|
<td>
|
103233
|
-
<input class="inp-simplescroll-opacity-75" placeholder="" type="text" />
|
103233
|
+
<input class="inp-simplescroll-opacity-75" id="{id}" placeholder="" type="text" />
|
103234
103234
|
</td>
|
103235
103235
|
<td>
|
103236
|
-
<input class="inp-simplescroll-opacity-85" placeholder="" type="text" />
|
103236
|
+
<input class="inp-simplescroll-opacity-85" id="{id}" placeholder="" type="text" />
|
103237
103237
|
</td>
|
103238
103238
|
<td>
|
103239
|
-
<input class="inp-simplescroll-opacity-end" placeholder="" type="text" />
|
103239
|
+
<input class="inp-simplescroll-opacity-end" id="{id}" placeholder="" type="text" />
|
103240
103240
|
</td>
|
103241
103241
|
</tr>
|
103242
103242
|
</table>
|
@@ -103420,7 +103420,7 @@ class AnimateScroll {
|
|
103420
103420
|
<div class="anim-label">
|
103421
103421
|
<span>
|
103422
103422
|
<span class="bold">${out('Slide Left')}</span>:
|
103423
|
-
<input class="inp-slide-left" type="text" />
|
103423
|
+
<input class="inp-slide-left" id="{id}" type="text" />
|
103424
103424
|
</span>
|
103425
103425
|
<button title="${out('Clear')}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">
|
103426
103426
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103437,7 +103437,7 @@ class AnimateScroll {
|
|
103437
103437
|
<div class="anim-label">
|
103438
103438
|
<span>
|
103439
103439
|
<span class="bold">${out('Slide Right')}</span>:
|
103440
|
-
<input class="inp-slide-right" type="text" />
|
103440
|
+
<input class="inp-slide-right" id="{id}" type="text" />
|
103441
103441
|
</span>
|
103442
103442
|
<button title="${out('Clear')}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">
|
103443
103443
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103455,7 +103455,7 @@ class AnimateScroll {
|
|
103455
103455
|
<div class="anim-label">
|
103456
103456
|
<span>
|
103457
103457
|
<span class="bold">${out('Slide Up')}</span>:
|
103458
|
-
<input class="inp-slide-up" type="text" />
|
103458
|
+
<input class="inp-slide-up" id="{id}" type="text" />
|
103459
103459
|
</span>
|
103460
103460
|
<button title="${out('Clear')}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">
|
103461
103461
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103472,7 +103472,7 @@ class AnimateScroll {
|
|
103472
103472
|
<div class="anim-label">
|
103473
103473
|
<span>
|
103474
103474
|
<span class="bold">${out('Slide Down')}</span>:
|
103475
|
-
<input class="inp-slide-down" type="text" />
|
103475
|
+
<input class="inp-slide-down" id="{id}" type="text" />
|
103476
103476
|
</span>
|
103477
103477
|
<button title="${out('Clear')}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">
|
103478
103478
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103490,7 +103490,7 @@ class AnimateScroll {
|
|
103490
103490
|
<div class="anim-label">
|
103491
103491
|
<span>
|
103492
103492
|
<span class="bold">${out('Scale')}</span>:
|
103493
|
-
<input class="inp-scale" type="text" />
|
103493
|
+
<input class="inp-scale" id="{id}" type="text" />
|
103494
103494
|
</span>
|
103495
103495
|
<button title="${out('Clear')}" class="cmd-clear-scale" style="background: none;margin-right:-12px">
|
103496
103496
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103509,7 +103509,7 @@ class AnimateScroll {
|
|
103509
103509
|
<div class="anim-label">
|
103510
103510
|
<span>
|
103511
103511
|
<span class="bold">${out('Rotate Clockwise')}</span>:
|
103512
|
-
<input class="inp-rotate-clockwise" type="text" />
|
103512
|
+
<input class="inp-rotate-clockwise" id="{id}" type="text" />
|
103513
103513
|
</span>
|
103514
103514
|
<button title="${out('Clear')}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">
|
103515
103515
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103526,7 +103526,7 @@ class AnimateScroll {
|
|
103526
103526
|
<div class="anim-label">
|
103527
103527
|
<span>
|
103528
103528
|
<span class="bold">${out('Rotate Counterclockwise')}</span>:
|
103529
|
-
<input class="inp-rotate-counter" type="text" />
|
103529
|
+
<input class="inp-rotate-counter" id="{id}" type="text" />
|
103530
103530
|
</span>
|
103531
103531
|
<button title="${out('Clear')}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">
|
103532
103532
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103568,7 +103568,7 @@ class AnimateScroll {
|
|
103568
103568
|
|
103569
103569
|
<div class="anim-label">
|
103570
103570
|
<span>
|
103571
|
-
<span class="bold">${out('Slide Left')}</span>: <input class="inp-slide-left" type="text" />
|
103571
|
+
<span class="bold">${out('Slide Left')}</span>: <input class="inp-slide-left" id="{id}" type="text" />
|
103572
103572
|
</span>
|
103573
103573
|
<button title="${out('Clear')}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">
|
103574
103574
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103585,7 +103585,7 @@ class AnimateScroll {
|
|
103585
103585
|
<div class="anim-label">
|
103586
103586
|
<span>
|
103587
103587
|
<span class="bold">${out('Slide Right')}</span>:
|
103588
|
-
<input class="inp-slide-right" type="text" />
|
103588
|
+
<input class="inp-slide-right" id="{id}" type="text" />
|
103589
103589
|
</span>
|
103590
103590
|
<button title="${out('Clear')}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">
|
103591
103591
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103603,7 +103603,7 @@ class AnimateScroll {
|
|
103603
103603
|
<div class="anim-label">
|
103604
103604
|
<span>
|
103605
103605
|
<span class="bold">${out('Slide Up')}</span>:
|
103606
|
-
<input class="inp-slide-up" type="text" />
|
103606
|
+
<input class="inp-slide-up" id="{id}" type="text" />
|
103607
103607
|
</span>
|
103608
103608
|
<button title="${out('Clear')}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">
|
103609
103609
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103620,7 +103620,7 @@ class AnimateScroll {
|
|
103620
103620
|
<div class="anim-label">
|
103621
103621
|
<span>
|
103622
103622
|
<span class="bold">${out('Slide Down')}</span>:
|
103623
|
-
<input class="inp-slide-down" type="text" />
|
103623
|
+
<input class="inp-slide-down" id="{id}" type="text" />
|
103624
103624
|
</span>
|
103625
103625
|
<button title="${out('Clear')}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">
|
103626
103626
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103638,7 +103638,7 @@ class AnimateScroll {
|
|
103638
103638
|
<div class="anim-label">
|
103639
103639
|
<span>
|
103640
103640
|
<span class="bold">${out('Scale')}</span>:
|
103641
|
-
<input class="inp-scale" type="text" />
|
103641
|
+
<input class="inp-scale" id="{id}" type="text" />
|
103642
103642
|
</span>
|
103643
103643
|
<button title="${out('Clear')}" class="cmd-clear-scale" style="background: none;margin-right:-12px">
|
103644
103644
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103656,7 +103656,7 @@ class AnimateScroll {
|
|
103656
103656
|
<div class="anim-label">
|
103657
103657
|
<span>
|
103658
103658
|
<span class="bold">${out('Rotate Clockwise')}</span>:
|
103659
|
-
<input class="inp-rotate-clockwise" type="text" />
|
103659
|
+
<input class="inp-rotate-clockwise" id="{id}" type="text" />
|
103660
103660
|
</span>
|
103661
103661
|
<button title="${out('Clear')}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">
|
103662
103662
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103673,7 +103673,7 @@ class AnimateScroll {
|
|
103673
103673
|
<div class="anim-label">
|
103674
103674
|
<span>
|
103675
103675
|
<span class="bold">${out('Rotate Counterclockwise')}</span>:
|
103676
|
-
<input class="inp-rotate-counter" type="text" />
|
103676
|
+
<input class="inp-rotate-counter" id="{id}" type="text" />
|
103677
103677
|
</span>
|
103678
103678
|
<button title="${out('Clear')}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">
|
103679
103679
|
<svg class="is-icon-flex"><use xlink:href="#icon-eraser"></use></svg>
|
@@ -103757,7 +103757,7 @@ class AnimateScroll {
|
|
103757
103757
|
|
103758
103758
|
<div class="flex-wrap" style="margin-top: 10px;">
|
103759
103759
|
<label class="label-checkbox" for="chkPresetAnimOnce" style="margin:0;margin-right:15px;">
|
103760
|
-
<input id="chkPresetAnimOnce" type="checkbox" />
|
103760
|
+
<input id="chkPresetAnimOnce" id="{id}" type="checkbox" />
|
103761
103761
|
${out('Animate Once')}
|
103762
103762
|
</label>
|
103763
103763
|
|
@@ -103821,6 +103821,12 @@ class AnimateScroll {
|
|
103821
103821
|
|
103822
103822
|
</div>
|
103823
103823
|
`;
|
103824
|
+
|
103825
|
+
while (html.includes('{id}')) {
|
103826
|
+
const uniqueId = this.builder.makeId();
|
103827
|
+
html = html.replace('{id}', uniqueId);
|
103828
|
+
}
|
103829
|
+
|
103824
103830
|
dom$2.appendHtml(builderStuff, html);
|
103825
103831
|
const modalAnimateScroll = builderStuff.querySelector('.is-side.animatescroll');
|
103826
103832
|
this.modalAnimateScroll = modalAnimateScroll;
|
@@ -107448,92 +107454,92 @@ class Timeline {
|
|
107448
107454
|
<span class="bold">${out('Slide X')}</span>
|
107449
107455
|
</td>
|
107450
107456
|
<td>
|
107451
|
-
<input class="inp-x" placeholder="" type="text" />
|
107457
|
+
<input id="{id}" class="inp-x" placeholder="" type="text" />
|
107452
107458
|
</td>
|
107453
107459
|
<td>
|
107454
|
-
<input class="inp-x-100" placeholder="" type="text" />
|
107460
|
+
<input id="{id}" class="inp-x-100" placeholder="" type="text" />
|
107455
107461
|
</td>
|
107456
107462
|
<td>
|
107457
|
-
<input class="inp-x-200" placeholder="" type="text" />
|
107463
|
+
<input id="{id}" class="inp-x-200" placeholder="" type="text" />
|
107458
107464
|
</td>
|
107459
107465
|
<td>
|
107460
|
-
<input class="inp-x-300" placeholder="" type="text" />
|
107466
|
+
<input id="{id}" class="inp-x-300" placeholder="" type="text" />
|
107461
107467
|
</td>
|
107462
107468
|
<td>
|
107463
|
-
<input class="inp-x-400" placeholder="" type="text" />
|
107469
|
+
<input id="{id}" class="inp-x-400" placeholder="" type="text" />
|
107464
107470
|
</td>
|
107465
107471
|
<td>
|
107466
|
-
<input class="inp-x-500" placeholder="" type="text" />
|
107472
|
+
<input id="{id}" class="inp-x-500" placeholder="" type="text" />
|
107467
107473
|
</td>
|
107468
107474
|
<td>
|
107469
|
-
<input class="inp-x-600" placeholder="" type="text" />
|
107475
|
+
<input id="{id}" class="inp-x-600" placeholder="" type="text" />
|
107470
107476
|
</td>
|
107471
107477
|
<td>
|
107472
|
-
<input class="inp-x-700" placeholder="" type="text" />
|
107478
|
+
<input id="{id}" class="inp-x-700" placeholder="" type="text" />
|
107473
107479
|
</td>
|
107474
107480
|
<td>
|
107475
|
-
<input class="inp-x-800" placeholder="" type="text" />
|
107481
|
+
<input id="{id}" class="inp-x-800" placeholder="" type="text" />
|
107476
107482
|
</td>
|
107477
107483
|
<td>
|
107478
|
-
<input class="inp-x-900" placeholder="" type="text" />
|
107484
|
+
<input id="{id}" class="inp-x-900" placeholder="" type="text" />
|
107479
107485
|
</td>
|
107480
107486
|
<td>
|
107481
|
-
<input class="inp-x-1000" placeholder="" type="text" />
|
107487
|
+
<input id="{id}" class="inp-x-1000" placeholder="" type="text" />
|
107482
107488
|
</td>
|
107483
107489
|
<td>
|
107484
|
-
<input class="inp-x-1100" placeholder="" type="text" />
|
107490
|
+
<input id="{id}" class="inp-x-1100" placeholder="" type="text" />
|
107485
107491
|
</td>
|
107486
107492
|
<td>
|
107487
|
-
<input class="inp-x-1200" placeholder="" type="text" />
|
107493
|
+
<input id="{id}" class="inp-x-1200" placeholder="" type="text" />
|
107488
107494
|
</td>
|
107489
107495
|
<td>
|
107490
|
-
<input class="inp-x-1300" placeholder="" type="text" />
|
107496
|
+
<input id="{id}" class="inp-x-1300" placeholder="" type="text" />
|
107491
107497
|
</td>
|
107492
107498
|
<td>
|
107493
|
-
<input class="inp-x-1400" placeholder="" type="text" />
|
107499
|
+
<input id="{id}" class="inp-x-1400" placeholder="" type="text" />
|
107494
107500
|
</td>
|
107495
107501
|
<td>
|
107496
|
-
<input class="inp-x-1500" placeholder="" type="text" />
|
107502
|
+
<input id="{id}" class="inp-x-1500" placeholder="" type="text" />
|
107497
107503
|
</td>
|
107498
107504
|
<td>
|
107499
|
-
<input class="inp-x-1600" placeholder="" type="text" />
|
107505
|
+
<input id="{id}" class="inp-x-1600" placeholder="" type="text" />
|
107500
107506
|
</td>
|
107501
107507
|
|
107502
107508
|
<td>
|
107503
|
-
<input class="inp-x-1700 inp-extra" placeholder="" type="text" />
|
107509
|
+
<input id="{id}" class="inp-x-1700 inp-extra" placeholder="" type="text" />
|
107504
107510
|
</td>
|
107505
107511
|
<td>
|
107506
|
-
<input class="inp-x-1800 inp-extra" placeholder="" type="text" />
|
107512
|
+
<input id="{id}" class="inp-x-1800 inp-extra" placeholder="" type="text" />
|
107507
107513
|
</td>
|
107508
107514
|
<td>
|
107509
|
-
<input class="inp-x-1900 inp-extra" placeholder="" type="text" />
|
107515
|
+
<input id="{id}" class="inp-x-1900 inp-extra" placeholder="" type="text" />
|
107510
107516
|
</td>
|
107511
107517
|
<td>
|
107512
|
-
<input class="inp-x-2000 inp-extra" placeholder="" type="text" />
|
107518
|
+
<input id="{id}" class="inp-x-2000 inp-extra" placeholder="" type="text" />
|
107513
107519
|
</td>
|
107514
107520
|
<td>
|
107515
|
-
<input class="inp-x-2100 inp-extra" placeholder="" type="text" />
|
107521
|
+
<input id="{id}" class="inp-x-2100 inp-extra" placeholder="" type="text" />
|
107516
107522
|
</td>
|
107517
107523
|
<td>
|
107518
|
-
<input class="inp-x-2200 inp-extra" placeholder="" type="text" />
|
107524
|
+
<input id="{id}" class="inp-x-2200 inp-extra" placeholder="" type="text" />
|
107519
107525
|
</td>
|
107520
107526
|
<td>
|
107521
|
-
<input class="inp-x-2300 inp-extra" placeholder="" type="text" />
|
107527
|
+
<input id="{id}" class="inp-x-2300 inp-extra" placeholder="" type="text" />
|
107522
107528
|
</td>
|
107523
107529
|
<td>
|
107524
|
-
<input class="inp-x-2400 inp-extra" placeholder="" type="text" />
|
107530
|
+
<input id="{id}" class="inp-x-2400 inp-extra" placeholder="" type="text" />
|
107525
107531
|
</td>
|
107526
107532
|
<td>
|
107527
|
-
<input class="inp-x-2500 inp-extra" placeholder="" type="text" />
|
107533
|
+
<input id="{id}" class="inp-x-2500 inp-extra" placeholder="" type="text" />
|
107528
107534
|
</td>
|
107529
107535
|
<td>
|
107530
|
-
<input class="inp-x-2600 inp-extra" placeholder="" type="text" />
|
107536
|
+
<input id="{id}" class="inp-x-2600 inp-extra" placeholder="" type="text" />
|
107531
107537
|
</td>
|
107532
107538
|
<td>
|
107533
|
-
<input class="inp-x-2700 inp-extra" placeholder="" type="text" />
|
107539
|
+
<input id="{id}" class="inp-x-2700 inp-extra" placeholder="" type="text" />
|
107534
107540
|
</td>
|
107535
107541
|
<td>
|
107536
|
-
<input class="inp-x-2800 inp-extra" placeholder="" type="text" />
|
107542
|
+
<input id="{id}" class="inp-x-2800 inp-extra" placeholder="" type="text" />
|
107537
107543
|
</td>
|
107538
107544
|
</tr>
|
107539
107545
|
<tr>
|
@@ -107541,92 +107547,92 @@ class Timeline {
|
|
107541
107547
|
<span class="bold">${out('Slide Y')}</span>
|
107542
107548
|
</td>
|
107543
107549
|
<td>
|
107544
|
-
<input class="inp-y" placeholder="" type="text" />
|
107550
|
+
<input id="{id}" class="inp-y" placeholder="" type="text" />
|
107545
107551
|
</td>
|
107546
107552
|
<td>
|
107547
|
-
<input class="inp-y-100" placeholder="" type="text" />
|
107553
|
+
<input id="{id}" class="inp-y-100" placeholder="" type="text" />
|
107548
107554
|
</td>
|
107549
107555
|
<td>
|
107550
|
-
<input class="inp-y-200" placeholder="" type="text" />
|
107556
|
+
<input id="{id}" class="inp-y-200" placeholder="" type="text" />
|
107551
107557
|
</td>
|
107552
107558
|
<td>
|
107553
|
-
<input class="inp-y-300" placeholder="" type="text" />
|
107559
|
+
<input id="{id}" class="inp-y-300" placeholder="" type="text" />
|
107554
107560
|
</td>
|
107555
107561
|
<td>
|
107556
|
-
<input class="inp-y-400" placeholder="" type="text" />
|
107562
|
+
<input id="{id}" class="inp-y-400" placeholder="" type="text" />
|
107557
107563
|
</td>
|
107558
107564
|
<td>
|
107559
|
-
<input class="inp-y-500" placeholder="" type="text" />
|
107565
|
+
<input id="{id}" class="inp-y-500" placeholder="" type="text" />
|
107560
107566
|
</td>
|
107561
107567
|
<td>
|
107562
|
-
<input class="inp-y-600" placeholder="" type="text" />
|
107568
|
+
<input id="{id}" class="inp-y-600" placeholder="" type="text" />
|
107563
107569
|
</td>
|
107564
107570
|
<td>
|
107565
|
-
<input class="inp-y-700" placeholder="" type="text" />
|
107571
|
+
<input id="{id}" class="inp-y-700" placeholder="" type="text" />
|
107566
107572
|
</td>
|
107567
107573
|
<td>
|
107568
|
-
<input class="inp-y-800" placeholder="" type="text" />
|
107574
|
+
<input id="{id}" class="inp-y-800" placeholder="" type="text" />
|
107569
107575
|
</td>
|
107570
107576
|
<td>
|
107571
|
-
<input class="inp-y-900" placeholder="" type="text" />
|
107577
|
+
<input id="{id}" class="inp-y-900" placeholder="" type="text" />
|
107572
107578
|
</td>
|
107573
107579
|
<td>
|
107574
|
-
<input class="inp-y-1000" placeholder="" type="text" />
|
107580
|
+
<input id="{id}" class="inp-y-1000" placeholder="" type="text" />
|
107575
107581
|
</td>
|
107576
107582
|
<td>
|
107577
|
-
<input class="inp-y-1100" placeholder="" type="text" />
|
107583
|
+
<input id="{id}" class="inp-y-1100" placeholder="" type="text" />
|
107578
107584
|
</td>
|
107579
107585
|
<td>
|
107580
|
-
<input class="inp-y-1200" placeholder="" type="text" />
|
107586
|
+
<input id="{id}" class="inp-y-1200" placeholder="" type="text" />
|
107581
107587
|
</td>
|
107582
107588
|
<td>
|
107583
|
-
<input class="inp-y-1300" placeholder="" type="text" />
|
107589
|
+
<input id="{id}" class="inp-y-1300" placeholder="" type="text" />
|
107584
107590
|
</td>
|
107585
107591
|
<td>
|
107586
|
-
<input class="inp-y-1400" placeholder="" type="text" />
|
107592
|
+
<input id="{id}" class="inp-y-1400" placeholder="" type="text" />
|
107587
107593
|
</td>
|
107588
107594
|
<td>
|
107589
|
-
<input class="inp-y-1500" placeholder="" type="text" />
|
107595
|
+
<input id="{id}" class="inp-y-1500" placeholder="" type="text" />
|
107590
107596
|
</td>
|
107591
107597
|
<td>
|
107592
|
-
<input class="inp-y-1600" placeholder="" type="text" />
|
107598
|
+
<input id="{id}" class="inp-y-1600" placeholder="" type="text" />
|
107593
107599
|
</td>
|
107594
107600
|
|
107595
107601
|
<td>
|
107596
|
-
<input class="inp-y-1700 inp-extra" placeholder="" type="text" />
|
107602
|
+
<input id="{id}" class="inp-y-1700 inp-extra" placeholder="" type="text" />
|
107597
107603
|
</td>
|
107598
107604
|
<td>
|
107599
|
-
<input class="inp-y-1800 inp-extra" placeholder="" type="text" />
|
107605
|
+
<input id="{id}" class="inp-y-1800 inp-extra" placeholder="" type="text" />
|
107600
107606
|
</td>
|
107601
107607
|
<td>
|
107602
|
-
<input class="inp-y-1900 inp-extra" placeholder="" type="text" />
|
107608
|
+
<input id="{id}" class="inp-y-1900 inp-extra" placeholder="" type="text" />
|
107603
107609
|
</td>
|
107604
107610
|
<td>
|
107605
|
-
<input class="inp-y-2000 inp-extra" placeholder="" type="text" />
|
107611
|
+
<input id="{id}" class="inp-y-2000 inp-extra" placeholder="" type="text" />
|
107606
107612
|
</td>
|
107607
107613
|
<td>
|
107608
|
-
<input class="inp-y-2100 inp-extra" placeholder="" type="text" />
|
107614
|
+
<input id="{id}" class="inp-y-2100 inp-extra" placeholder="" type="text" />
|
107609
107615
|
</td>
|
107610
107616
|
<td>
|
107611
|
-
<input class="inp-y-2200 inp-extra" placeholder="" type="text" />
|
107617
|
+
<input id="{id}" class="inp-y-2200 inp-extra" placeholder="" type="text" />
|
107612
107618
|
</td>
|
107613
107619
|
<td>
|
107614
|
-
<input class="inp-y-2300 inp-extra" placeholder="" type="text" />
|
107620
|
+
<input id="{id}" class="inp-y-2300 inp-extra" placeholder="" type="text" />
|
107615
107621
|
</td>
|
107616
107622
|
<td>
|
107617
|
-
<input class="inp-y-2400 inp-extra" placeholder="" type="text" />
|
107623
|
+
<input id="{id}" class="inp-y-2400 inp-extra" placeholder="" type="text" />
|
107618
107624
|
</td>
|
107619
107625
|
<td>
|
107620
|
-
<input class="inp-y-2500 inp-extra" placeholder="" type="text" />
|
107626
|
+
<input id="{id}" class="inp-y-2500 inp-extra" placeholder="" type="text" />
|
107621
107627
|
</td>
|
107622
107628
|
<td>
|
107623
|
-
<input class="inp-y-2600 inp-extra" placeholder="" type="text" />
|
107629
|
+
<input id="{id}" class="inp-y-2600 inp-extra" placeholder="" type="text" />
|
107624
107630
|
</td>
|
107625
107631
|
<td>
|
107626
|
-
<input class="inp-y-2700 inp-extra" placeholder="" type="text" />
|
107632
|
+
<input id="{id}" class="inp-y-2700 inp-extra" placeholder="" type="text" />
|
107627
107633
|
</td>
|
107628
107634
|
<td>
|
107629
|
-
<input class="inp-y-2800 inp-extra" placeholder="" type="text" />
|
107635
|
+
<input id="{id}" class="inp-y-2800 inp-extra" placeholder="" type="text" />
|
107630
107636
|
</td>
|
107631
107637
|
</tr>
|
107632
107638
|
<tr>
|
@@ -107634,92 +107640,92 @@ class Timeline {
|
|
107634
107640
|
<span class="bold">${out('Scale')}</span>
|
107635
107641
|
</td>
|
107636
107642
|
<td>
|
107637
|
-
<input class="inp-sc" placeholder="" type="text" />
|
107643
|
+
<input id="{id}" class="inp-sc" placeholder="" type="text" />
|
107638
107644
|
</td>
|
107639
107645
|
<td>
|
107640
|
-
<input class="inp-sc-100" placeholder="" type="text" />
|
107646
|
+
<input id="{id}" class="inp-sc-100" placeholder="" type="text" />
|
107641
107647
|
</td>
|
107642
107648
|
<td>
|
107643
|
-
<input class="inp-sc-200" placeholder="" type="text" />
|
107649
|
+
<input id="{id}" class="inp-sc-200" placeholder="" type="text" />
|
107644
107650
|
</td>
|
107645
107651
|
<td>
|
107646
|
-
<input class="inp-sc-300" placeholder="" type="text" />
|
107652
|
+
<input id="{id}" class="inp-sc-300" placeholder="" type="text" />
|
107647
107653
|
</td>
|
107648
107654
|
<td>
|
107649
|
-
<input class="inp-sc-400" placeholder="" type="text" />
|
107655
|
+
<input id="{id}" class="inp-sc-400" placeholder="" type="text" />
|
107650
107656
|
</td>
|
107651
107657
|
<td>
|
107652
|
-
<input class="inp-sc-500" placeholder="" type="text" />
|
107658
|
+
<input id="{id}" class="inp-sc-500" placeholder="" type="text" />
|
107653
107659
|
</td>
|
107654
107660
|
<td>
|
107655
|
-
<input class="inp-sc-600" placeholder="" type="text" />
|
107661
|
+
<input id="{id}" class="inp-sc-600" placeholder="" type="text" />
|
107656
107662
|
</td>
|
107657
107663
|
<td>
|
107658
|
-
<input class="inp-sc-700" placeholder="" type="text" />
|
107664
|
+
<input id="{id}" class="inp-sc-700" placeholder="" type="text" />
|
107659
107665
|
</td>
|
107660
107666
|
<td>
|
107661
|
-
<input class="inp-sc-800" placeholder="" type="text" />
|
107667
|
+
<input id="{id}" class="inp-sc-800" placeholder="" type="text" />
|
107662
107668
|
</td>
|
107663
107669
|
<td>
|
107664
|
-
<input class="inp-sc-900" placeholder="" type="text" />
|
107670
|
+
<input id="{id}" class="inp-sc-900" placeholder="" type="text" />
|
107665
107671
|
</td>
|
107666
107672
|
<td>
|
107667
|
-
<input class="inp-sc-1000" placeholder="" type="text" />
|
107673
|
+
<input id="{id}" class="inp-sc-1000" placeholder="" type="text" />
|
107668
107674
|
</td>
|
107669
107675
|
<td>
|
107670
|
-
<input class="inp-sc-1100" placeholder="" type="text" />
|
107676
|
+
<input id="{id}" class="inp-sc-1100" placeholder="" type="text" />
|
107671
107677
|
</td>
|
107672
107678
|
<td>
|
107673
|
-
<input class="inp-sc-1200" placeholder="" type="text" />
|
107679
|
+
<input id="{id}" class="inp-sc-1200" placeholder="" type="text" />
|
107674
107680
|
</td>
|
107675
107681
|
<td>
|
107676
|
-
<input class="inp-sc-1300" placeholder="" type="text" />
|
107682
|
+
<input id="{id}" class="inp-sc-1300" placeholder="" type="text" />
|
107677
107683
|
</td>
|
107678
107684
|
<td>
|
107679
|
-
<input class="inp-sc-1400" placeholder="" type="text" />
|
107685
|
+
<input id="{id}" class="inp-sc-1400" placeholder="" type="text" />
|
107680
107686
|
</td>
|
107681
107687
|
<td>
|
107682
|
-
<input class="inp-sc-1500" placeholder="" type="text" />
|
107688
|
+
<input id="{id}" class="inp-sc-1500" placeholder="" type="text" />
|
107683
107689
|
</td>
|
107684
107690
|
<td>
|
107685
|
-
<input class="inp-sc-1600" placeholder="" type="text" />
|
107691
|
+
<input id="{id}" class="inp-sc-1600" placeholder="" type="text" />
|
107686
107692
|
</td>
|
107687
107693
|
|
107688
107694
|
<td>
|
107689
|
-
<input class="inp-sc-1700 inp-extra" placeholder="" type="text" />
|
107695
|
+
<input id="{id}" class="inp-sc-1700 inp-extra" placeholder="" type="text" />
|
107690
107696
|
</td>
|
107691
107697
|
<td>
|
107692
|
-
<input class="inp-sc-1800 inp-extra" placeholder="" type="text" />
|
107698
|
+
<input id="{id}" class="inp-sc-1800 inp-extra" placeholder="" type="text" />
|
107693
107699
|
</td>
|
107694
107700
|
<td>
|
107695
|
-
<input class="inp-sc-1900 inp-extra" placeholder="" type="text" />
|
107701
|
+
<input id="{id}" class="inp-sc-1900 inp-extra" placeholder="" type="text" />
|
107696
107702
|
</td>
|
107697
107703
|
<td>
|
107698
|
-
<input class="inp-sc-2000 inp-extra" placeholder="" type="text" />
|
107704
|
+
<input id="{id}" class="inp-sc-2000 inp-extra" placeholder="" type="text" />
|
107699
107705
|
</td>
|
107700
107706
|
<td>
|
107701
|
-
<input class="inp-sc-2100 inp-extra" placeholder="" type="text" />
|
107707
|
+
<input id="{id}" class="inp-sc-2100 inp-extra" placeholder="" type="text" />
|
107702
107708
|
</td>
|
107703
107709
|
<td>
|
107704
|
-
<input class="inp-sc-2200 inp-extra" placeholder="" type="text" />
|
107710
|
+
<input id="{id}" class="inp-sc-2200 inp-extra" placeholder="" type="text" />
|
107705
107711
|
</td>
|
107706
107712
|
<td>
|
107707
|
-
<input class="inp-sc-2300 inp-extra" placeholder="" type="text" />
|
107713
|
+
<input id="{id}" class="inp-sc-2300 inp-extra" placeholder="" type="text" />
|
107708
107714
|
</td>
|
107709
107715
|
<td>
|
107710
|
-
<input class="inp-sc-2400 inp-extra" placeholder="" type="text" />
|
107716
|
+
<input id="{id}" class="inp-sc-2400 inp-extra" placeholder="" type="text" />
|
107711
107717
|
</td>
|
107712
107718
|
<td>
|
107713
|
-
<input class="inp-sc-2500 inp-extra" placeholder="" type="text" />
|
107719
|
+
<input id="{id}" class="inp-sc-2500 inp-extra" placeholder="" type="text" />
|
107714
107720
|
</td>
|
107715
107721
|
<td>
|
107716
|
-
<input class="inp-sc-2600 inp-extra" placeholder="" type="text" />
|
107722
|
+
<input id="{id}" class="inp-sc-2600 inp-extra" placeholder="" type="text" />
|
107717
107723
|
</td>
|
107718
107724
|
<td>
|
107719
|
-
<input class="inp-sc-2700 inp-extra" placeholder="" type="text" />
|
107725
|
+
<input id="{id}" class="inp-sc-2700 inp-extra" placeholder="" type="text" />
|
107720
107726
|
</td>
|
107721
107727
|
<td>
|
107722
|
-
<input class="inp-sc-2800 inp-extra" placeholder="" type="text" />
|
107728
|
+
<input id="{id}" class="inp-sc-2800 inp-extra" placeholder="" type="text" />
|
107723
107729
|
</td>
|
107724
107730
|
</tr>
|
107725
107731
|
<tr>
|
@@ -107727,92 +107733,92 @@ class Timeline {
|
|
107727
107733
|
<span class="bold">${out('Rotate')}</span>
|
107728
107734
|
</td>
|
107729
107735
|
<td>
|
107730
|
-
<input class="inp-rt" placeholder="" type="text" />
|
107736
|
+
<input id="{id}" class="inp-rt" placeholder="" type="text" />
|
107731
107737
|
</td>
|
107732
107738
|
<td>
|
107733
|
-
<input class="inp-rt-100" placeholder="" type="text" />
|
107739
|
+
<input id="{id}" class="inp-rt-100" placeholder="" type="text" />
|
107734
107740
|
</td>
|
107735
107741
|
<td>
|
107736
|
-
<input class="inp-rt-200" placeholder="" type="text" />
|
107742
|
+
<input id="{id}" class="inp-rt-200" placeholder="" type="text" />
|
107737
107743
|
</td>
|
107738
107744
|
<td>
|
107739
|
-
<input class="inp-rt-300" placeholder="" type="text" />
|
107745
|
+
<input id="{id}" class="inp-rt-300" placeholder="" type="text" />
|
107740
107746
|
</td>
|
107741
107747
|
<td>
|
107742
|
-
<input class="inp-rt-400" placeholder="" type="text" />
|
107748
|
+
<input id="{id}" class="inp-rt-400" placeholder="" type="text" />
|
107743
107749
|
</td>
|
107744
107750
|
<td>
|
107745
|
-
<input class="inp-rt-500" placeholder="" type="text" />
|
107751
|
+
<input id="{id}" class="inp-rt-500" placeholder="" type="text" />
|
107746
107752
|
</td>
|
107747
107753
|
<td>
|
107748
|
-
<input class="inp-rt-600" placeholder="" type="text" />
|
107754
|
+
<input id="{id}" class="inp-rt-600" placeholder="" type="text" />
|
107749
107755
|
</td>
|
107750
107756
|
<td>
|
107751
|
-
<input class="inp-rt-700" placeholder="" type="text" />
|
107757
|
+
<input id="{id}" class="inp-rt-700" placeholder="" type="text" />
|
107752
107758
|
</td>
|
107753
107759
|
<td>
|
107754
|
-
<input class="inp-rt-800" placeholder="" type="text" />
|
107760
|
+
<input id="{id}" class="inp-rt-800" placeholder="" type="text" />
|
107755
107761
|
</td>
|
107756
107762
|
<td>
|
107757
|
-
<input class="inp-rt-900" placeholder="" type="text" />
|
107763
|
+
<input id="{id}" class="inp-rt-900" placeholder="" type="text" />
|
107758
107764
|
</td>
|
107759
107765
|
<td>
|
107760
|
-
<input class="inp-rt-1000" placeholder="" type="text" />
|
107766
|
+
<input id="{id}" class="inp-rt-1000" placeholder="" type="text" />
|
107761
107767
|
</td>
|
107762
107768
|
<td>
|
107763
|
-
<input class="inp-rt-1100" placeholder="" type="text" />
|
107769
|
+
<input id="{id}" class="inp-rt-1100" placeholder="" type="text" />
|
107764
107770
|
</td>
|
107765
107771
|
<td>
|
107766
|
-
<input class="inp-rt-1200" placeholder="" type="text" />
|
107772
|
+
<input id="{id}" class="inp-rt-1200" placeholder="" type="text" />
|
107767
107773
|
</td>
|
107768
107774
|
<td>
|
107769
|
-
<input class="inp-rt-1300" placeholder="" type="text" />
|
107775
|
+
<input id="{id}" class="inp-rt-1300" placeholder="" type="text" />
|
107770
107776
|
</td>
|
107771
107777
|
<td>
|
107772
|
-
<input class="inp-rt-1400" placeholder="" type="text" />
|
107778
|
+
<input id="{id}" class="inp-rt-1400" placeholder="" type="text" />
|
107773
107779
|
</td>
|
107774
107780
|
<td>
|
107775
|
-
<input class="inp-rt-1500" placeholder="" type="text" />
|
107781
|
+
<input id="{id}" class="inp-rt-1500" placeholder="" type="text" />
|
107776
107782
|
</td>
|
107777
107783
|
<td>
|
107778
|
-
<input class="inp-rt-1600" placeholder="" type="text" />
|
107784
|
+
<input id="{id}" class="inp-rt-1600" placeholder="" type="text" />
|
107779
107785
|
</td>
|
107780
107786
|
|
107781
107787
|
<td>
|
107782
|
-
<input class="inp-rt-1700 inp-extra" placeholder="" type="text" />
|
107788
|
+
<input id="{id}" class="inp-rt-1700 inp-extra" placeholder="" type="text" />
|
107783
107789
|
</td>
|
107784
107790
|
<td>
|
107785
|
-
<input class="inp-rt-1800 inp-extra" placeholder="" type="text" />
|
107791
|
+
<input id="{id}" class="inp-rt-1800 inp-extra" placeholder="" type="text" />
|
107786
107792
|
</td>
|
107787
107793
|
<td>
|
107788
|
-
<input class="inp-rt-1900 inp-extra" placeholder="" type="text" />
|
107794
|
+
<input id="{id}" class="inp-rt-1900 inp-extra" placeholder="" type="text" />
|
107789
107795
|
</td>
|
107790
107796
|
<td>
|
107791
|
-
<input class="inp-rt-2000 inp-extra" placeholder="" type="text" />
|
107797
|
+
<input id="{id}" class="inp-rt-2000 inp-extra" placeholder="" type="text" />
|
107792
107798
|
</td>
|
107793
107799
|
<td>
|
107794
|
-
<input class="inp-rt-2100 inp-extra" placeholder="" type="text" />
|
107800
|
+
<input id="{id}" class="inp-rt-2100 inp-extra" placeholder="" type="text" />
|
107795
107801
|
</td>
|
107796
107802
|
<td>
|
107797
|
-
<input class="inp-rt-2200 inp-extra" placeholder="" type="text" />
|
107803
|
+
<input id="{id}" class="inp-rt-2200 inp-extra" placeholder="" type="text" />
|
107798
107804
|
</td>
|
107799
107805
|
<td>
|
107800
|
-
<input class="inp-rt-2300 inp-extra" placeholder="" type="text" />
|
107806
|
+
<input id="{id}" class="inp-rt-2300 inp-extra" placeholder="" type="text" />
|
107801
107807
|
</td>
|
107802
107808
|
<td>
|
107803
|
-
<input class="inp-rt-2400 inp-extra" placeholder="" type="text" />
|
107809
|
+
<input id="{id}" class="inp-rt-2400 inp-extra" placeholder="" type="text" />
|
107804
107810
|
</td>
|
107805
107811
|
<td>
|
107806
|
-
<input class="inp-rt-2500 inp-extra" placeholder="" type="text" />
|
107812
|
+
<input id="{id}" class="inp-rt-2500 inp-extra" placeholder="" type="text" />
|
107807
107813
|
</td>
|
107808
107814
|
<td>
|
107809
|
-
<input class="inp-rt-2600 inp-extra" placeholder="" type="text" />
|
107815
|
+
<input id="{id}" class="inp-rt-2600 inp-extra" placeholder="" type="text" />
|
107810
107816
|
</td>
|
107811
107817
|
<td>
|
107812
|
-
<input class="inp-rt-2700 inp-extra" placeholder="" type="text" />
|
107818
|
+
<input id="{id}" class="inp-rt-2700 inp-extra" placeholder="" type="text" />
|
107813
107819
|
</td>
|
107814
107820
|
<td>
|
107815
|
-
<input class="inp-rt-2800 inp-extra" placeholder="" type="text" />
|
107821
|
+
<input id="{id}" class="inp-rt-2800 inp-extra" placeholder="" type="text" />
|
107816
107822
|
</td>
|
107817
107823
|
</tr>
|
107818
107824
|
<tr>
|
@@ -107820,92 +107826,92 @@ class Timeline {
|
|
107820
107826
|
<span class="bold">${out('Opacity')}</span>
|
107821
107827
|
</td>
|
107822
107828
|
<td>
|
107823
|
-
<input class="inp-op" placeholder="" type="text" />
|
107829
|
+
<input id="{id}" class="inp-op" placeholder="" type="text" />
|
107824
107830
|
</td>
|
107825
107831
|
<td>
|
107826
|
-
<input class="inp-op-100" placeholder="" type="text" />
|
107832
|
+
<input id="{id}" class="inp-op-100" placeholder="" type="text" />
|
107827
107833
|
</td>
|
107828
107834
|
<td>
|
107829
|
-
<input class="inp-op-200" placeholder="" type="text" />
|
107835
|
+
<input id="{id}" class="inp-op-200" placeholder="" type="text" />
|
107830
107836
|
</td>
|
107831
107837
|
<td>
|
107832
|
-
<input class="inp-op-300" placeholder="" type="text" />
|
107838
|
+
<input id="{id}" class="inp-op-300" placeholder="" type="text" />
|
107833
107839
|
</td>
|
107834
107840
|
<td>
|
107835
|
-
<input class="inp-op-400" placeholder="" type="text" />
|
107841
|
+
<input id="{id}" class="inp-op-400" placeholder="" type="text" />
|
107836
107842
|
</td>
|
107837
107843
|
<td>
|
107838
|
-
<input class="inp-op-500" placeholder="" type="text" />
|
107844
|
+
<input id="{id}" class="inp-op-500" placeholder="" type="text" />
|
107839
107845
|
</td>
|
107840
107846
|
<td>
|
107841
|
-
<input class="inp-op-600" placeholder="" type="text" />
|
107847
|
+
<input id="{id}" class="inp-op-600" placeholder="" type="text" />
|
107842
107848
|
</td>
|
107843
107849
|
<td>
|
107844
|
-
<input class="inp-op-700" placeholder="" type="text" />
|
107850
|
+
<input id="{id}" class="inp-op-700" placeholder="" type="text" />
|
107845
107851
|
</td>
|
107846
107852
|
<td>
|
107847
|
-
<input class="inp-op-800" placeholder="" type="text" />
|
107853
|
+
<input id="{id}" class="inp-op-800" placeholder="" type="text" />
|
107848
107854
|
</td>
|
107849
107855
|
<td>
|
107850
|
-
<input class="inp-op-900" placeholder="" type="text" />
|
107856
|
+
<input id="{id}" class="inp-op-900" placeholder="" type="text" />
|
107851
107857
|
</td>
|
107852
107858
|
<td>
|
107853
|
-
<input class="inp-op-1000" placeholder="" type="text" />
|
107859
|
+
<input id="{id}" class="inp-op-1000" placeholder="" type="text" />
|
107854
107860
|
</td>
|
107855
107861
|
<td>
|
107856
|
-
<input class="inp-op-1100" placeholder="" type="text" />
|
107862
|
+
<input id="{id}" class="inp-op-1100" placeholder="" type="text" />
|
107857
107863
|
</td>
|
107858
107864
|
<td>
|
107859
|
-
<input class="inp-op-1200" placeholder="" type="text" />
|
107865
|
+
<input id="{id}" class="inp-op-1200" placeholder="" type="text" />
|
107860
107866
|
</td>
|
107861
107867
|
<td>
|
107862
|
-
<input class="inp-op-1300" placeholder="" type="text" />
|
107868
|
+
<input id="{id}" class="inp-op-1300" placeholder="" type="text" />
|
107863
107869
|
</td>
|
107864
107870
|
<td>
|
107865
|
-
<input class="inp-op-1400" placeholder="" type="text" />
|
107871
|
+
<input id="{id}" class="inp-op-1400" placeholder="" type="text" />
|
107866
107872
|
</td>
|
107867
107873
|
<td>
|
107868
|
-
<input class="inp-op-1500" placeholder="" type="text" />
|
107874
|
+
<input id="{id}" class="inp-op-1500" placeholder="" type="text" />
|
107869
107875
|
</td>
|
107870
107876
|
<td>
|
107871
|
-
<input class="inp-op-1600" placeholder="" type="text" />
|
107877
|
+
<input id="{id}" class="inp-op-1600" placeholder="" type="text" />
|
107872
107878
|
</td>
|
107873
107879
|
|
107874
107880
|
<td>
|
107875
|
-
<input class="inp-op-1700 inp-extra" placeholder="" type="text" />
|
107881
|
+
<input id="{id}" class="inp-op-1700 inp-extra" placeholder="" type="text" />
|
107876
107882
|
</td>
|
107877
107883
|
<td>
|
107878
|
-
<input class="inp-op-1800 inp-extra" placeholder="" type="text" />
|
107884
|
+
<input id="{id}" class="inp-op-1800 inp-extra" placeholder="" type="text" />
|
107879
107885
|
</td>
|
107880
107886
|
<td>
|
107881
|
-
<input class="inp-op-1900 inp-extra" placeholder="" type="text" />
|
107887
|
+
<input id="{id}" class="inp-op-1900 inp-extra" placeholder="" type="text" />
|
107882
107888
|
</td>
|
107883
107889
|
<td>
|
107884
|
-
<input class="inp-op-2000 inp-extra" placeholder="" type="text" />
|
107890
|
+
<input id="{id}" class="inp-op-2000 inp-extra" placeholder="" type="text" />
|
107885
107891
|
</td>
|
107886
107892
|
<td>
|
107887
|
-
<input class="inp-op-2100 inp-extra" placeholder="" type="text" />
|
107893
|
+
<input id="{id}" class="inp-op-2100 inp-extra" placeholder="" type="text" />
|
107888
107894
|
</td>
|
107889
107895
|
<td>
|
107890
|
-
<input class="inp-op-2200 inp-extra" placeholder="" type="text" />
|
107896
|
+
<input id="{id}" class="inp-op-2200 inp-extra" placeholder="" type="text" />
|
107891
107897
|
</td>
|
107892
107898
|
<td>
|
107893
|
-
<input class="inp-op-2300 inp-extra" placeholder="" type="text" />
|
107899
|
+
<input id="{id}" class="inp-op-2300 inp-extra" placeholder="" type="text" />
|
107894
107900
|
</td>
|
107895
107901
|
<td>
|
107896
|
-
<input class="inp-op-2400 inp-extra" placeholder="" type="text" />
|
107902
|
+
<input id="{id}" class="inp-op-2400 inp-extra" placeholder="" type="text" />
|
107897
107903
|
</td>
|
107898
107904
|
<td>
|
107899
|
-
<input class="inp-op-2500 inp-extra" placeholder="" type="text" />
|
107905
|
+
<input id="{id}" class="inp-op-2500 inp-extra" placeholder="" type="text" />
|
107900
107906
|
</td>
|
107901
107907
|
<td>
|
107902
|
-
<input class="inp-op-2600 inp-extra" placeholder="" type="text" />
|
107908
|
+
<input id="{id}" class="inp-op-2600 inp-extra" placeholder="" type="text" />
|
107903
107909
|
</td>
|
107904
107910
|
<td>
|
107905
|
-
<input class="inp-op-2700 inp-extra" placeholder="" type="text" />
|
107911
|
+
<input id="{id}" class="inp-op-2700 inp-extra" placeholder="" type="text" />
|
107906
107912
|
</td>
|
107907
107913
|
<td>
|
107908
|
-
<input class="inp-op-2800 inp-extra" placeholder="" type="text" />
|
107914
|
+
<input id="{id}" class="inp-op-2800 inp-extra" placeholder="" type="text" />
|
107909
107915
|
</td>
|
107910
107916
|
</tr>
|
107911
107917
|
</table>
|
@@ -108054,6 +108060,12 @@ class Timeline {
|
|
108054
108060
|
</div>
|
108055
108061
|
</div>
|
108056
108062
|
`;
|
108063
|
+
|
108064
|
+
while (html.includes('{id}')) {
|
108065
|
+
const uniqueId = this.builder.makeId();
|
108066
|
+
html = html.replace('{id}', uniqueId);
|
108067
|
+
}
|
108068
|
+
|
108057
108069
|
dom$1.appendHtml(builderStuff, html);
|
108058
108070
|
const modalTimeline = builderStuff.querySelector('.page-timeline');
|
108059
108071
|
this.modalTimeline = modalTimeline;
|
@@ -137098,6 +137110,20 @@ Add an image for each feature.`, 'Revise the headline, paragraph, and all the te
|
|
137098
137110
|
}
|
137099
137111
|
}
|
137100
137112
|
|
137113
|
+
makeId() {
|
137114
|
+
let text = '';
|
137115
|
+
let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
|
137116
|
+
|
137117
|
+
for (let i = 0; i < 2; i++) text += possible.charAt(Math.floor(Math.random() * possible.length));
|
137118
|
+
|
137119
|
+
let text2 = '';
|
137120
|
+
let possible2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
137121
|
+
|
137122
|
+
for (let i = 0; i < 5; i++) text2 += possible2.charAt(Math.floor(Math.random() * possible2.length));
|
137123
|
+
|
137124
|
+
return text + text2;
|
137125
|
+
}
|
137126
|
+
|
137101
137127
|
}
|
137102
137128
|
|
137103
137129
|
export { ContentBox as default };
|