@innovastudio/contentbox 1.6.18 → 1.6.20

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/package.json +2 -2
  2. package/public/contentbox/contentbox.css +3 -0
  3. package/public/contentbox/contentbox.esm.js +244 -206
  4. package/public/contentbox/contentbox.min.js +2 -2
  5. package/readme.txt +1 -1
package/public/contentbox/contentbox.esm.js CHANGED
@@ -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,18 @@ class AnimateScroll {
103821
103821
 
103822
103822
  </div>
103823
103823
  `;
103824
+ let n = 0;
103825
+
103826
+ while (html.includes('{id}')) {
103827
+ const uniqueId = this.builder.makeId();
103828
+ html = html.replace('{id}', uniqueId);
103829
+ n++;
103830
+
103831
+ if (n > 70) {
103832
+ break;
103833
+ }
103834
+ }
103835
+
103824
103836
  dom$2.appendHtml(builderStuff, html);
103825
103837
  const modalAnimateScroll = builderStuff.querySelector('.is-side.animatescroll');
103826
103838
  this.modalAnimateScroll = modalAnimateScroll;
@@ -107448,92 +107460,92 @@ class Timeline {
107448
107460
  <span class="bold">${out('Slide X')}</span>
107449
107461
  </td>
107450
107462
  <td>
107451
- <input class="inp-x" placeholder="" type="text" />
107463
+ <input id="{id}" class="inp-x" placeholder="" type="text" />
107452
107464
  </td>
107453
107465
  <td>
107454
- <input class="inp-x-100" placeholder="" type="text" />
107466
+ <input id="{id}" class="inp-x-100" placeholder="" type="text" />
107455
107467
  </td>
107456
107468
  <td>
107457
- <input class="inp-x-200" placeholder="" type="text" />
107469
+ <input id="{id}" class="inp-x-200" placeholder="" type="text" />
107458
107470
  </td>
107459
107471
  <td>
107460
- <input class="inp-x-300" placeholder="" type="text" />
107472
+ <input id="{id}" class="inp-x-300" placeholder="" type="text" />
107461
107473
  </td>
107462
107474
  <td>
107463
- <input class="inp-x-400" placeholder="" type="text" />
107475
+ <input id="{id}" class="inp-x-400" placeholder="" type="text" />
107464
107476
  </td>
107465
107477
  <td>
107466
- <input class="inp-x-500" placeholder="" type="text" />
107478
+ <input id="{id}" class="inp-x-500" placeholder="" type="text" />
107467
107479
  </td>
107468
107480
  <td>
107469
- <input class="inp-x-600" placeholder="" type="text" />
107481
+ <input id="{id}" class="inp-x-600" placeholder="" type="text" />
107470
107482
  </td>
107471
107483
  <td>
107472
- <input class="inp-x-700" placeholder="" type="text" />
107484
+ <input id="{id}" class="inp-x-700" placeholder="" type="text" />
107473
107485
  </td>
107474
107486
  <td>
107475
- <input class="inp-x-800" placeholder="" type="text" />
107487
+ <input id="{id}" class="inp-x-800" placeholder="" type="text" />
107476
107488
  </td>
107477
107489
  <td>
107478
- <input class="inp-x-900" placeholder="" type="text" />
107490
+ <input id="{id}" class="inp-x-900" placeholder="" type="text" />
107479
107491
  </td>
107480
107492
  <td>
107481
- <input class="inp-x-1000" placeholder="" type="text" />
107493
+ <input id="{id}" class="inp-x-1000" placeholder="" type="text" />
107482
107494
  </td>
107483
107495
  <td>
107484
- <input class="inp-x-1100" placeholder="" type="text" />
107496
+ <input id="{id}" class="inp-x-1100" placeholder="" type="text" />
107485
107497
  </td>
107486
107498
  <td>
107487
- <input class="inp-x-1200" placeholder="" type="text" />
107499
+ <input id="{id}" class="inp-x-1200" placeholder="" type="text" />
107488
107500
  </td>
107489
107501
  <td>
107490
- <input class="inp-x-1300" placeholder="" type="text" />
107502
+ <input id="{id}" class="inp-x-1300" placeholder="" type="text" />
107491
107503
  </td>
107492
107504
  <td>
107493
- <input class="inp-x-1400" placeholder="" type="text" />
107505
+ <input id="{id}" class="inp-x-1400" placeholder="" type="text" />
107494
107506
  </td>
107495
107507
  <td>
107496
- <input class="inp-x-1500" placeholder="" type="text" />
107508
+ <input id="{id}" class="inp-x-1500" placeholder="" type="text" />
107497
107509
  </td>
107498
107510
  <td>
107499
- <input class="inp-x-1600" placeholder="" type="text" />
107511
+ <input id="{id}" class="inp-x-1600" placeholder="" type="text" />
107500
107512
  </td>
107501
107513
 
107502
107514
  <td>
107503
- <input class="inp-x-1700 inp-extra" placeholder="" type="text" />
107515
+ <input id="{id}" class="inp-x-1700 inp-extra" placeholder="" type="text" />
107504
107516
  </td>
107505
107517
  <td>
107506
- <input class="inp-x-1800 inp-extra" placeholder="" type="text" />
107518
+ <input id="{id}" class="inp-x-1800 inp-extra" placeholder="" type="text" />
107507
107519
  </td>
107508
107520
  <td>
107509
- <input class="inp-x-1900 inp-extra" placeholder="" type="text" />
107521
+ <input id="{id}" class="inp-x-1900 inp-extra" placeholder="" type="text" />
107510
107522
  </td>
107511
107523
  <td>
107512
- <input class="inp-x-2000 inp-extra" placeholder="" type="text" />
107524
+ <input id="{id}" class="inp-x-2000 inp-extra" placeholder="" type="text" />
107513
107525
  </td>
107514
107526
  <td>
107515
- <input class="inp-x-2100 inp-extra" placeholder="" type="text" />
107527
+ <input id="{id}" class="inp-x-2100 inp-extra" placeholder="" type="text" />
107516
107528
  </td>
107517
107529
  <td>
107518
- <input class="inp-x-2200 inp-extra" placeholder="" type="text" />
107530
+ <input id="{id}" class="inp-x-2200 inp-extra" placeholder="" type="text" />
107519
107531
  </td>
107520
107532
  <td>
107521
- <input class="inp-x-2300 inp-extra" placeholder="" type="text" />
107533
+ <input id="{id}" class="inp-x-2300 inp-extra" placeholder="" type="text" />
107522
107534
  </td>
107523
107535
  <td>
107524
- <input class="inp-x-2400 inp-extra" placeholder="" type="text" />
107536
+ <input id="{id}" class="inp-x-2400 inp-extra" placeholder="" type="text" />
107525
107537
  </td>
107526
107538
  <td>
107527
- <input class="inp-x-2500 inp-extra" placeholder="" type="text" />
107539
+ <input id="{id}" class="inp-x-2500 inp-extra" placeholder="" type="text" />
107528
107540
  </td>
107529
107541
  <td>
107530
- <input class="inp-x-2600 inp-extra" placeholder="" type="text" />
107542
+ <input id="{id}" class="inp-x-2600 inp-extra" placeholder="" type="text" />
107531
107543
  </td>
107532
107544
  <td>
107533
- <input class="inp-x-2700 inp-extra" placeholder="" type="text" />
107545
+ <input id="{id}" class="inp-x-2700 inp-extra" placeholder="" type="text" />
107534
107546
  </td>
107535
107547
  <td>
107536
- <input class="inp-x-2800 inp-extra" placeholder="" type="text" />
107548
+ <input id="{id}" class="inp-x-2800 inp-extra" placeholder="" type="text" />
107537
107549
  </td>
107538
107550
  </tr>
107539
107551
  <tr>
@@ -107541,92 +107553,92 @@ class Timeline {
107541
107553
  <span class="bold">${out('Slide Y')}</span>
107542
107554
  </td>
107543
107555
  <td>
107544
- <input class="inp-y" placeholder="" type="text" />
107556
+ <input id="{id}" class="inp-y" placeholder="" type="text" />
107545
107557
  </td>
107546
107558
  <td>
107547
- <input class="inp-y-100" placeholder="" type="text" />
107559
+ <input id="{id}" class="inp-y-100" placeholder="" type="text" />
107548
107560
  </td>
107549
107561
  <td>
107550
- <input class="inp-y-200" placeholder="" type="text" />
107562
+ <input id="{id}" class="inp-y-200" placeholder="" type="text" />
107551
107563
  </td>
107552
107564
  <td>
107553
- <input class="inp-y-300" placeholder="" type="text" />
107565
+ <input id="{id}" class="inp-y-300" placeholder="" type="text" />
107554
107566
  </td>
107555
107567
  <td>
107556
- <input class="inp-y-400" placeholder="" type="text" />
107568
+ <input id="{id}" class="inp-y-400" placeholder="" type="text" />
107557
107569
  </td>
107558
107570
  <td>
107559
- <input class="inp-y-500" placeholder="" type="text" />
107571
+ <input id="{id}" class="inp-y-500" placeholder="" type="text" />
107560
107572
  </td>
107561
107573
  <td>
107562
- <input class="inp-y-600" placeholder="" type="text" />
107574
+ <input id="{id}" class="inp-y-600" placeholder="" type="text" />
107563
107575
  </td>
107564
107576
  <td>
107565
- <input class="inp-y-700" placeholder="" type="text" />
107577
+ <input id="{id}" class="inp-y-700" placeholder="" type="text" />
107566
107578
  </td>
107567
107579
  <td>
107568
- <input class="inp-y-800" placeholder="" type="text" />
107580
+ <input id="{id}" class="inp-y-800" placeholder="" type="text" />
107569
107581
  </td>
107570
107582
  <td>
107571
- <input class="inp-y-900" placeholder="" type="text" />
107583
+ <input id="{id}" class="inp-y-900" placeholder="" type="text" />
107572
107584
  </td>
107573
107585
  <td>
107574
- <input class="inp-y-1000" placeholder="" type="text" />
107586
+ <input id="{id}" class="inp-y-1000" placeholder="" type="text" />
107575
107587
  </td>
107576
107588
  <td>
107577
- <input class="inp-y-1100" placeholder="" type="text" />
107589
+ <input id="{id}" class="inp-y-1100" placeholder="" type="text" />
107578
107590
  </td>
107579
107591
  <td>
107580
- <input class="inp-y-1200" placeholder="" type="text" />
107592
+ <input id="{id}" class="inp-y-1200" placeholder="" type="text" />
107581
107593
  </td>
107582
107594
  <td>
107583
- <input class="inp-y-1300" placeholder="" type="text" />
107595
+ <input id="{id}" class="inp-y-1300" placeholder="" type="text" />
107584
107596
  </td>
107585
107597
  <td>
107586
- <input class="inp-y-1400" placeholder="" type="text" />
107598
+ <input id="{id}" class="inp-y-1400" placeholder="" type="text" />
107587
107599
  </td>
107588
107600
  <td>
107589
- <input class="inp-y-1500" placeholder="" type="text" />
107601
+ <input id="{id}" class="inp-y-1500" placeholder="" type="text" />
107590
107602
  </td>
107591
107603
  <td>
107592
- <input class="inp-y-1600" placeholder="" type="text" />
107604
+ <input id="{id}" class="inp-y-1600" placeholder="" type="text" />
107593
107605
  </td>
107594
107606
 
107595
107607
  <td>
107596
- <input class="inp-y-1700 inp-extra" placeholder="" type="text" />
107608
+ <input id="{id}" class="inp-y-1700 inp-extra" placeholder="" type="text" />
107597
107609
  </td>
107598
107610
  <td>
107599
- <input class="inp-y-1800 inp-extra" placeholder="" type="text" />
107611
+ <input id="{id}" class="inp-y-1800 inp-extra" placeholder="" type="text" />
107600
107612
  </td>
107601
107613
  <td>
107602
- <input class="inp-y-1900 inp-extra" placeholder="" type="text" />
107614
+ <input id="{id}" class="inp-y-1900 inp-extra" placeholder="" type="text" />
107603
107615
  </td>
107604
107616
  <td>
107605
- <input class="inp-y-2000 inp-extra" placeholder="" type="text" />
107617
+ <input id="{id}" class="inp-y-2000 inp-extra" placeholder="" type="text" />
107606
107618
  </td>
107607
107619
  <td>
107608
- <input class="inp-y-2100 inp-extra" placeholder="" type="text" />
107620
+ <input id="{id}" class="inp-y-2100 inp-extra" placeholder="" type="text" />
107609
107621
  </td>
107610
107622
  <td>
107611
- <input class="inp-y-2200 inp-extra" placeholder="" type="text" />
107623
+ <input id="{id}" class="inp-y-2200 inp-extra" placeholder="" type="text" />
107612
107624
  </td>
107613
107625
  <td>
107614
- <input class="inp-y-2300 inp-extra" placeholder="" type="text" />
107626
+ <input id="{id}" class="inp-y-2300 inp-extra" placeholder="" type="text" />
107615
107627
  </td>
107616
107628
  <td>
107617
- <input class="inp-y-2400 inp-extra" placeholder="" type="text" />
107629
+ <input id="{id}" class="inp-y-2400 inp-extra" placeholder="" type="text" />
107618
107630
  </td>
107619
107631
  <td>
107620
- <input class="inp-y-2500 inp-extra" placeholder="" type="text" />
107632
+ <input id="{id}" class="inp-y-2500 inp-extra" placeholder="" type="text" />
107621
107633
  </td>
107622
107634
  <td>
107623
- <input class="inp-y-2600 inp-extra" placeholder="" type="text" />
107635
+ <input id="{id}" class="inp-y-2600 inp-extra" placeholder="" type="text" />
107624
107636
  </td>
107625
107637
  <td>
107626
- <input class="inp-y-2700 inp-extra" placeholder="" type="text" />
107638
+ <input id="{id}" class="inp-y-2700 inp-extra" placeholder="" type="text" />
107627
107639
  </td>
107628
107640
  <td>
107629
- <input class="inp-y-2800 inp-extra" placeholder="" type="text" />
107641
+ <input id="{id}" class="inp-y-2800 inp-extra" placeholder="" type="text" />
107630
107642
  </td>
107631
107643
  </tr>
107632
107644
  <tr>
@@ -107634,92 +107646,92 @@ class Timeline {
107634
107646
  <span class="bold">${out('Scale')}</span>
107635
107647
  </td>
107636
107648
  <td>
107637
- <input class="inp-sc" placeholder="" type="text" />
107649
+ <input id="{id}" class="inp-sc" placeholder="" type="text" />
107638
107650
  </td>
107639
107651
  <td>
107640
- <input class="inp-sc-100" placeholder="" type="text" />
107652
+ <input id="{id}" class="inp-sc-100" placeholder="" type="text" />
107641
107653
  </td>
107642
107654
  <td>
107643
- <input class="inp-sc-200" placeholder="" type="text" />
107655
+ <input id="{id}" class="inp-sc-200" placeholder="" type="text" />
107644
107656
  </td>
107645
107657
  <td>
107646
- <input class="inp-sc-300" placeholder="" type="text" />
107658
+ <input id="{id}" class="inp-sc-300" placeholder="" type="text" />
107647
107659
  </td>
107648
107660
  <td>
107649
- <input class="inp-sc-400" placeholder="" type="text" />
107661
+ <input id="{id}" class="inp-sc-400" placeholder="" type="text" />
107650
107662
  </td>
107651
107663
  <td>
107652
- <input class="inp-sc-500" placeholder="" type="text" />
107664
+ <input id="{id}" class="inp-sc-500" placeholder="" type="text" />
107653
107665
  </td>
107654
107666
  <td>
107655
- <input class="inp-sc-600" placeholder="" type="text" />
107667
+ <input id="{id}" class="inp-sc-600" placeholder="" type="text" />
107656
107668
  </td>
107657
107669
  <td>
107658
- <input class="inp-sc-700" placeholder="" type="text" />
107670
+ <input id="{id}" class="inp-sc-700" placeholder="" type="text" />
107659
107671
  </td>
107660
107672
  <td>
107661
- <input class="inp-sc-800" placeholder="" type="text" />
107673
+ <input id="{id}" class="inp-sc-800" placeholder="" type="text" />
107662
107674
  </td>
107663
107675
  <td>
107664
- <input class="inp-sc-900" placeholder="" type="text" />
107676
+ <input id="{id}" class="inp-sc-900" placeholder="" type="text" />
107665
107677
  </td>
107666
107678
  <td>
107667
- <input class="inp-sc-1000" placeholder="" type="text" />
107679
+ <input id="{id}" class="inp-sc-1000" placeholder="" type="text" />
107668
107680
  </td>
107669
107681
  <td>
107670
- <input class="inp-sc-1100" placeholder="" type="text" />
107682
+ <input id="{id}" class="inp-sc-1100" placeholder="" type="text" />
107671
107683
  </td>
107672
107684
  <td>
107673
- <input class="inp-sc-1200" placeholder="" type="text" />
107685
+ <input id="{id}" class="inp-sc-1200" placeholder="" type="text" />
107674
107686
  </td>
107675
107687
  <td>
107676
- <input class="inp-sc-1300" placeholder="" type="text" />
107688
+ <input id="{id}" class="inp-sc-1300" placeholder="" type="text" />
107677
107689
  </td>
107678
107690
  <td>
107679
- <input class="inp-sc-1400" placeholder="" type="text" />
107691
+ <input id="{id}" class="inp-sc-1400" placeholder="" type="text" />
107680
107692
  </td>
107681
107693
  <td>
107682
- <input class="inp-sc-1500" placeholder="" type="text" />
107694
+ <input id="{id}" class="inp-sc-1500" placeholder="" type="text" />
107683
107695
  </td>
107684
107696
  <td>
107685
- <input class="inp-sc-1600" placeholder="" type="text" />
107697
+ <input id="{id}" class="inp-sc-1600" placeholder="" type="text" />
107686
107698
  </td>
107687
107699
 
107688
107700
  <td>
107689
- <input class="inp-sc-1700 inp-extra" placeholder="" type="text" />
107701
+ <input id="{id}" class="inp-sc-1700 inp-extra" placeholder="" type="text" />
107690
107702
  </td>
107691
107703
  <td>
107692
- <input class="inp-sc-1800 inp-extra" placeholder="" type="text" />
107704
+ <input id="{id}" class="inp-sc-1800 inp-extra" placeholder="" type="text" />
107693
107705
  </td>
107694
107706
  <td>
107695
- <input class="inp-sc-1900 inp-extra" placeholder="" type="text" />
107707
+ <input id="{id}" class="inp-sc-1900 inp-extra" placeholder="" type="text" />
107696
107708
  </td>
107697
107709
  <td>
107698
- <input class="inp-sc-2000 inp-extra" placeholder="" type="text" />
107710
+ <input id="{id}" class="inp-sc-2000 inp-extra" placeholder="" type="text" />
107699
107711
  </td>
107700
107712
  <td>
107701
- <input class="inp-sc-2100 inp-extra" placeholder="" type="text" />
107713
+ <input id="{id}" class="inp-sc-2100 inp-extra" placeholder="" type="text" />
107702
107714
  </td>
107703
107715
  <td>
107704
- <input class="inp-sc-2200 inp-extra" placeholder="" type="text" />
107716
+ <input id="{id}" class="inp-sc-2200 inp-extra" placeholder="" type="text" />
107705
107717
  </td>
107706
107718
  <td>
107707
- <input class="inp-sc-2300 inp-extra" placeholder="" type="text" />
107719
+ <input id="{id}" class="inp-sc-2300 inp-extra" placeholder="" type="text" />
107708
107720
  </td>
107709
107721
  <td>
107710
- <input class="inp-sc-2400 inp-extra" placeholder="" type="text" />
107722
+ <input id="{id}" class="inp-sc-2400 inp-extra" placeholder="" type="text" />
107711
107723
  </td>
107712
107724
  <td>
107713
- <input class="inp-sc-2500 inp-extra" placeholder="" type="text" />
107725
+ <input id="{id}" class="inp-sc-2500 inp-extra" placeholder="" type="text" />
107714
107726
  </td>
107715
107727
  <td>
107716
- <input class="inp-sc-2600 inp-extra" placeholder="" type="text" />
107728
+ <input id="{id}" class="inp-sc-2600 inp-extra" placeholder="" type="text" />
107717
107729
  </td>
107718
107730
  <td>
107719
- <input class="inp-sc-2700 inp-extra" placeholder="" type="text" />
107731
+ <input id="{id}" class="inp-sc-2700 inp-extra" placeholder="" type="text" />
107720
107732
  </td>
107721
107733
  <td>
107722
- <input class="inp-sc-2800 inp-extra" placeholder="" type="text" />
107734
+ <input id="{id}" class="inp-sc-2800 inp-extra" placeholder="" type="text" />
107723
107735
  </td>
107724
107736
  </tr>
107725
107737
  <tr>
@@ -107727,92 +107739,92 @@ class Timeline {
107727
107739
  <span class="bold">${out('Rotate')}</span>
107728
107740
  </td>
107729
107741
  <td>
107730
- <input class="inp-rt" placeholder="" type="text" />
107742
+ <input id="{id}" class="inp-rt" placeholder="" type="text" />
107731
107743
  </td>
107732
107744
  <td>
107733
- <input class="inp-rt-100" placeholder="" type="text" />
107745
+ <input id="{id}" class="inp-rt-100" placeholder="" type="text" />
107734
107746
  </td>
107735
107747
  <td>
107736
- <input class="inp-rt-200" placeholder="" type="text" />
107748
+ <input id="{id}" class="inp-rt-200" placeholder="" type="text" />
107737
107749
  </td>
107738
107750
  <td>
107739
- <input class="inp-rt-300" placeholder="" type="text" />
107751
+ <input id="{id}" class="inp-rt-300" placeholder="" type="text" />
107740
107752
  </td>
107741
107753
  <td>
107742
- <input class="inp-rt-400" placeholder="" type="text" />
107754
+ <input id="{id}" class="inp-rt-400" placeholder="" type="text" />
107743
107755
  </td>
107744
107756
  <td>
107745
- <input class="inp-rt-500" placeholder="" type="text" />
107757
+ <input id="{id}" class="inp-rt-500" placeholder="" type="text" />
107746
107758
  </td>
107747
107759
  <td>
107748
- <input class="inp-rt-600" placeholder="" type="text" />
107760
+ <input id="{id}" class="inp-rt-600" placeholder="" type="text" />
107749
107761
  </td>
107750
107762
  <td>
107751
- <input class="inp-rt-700" placeholder="" type="text" />
107763
+ <input id="{id}" class="inp-rt-700" placeholder="" type="text" />
107752
107764
  </td>
107753
107765
  <td>
107754
- <input class="inp-rt-800" placeholder="" type="text" />
107766
+ <input id="{id}" class="inp-rt-800" placeholder="" type="text" />
107755
107767
  </td>
107756
107768
  <td>
107757
- <input class="inp-rt-900" placeholder="" type="text" />
107769
+ <input id="{id}" class="inp-rt-900" placeholder="" type="text" />
107758
107770
  </td>
107759
107771
  <td>
107760
- <input class="inp-rt-1000" placeholder="" type="text" />
107772
+ <input id="{id}" class="inp-rt-1000" placeholder="" type="text" />
107761
107773
  </td>
107762
107774
  <td>
107763
- <input class="inp-rt-1100" placeholder="" type="text" />
107775
+ <input id="{id}" class="inp-rt-1100" placeholder="" type="text" />
107764
107776
  </td>
107765
107777
  <td>
107766
- <input class="inp-rt-1200" placeholder="" type="text" />
107778
+ <input id="{id}" class="inp-rt-1200" placeholder="" type="text" />
107767
107779
  </td>
107768
107780
  <td>
107769
- <input class="inp-rt-1300" placeholder="" type="text" />
107781
+ <input id="{id}" class="inp-rt-1300" placeholder="" type="text" />
107770
107782
  </td>
107771
107783
  <td>
107772
- <input class="inp-rt-1400" placeholder="" type="text" />
107784
+ <input id="{id}" class="inp-rt-1400" placeholder="" type="text" />
107773
107785
  </td>
107774
107786
  <td>
107775
- <input class="inp-rt-1500" placeholder="" type="text" />
107787
+ <input id="{id}" class="inp-rt-1500" placeholder="" type="text" />
107776
107788
  </td>
107777
107789
  <td>
107778
- <input class="inp-rt-1600" placeholder="" type="text" />
107790
+ <input id="{id}" class="inp-rt-1600" placeholder="" type="text" />
107779
107791
  </td>
107780
107792
 
107781
107793
  <td>
107782
- <input class="inp-rt-1700 inp-extra" placeholder="" type="text" />
107794
+ <input id="{id}" class="inp-rt-1700 inp-extra" placeholder="" type="text" />
107783
107795
  </td>
107784
107796
  <td>
107785
- <input class="inp-rt-1800 inp-extra" placeholder="" type="text" />
107797
+ <input id="{id}" class="inp-rt-1800 inp-extra" placeholder="" type="text" />
107786
107798
  </td>
107787
107799
  <td>
107788
- <input class="inp-rt-1900 inp-extra" placeholder="" type="text" />
107800
+ <input id="{id}" class="inp-rt-1900 inp-extra" placeholder="" type="text" />
107789
107801
  </td>
107790
107802
  <td>
107791
- <input class="inp-rt-2000 inp-extra" placeholder="" type="text" />
107803
+ <input id="{id}" class="inp-rt-2000 inp-extra" placeholder="" type="text" />
107792
107804
  </td>
107793
107805
  <td>
107794
- <input class="inp-rt-2100 inp-extra" placeholder="" type="text" />
107806
+ <input id="{id}" class="inp-rt-2100 inp-extra" placeholder="" type="text" />
107795
107807
  </td>
107796
107808
  <td>
107797
- <input class="inp-rt-2200 inp-extra" placeholder="" type="text" />
107809
+ <input id="{id}" class="inp-rt-2200 inp-extra" placeholder="" type="text" />
107798
107810
  </td>
107799
107811
  <td>
107800
- <input class="inp-rt-2300 inp-extra" placeholder="" type="text" />
107812
+ <input id="{id}" class="inp-rt-2300 inp-extra" placeholder="" type="text" />
107801
107813
  </td>
107802
107814
  <td>
107803
- <input class="inp-rt-2400 inp-extra" placeholder="" type="text" />
107815
+ <input id="{id}" class="inp-rt-2400 inp-extra" placeholder="" type="text" />
107804
107816
  </td>
107805
107817
  <td>
107806
- <input class="inp-rt-2500 inp-extra" placeholder="" type="text" />
107818
+ <input id="{id}" class="inp-rt-2500 inp-extra" placeholder="" type="text" />
107807
107819
  </td>
107808
107820
  <td>
107809
- <input class="inp-rt-2600 inp-extra" placeholder="" type="text" />
107821
+ <input id="{id}" class="inp-rt-2600 inp-extra" placeholder="" type="text" />
107810
107822
  </td>
107811
107823
  <td>
107812
- <input class="inp-rt-2700 inp-extra" placeholder="" type="text" />
107824
+ <input id="{id}" class="inp-rt-2700 inp-extra" placeholder="" type="text" />
107813
107825
  </td>
107814
107826
  <td>
107815
- <input class="inp-rt-2800 inp-extra" placeholder="" type="text" />
107827
+ <input id="{id}" class="inp-rt-2800 inp-extra" placeholder="" type="text" />
107816
107828
  </td>
107817
107829
  </tr>
107818
107830
  <tr>
@@ -107820,92 +107832,92 @@ class Timeline {
107820
107832
  <span class="bold">${out('Opacity')}</span>
107821
107833
  </td>
107822
107834
  <td>
107823
- <input class="inp-op" placeholder="" type="text" />
107835
+ <input id="{id}" class="inp-op" placeholder="" type="text" />
107824
107836
  </td>
107825
107837
  <td>
107826
- <input class="inp-op-100" placeholder="" type="text" />
107838
+ <input id="{id}" class="inp-op-100" placeholder="" type="text" />
107827
107839
  </td>
107828
107840
  <td>
107829
- <input class="inp-op-200" placeholder="" type="text" />
107841
+ <input id="{id}" class="inp-op-200" placeholder="" type="text" />
107830
107842
  </td>
107831
107843
  <td>
107832
- <input class="inp-op-300" placeholder="" type="text" />
107844
+ <input id="{id}" class="inp-op-300" placeholder="" type="text" />
107833
107845
  </td>
107834
107846
  <td>
107835
- <input class="inp-op-400" placeholder="" type="text" />
107847
+ <input id="{id}" class="inp-op-400" placeholder="" type="text" />
107836
107848
  </td>
107837
107849
  <td>
107838
- <input class="inp-op-500" placeholder="" type="text" />
107850
+ <input id="{id}" class="inp-op-500" placeholder="" type="text" />
107839
107851
  </td>
107840
107852
  <td>
107841
- <input class="inp-op-600" placeholder="" type="text" />
107853
+ <input id="{id}" class="inp-op-600" placeholder="" type="text" />
107842
107854
  </td>
107843
107855
  <td>
107844
- <input class="inp-op-700" placeholder="" type="text" />
107856
+ <input id="{id}" class="inp-op-700" placeholder="" type="text" />
107845
107857
  </td>
107846
107858
  <td>
107847
- <input class="inp-op-800" placeholder="" type="text" />
107859
+ <input id="{id}" class="inp-op-800" placeholder="" type="text" />
107848
107860
  </td>
107849
107861
  <td>
107850
- <input class="inp-op-900" placeholder="" type="text" />
107862
+ <input id="{id}" class="inp-op-900" placeholder="" type="text" />
107851
107863
  </td>
107852
107864
  <td>
107853
- <input class="inp-op-1000" placeholder="" type="text" />
107865
+ <input id="{id}" class="inp-op-1000" placeholder="" type="text" />
107854
107866
  </td>
107855
107867
  <td>
107856
- <input class="inp-op-1100" placeholder="" type="text" />
107868
+ <input id="{id}" class="inp-op-1100" placeholder="" type="text" />
107857
107869
  </td>
107858
107870
  <td>
107859
- <input class="inp-op-1200" placeholder="" type="text" />
107871
+ <input id="{id}" class="inp-op-1200" placeholder="" type="text" />
107860
107872
  </td>
107861
107873
  <td>
107862
- <input class="inp-op-1300" placeholder="" type="text" />
107874
+ <input id="{id}" class="inp-op-1300" placeholder="" type="text" />
107863
107875
  </td>
107864
107876
  <td>
107865
- <input class="inp-op-1400" placeholder="" type="text" />
107877
+ <input id="{id}" class="inp-op-1400" placeholder="" type="text" />
107866
107878
  </td>
107867
107879
  <td>
107868
- <input class="inp-op-1500" placeholder="" type="text" />
107880
+ <input id="{id}" class="inp-op-1500" placeholder="" type="text" />
107869
107881
  </td>
107870
107882
  <td>
107871
- <input class="inp-op-1600" placeholder="" type="text" />
107883
+ <input id="{id}" class="inp-op-1600" placeholder="" type="text" />
107872
107884
  </td>
107873
107885
 
107874
107886
  <td>
107875
- <input class="inp-op-1700 inp-extra" placeholder="" type="text" />
107887
+ <input id="{id}" class="inp-op-1700 inp-extra" placeholder="" type="text" />
107876
107888
  </td>
107877
107889
  <td>
107878
- <input class="inp-op-1800 inp-extra" placeholder="" type="text" />
107890
+ <input id="{id}" class="inp-op-1800 inp-extra" placeholder="" type="text" />
107879
107891
  </td>
107880
107892
  <td>
107881
- <input class="inp-op-1900 inp-extra" placeholder="" type="text" />
107893
+ <input id="{id}" class="inp-op-1900 inp-extra" placeholder="" type="text" />
107882
107894
  </td>
107883
107895
  <td>
107884
- <input class="inp-op-2000 inp-extra" placeholder="" type="text" />
107896
+ <input id="{id}" class="inp-op-2000 inp-extra" placeholder="" type="text" />
107885
107897
  </td>
107886
107898
  <td>
107887
- <input class="inp-op-2100 inp-extra" placeholder="" type="text" />
107899
+ <input id="{id}" class="inp-op-2100 inp-extra" placeholder="" type="text" />
107888
107900
  </td>
107889
107901
  <td>
107890
- <input class="inp-op-2200 inp-extra" placeholder="" type="text" />
107902
+ <input id="{id}" class="inp-op-2200 inp-extra" placeholder="" type="text" />
107891
107903
  </td>
107892
107904
  <td>
107893
- <input class="inp-op-2300 inp-extra" placeholder="" type="text" />
107905
+ <input id="{id}" class="inp-op-2300 inp-extra" placeholder="" type="text" />
107894
107906
  </td>
107895
107907
  <td>
107896
- <input class="inp-op-2400 inp-extra" placeholder="" type="text" />
107908
+ <input id="{id}" class="inp-op-2400 inp-extra" placeholder="" type="text" />
107897
107909
  </td>
107898
107910
  <td>
107899
- <input class="inp-op-2500 inp-extra" placeholder="" type="text" />
107911
+ <input id="{id}" class="inp-op-2500 inp-extra" placeholder="" type="text" />
107900
107912
  </td>
107901
107913
  <td>
107902
- <input class="inp-op-2600 inp-extra" placeholder="" type="text" />
107914
+ <input id="{id}" class="inp-op-2600 inp-extra" placeholder="" type="text" />
107903
107915
  </td>
107904
107916
  <td>
107905
- <input class="inp-op-2700 inp-extra" placeholder="" type="text" />
107917
+ <input id="{id}" class="inp-op-2700 inp-extra" placeholder="" type="text" />
107906
107918
  </td>
107907
107919
  <td>
107908
- <input class="inp-op-2800 inp-extra" placeholder="" type="text" />
107920
+ <input id="{id}" class="inp-op-2800 inp-extra" placeholder="" type="text" />
107909
107921
  </td>
107910
107922
  </tr>
107911
107923
  </table>
@@ -108054,6 +108066,18 @@ class Timeline {
108054
108066
  </div>
108055
108067
  </div>
108056
108068
  `;
108069
+ let n = 0;
108070
+
108071
+ while (html.includes('{id}')) {
108072
+ const uniqueId = this.builder.makeId();
108073
+ html = html.replace('{id}', uniqueId);
108074
+ n++;
108075
+
108076
+ if (n > 150) {
108077
+ break;
108078
+ }
108079
+ }
108080
+
108057
108081
  dom$1.appendHtml(builderStuff, html);
108058
108082
  const modalTimeline = builderStuff.querySelector('.page-timeline');
108059
108083
  this.modalTimeline = modalTimeline;
@@ -137098,6 +137122,20 @@ Add an image for each feature.`, 'Revise the headline, paragraph, and all the te
137098
137122
  }
137099
137123
  }
137100
137124
 
137125
+ makeId() {
137126
+ let text = '';
137127
+ let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
137128
+
137129
+ for (let i = 0; i < 2; i++) text += possible.charAt(Math.floor(Math.random() * possible.length));
137130
+
137131
+ let text2 = '';
137132
+ let possible2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
137133
+
137134
+ for (let i = 0; i < 5; i++) text2 += possible2.charAt(Math.floor(Math.random() * possible2.length));
137135
+
137136
+ return text + text2;
137137
+ }
137138
+
137101
137139
  }
137102
137140
 
137103
137141
  export { ContentBox as default };