@innovastudio/contentbox 1.4.71 → 1.4.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +2 -2
  2. package/public/contentbox/contentbox.esm.js +483 -99
  3. package/public/contentbox/contentbox.min.js +8 -8
  4. package/readme.txt +1 -1
package/public/contentbox/contentbox.esm.js CHANGED
@@ -484,6 +484,7 @@ const prepareSvgIcons$1 = builder => {
484
484
  <circle cx="12" cy="17" r="1"></circle>
485
485
  </symbol>
486
486
 
487
+
487
488
  </defs>
488
489
  </svg>`;
489
490
  const builderStuff = builder.builderStuff;
@@ -17920,7 +17921,7 @@ import font_wire_one from './fonts/wire_one.png';
17920
17921
  import font_yanone_kaffeesatz from './fonts/yanone_kaffeesatz.png';
17921
17922
  import font_yeseva_one from './fonts/yeseva_one.png';
17922
17923
  */
17923
- class Util {
17924
+ class Util$1 {
17924
17925
  constructor(builder) {
17925
17926
  this.builder = builder;
17926
17927
  this.dom = this.builder.dom;
@@ -21074,6 +21075,167 @@ class Util {
21074
21075
  return html;
21075
21076
  }
21076
21077
 
21078
+ getPageTemplate(framework) {
21079
+ let pageTemplate = '';
21080
+
21081
+ if (framework === '') {
21082
+ pageTemplate = `
21083
+ <!DOCTYPE html>
21084
+ <html lang="en">
21085
+ <head>
21086
+ <meta charset="utf-8">
21087
+ <title>Page</title>
21088
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21089
+ <meta name="description" content="">
21090
+ <link rel="shortcut icon" href="#" />
21091
+
21092
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
21093
+
21094
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21095
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21096
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21097
+
21098
+ <style>
21099
+ .container {
21100
+ margin: 150px auto 0;
21101
+ max-width: 800px;
21102
+ width: 100%;
21103
+ padding: 0 20px;
21104
+ box-sizing: border-box;
21105
+ }
21106
+ </style>
21107
+ </head>
21108
+ <body>
21109
+
21110
+ <div class="container">
21111
+ [%CONTENT%]
21112
+ </div>
21113
+
21114
+ </body>
21115
+ </html>
21116
+ `;
21117
+ } else if (framework === 'tailwind') {
21118
+ pageTemplate = `
21119
+ <!DOCTYPE html>
21120
+ <html lang="en">
21121
+ <head>
21122
+ <meta charset="utf-8">
21123
+ <title>Page</title>
21124
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21125
+ <meta name="description" content="">
21126
+ <link rel="shortcut icon" href="#" />
21127
+
21128
+ <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet" type="text/css" />
21129
+
21130
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21131
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21132
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21133
+
21134
+ <link rel="stylesheet" href="[%PATH%]/assets/frameworks/tailwindcss/styles.css">
21135
+ <!-- To build your own, please see: https://tailwindcss.com/docs/installation -->
21136
+
21137
+ <style>
21138
+ .container {
21139
+ margin: 150px auto 0;
21140
+ max-width: 800px;
21141
+ width: 100%;
21142
+ padding: 0 20px;
21143
+ box-sizing: border-box;
21144
+ }
21145
+ </style>
21146
+ </head>
21147
+ <body>
21148
+
21149
+ <div class="container">
21150
+ [%CONTENT%]
21151
+ </div>
21152
+
21153
+ </body>
21154
+ </html>
21155
+ `;
21156
+ } else if (framework === 'bootstrap') {
21157
+ pageTemplate = `
21158
+ <!DOCTYPE html>
21159
+ <html lang="en">
21160
+ <head>
21161
+ <meta charset="utf-8">
21162
+ <title>Page</title>
21163
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21164
+ <meta name="description" content="">
21165
+ <link rel="shortcut icon" href="#" />
21166
+
21167
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
21168
+
21169
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
21170
+
21171
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21172
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21173
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21174
+
21175
+ <style>
21176
+ .container {margin: 140px auto; max-width: 800px; width:100%; padding:0 35px; box-sizing: border-box;}
21177
+ /* Bootstrap css adjustment to enable column drag to resize */
21178
+ .row > *,
21179
+ .column {
21180
+ max-width: unset !important;
21181
+ }
21182
+ </style>
21183
+ </head>
21184
+ <body>
21185
+
21186
+ <div class="container">
21187
+ [%CONTENT%]
21188
+ </div>
21189
+
21190
+ </body>
21191
+ </html>
21192
+ `;
21193
+ } else if (framework === 'foundation') {
21194
+ pageTemplate = `
21195
+ <!DOCTYPE html>
21196
+ <html lang="en">
21197
+ <head>
21198
+ <meta charset="utf-8">
21199
+ <title>Page</title>
21200
+ <meta name="viewport" content="width=device-width, initial-scale=1">
21201
+ <meta name="description" content="">
21202
+ <link rel="shortcut icon" href="#" />
21203
+
21204
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css">
21205
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css">
21206
+
21207
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
21208
+
21209
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
21210
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
21211
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
21212
+
21213
+ <style>
21214
+ .container {
21215
+ margin: 150px auto 0;
21216
+ max-width: 800px;
21217
+ width: 100%;
21218
+ padding: 0 20px;
21219
+ box-sizing: border-box;
21220
+ }
21221
+ </style>
21222
+ </head>
21223
+ <body>
21224
+
21225
+ <div class="container">
21226
+ [%CONTENT%]
21227
+ </div>
21228
+
21229
+ </body>
21230
+ </html>
21231
+ `;
21232
+ } else {
21233
+ pageTemplate = '[%CONTENT%]';
21234
+ }
21235
+
21236
+ return pageTemplate;
21237
+ }
21238
+
21077
21239
  }
21078
21240
  class Dom {
21079
21241
  constructor(builder) {
@@ -29659,7 +29821,7 @@ class UndoRedo {
29659
29821
  this.undoList[138] = this.undoList[139];
29660
29822
  this.undoList[139] = this.undoList[140];
29661
29823
  this.undoList[140] = this.undoList[141];
29662
- const util = new Util(this.builder);
29824
+ const util = new Util$1(this.builder);
29663
29825
  util.clearActiveCell();
29664
29826
  util.clearAfterUndoRedo();
29665
29827
  let elm = this.builder.doc.querySelector('[data-saveforundo]');
@@ -29751,7 +29913,7 @@ class UndoRedo {
29751
29913
  this.undoList[101] = this.undoList[100];
29752
29914
  this.undoList[100] = this.undoList[99];
29753
29915
  this.undoList[99] = null;
29754
- const util = new Util(this.builder);
29916
+ const util = new Util$1(this.builder);
29755
29917
  util.clearActiveCell();
29756
29918
  util.clearAfterUndoRedo();
29757
29919
  let elm = this.builder.doc.querySelector('[data-saveforundo]');
@@ -66420,7 +66582,7 @@ class Hyperlink {
66420
66582
  <input id="inpCreateLinkText" class="input-text" type="text" style="width:100%;"/>
66421
66583
 
66422
66584
  <label for="inpCreateLinkTitle" style="margin-top:14px;display:block">${util.out('Title')}:</label>
66423
- <input id="inpCreateLinkTitle" class="input-title" type="text" style="width:100%;border-top: none;"/>
66585
+ <input id="inpCreateLinkTitle" class="input-title" type="text" style="width:100%;"/>
66424
66586
 
66425
66587
  <div style="text-align:right;margin-top:14px;">
66426
66588
  <button title="${util.out('Cancel')}" class="input-cancel classic-secondary">${util.out('Cancel')}</button>
@@ -66890,7 +67052,7 @@ class Hyperlink {
66890
67052
  }
66891
67053
  */
66892
67054
 
66893
- const util = new Util(this.builder);
67055
+ const util = new Util$1(this.builder);
66894
67056
  util.getSelection(); // new
66895
67057
 
66896
67058
  var text = dom.getSelected();
@@ -66985,7 +67147,7 @@ class Hyperlink {
66985
67147
 
66986
67148
  editLink() {
66987
67149
  const dom = this.dom;
66988
- const util = new Util(this.builder);
67150
+ const util = new Util$1(this.builder);
66989
67151
  let link = this.builder.activeLink;
66990
67152
  let modal = this.builderStuff.querySelector('.is-modal.createlink');
66991
67153
  let icon = link.querySelector('i');
@@ -69288,7 +69450,6 @@ class RowTool {
69288
69450
  const dom = this.builder.dom;
69289
69451
  this.dom = dom;
69290
69452
  this.grid = new Grid(builder);
69291
- const htmlutil = new HtmlUtil(builder);
69292
69453
  let rowMore = builderStuff.querySelector('.rowmore');
69293
69454
  let htmlbutton = '';
69294
69455
  if (builder.opts.rowHtmlEditor) htmlbutton = `<button type="button" title="${util.out('HTML')}" class="row-html">
@@ -69337,6 +69498,7 @@ class RowTool {
69337
69498
  }
69338
69499
 
69339
69500
  if (!row) return;
69501
+ const htmlutil = new HtmlUtil(builder);
69340
69502
  htmlutil.view('row');
69341
69503
  });
69342
69504
  }
@@ -79874,7 +80036,7 @@ class Preferences {
79874
80036
  }
79875
80037
 
79876
80038
  view() {
79877
- const util = new Util(this.builder);
80039
+ const util = new Util$1(this.builder);
79878
80040
  let modal = this.config;
79879
80041
  util.showModal(modal, false, null, false); // Display values
79880
80042
 
@@ -89329,39 +89491,6 @@ class ContentBuilder {
89329
89491
  </div>
89330
89492
  </div>
89331
89493
  `,
89332
- pageTemplate: `<!DOCTYPE html>
89333
- <html lang="en">
89334
- <head>
89335
- <meta charset="utf-8">
89336
- <title>Page</title>
89337
- <meta name="viewport" content="width=device-width, initial-scale=1">
89338
- <meta name="description" content="">
89339
- <link rel="shortcut icon" href="#" />
89340
-
89341
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
89342
-
89343
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
89344
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
89345
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
89346
-
89347
- <style>
89348
- .container {
89349
- margin: 150px auto 0;
89350
- max-width: 800px;
89351
- width: 100%;
89352
- padding: 0 20px;
89353
- box-sizing: border-box;
89354
- }
89355
- </style>
89356
- </head>
89357
- <body>
89358
-
89359
- <div class="container">
89360
- [%CONTENT%]
89361
- </div>
89362
-
89363
- </body>
89364
- </html>`,
89365
89494
 
89366
89495
  /*
89367
89496
  onZoomStart: () => {
@@ -89874,9 +90003,14 @@ class ContentBuilder {
89874
90003
  this.doc.body.classList.add('data-editor');
89875
90004
  const dom = new Dom(this);
89876
90005
  this.dom = dom;
89877
- const util = new Util(this); // General utilities
90006
+ const util = new Util$1(this); // General utilities
89878
90007
 
89879
90008
  this.util = util;
90009
+
90010
+ if (!this.pageTemplate) {
90011
+ this.pageTemplate = util.getPageTemplate(this.framework);
90012
+ }
90013
+
89880
90014
  const responsive = new Responsive(this); // General utilities
89881
90015
 
89882
90016
  this.responsive = responsive; // Content stuff
@@ -89944,6 +90078,7 @@ class ContentBuilder {
89944
90078
 
89945
90079
  this.colTool = new ColumnTool(this); // Render Column Tool
89946
90080
 
90081
+ this._rowTool = new RowTool(this);
89947
90082
  this.mediaPicker = new MediaPicker(this); // Extend the onChange function
89948
90083
 
89949
90084
  var oldget = this.opts.onChange;
@@ -90466,8 +90601,8 @@ class ContentBuilder {
90466
90601
  // Render Row tool
90467
90602
 
90468
90603
 
90469
- this.rowtool = new RowTool(this);
90470
- this.rowtool.render(row); // Render Row Add tool
90604
+ this._rowTool.render(row); // Render Row Add tool
90605
+
90471
90606
 
90472
90607
  const rowaddtool = new RowAddTool(this);
90473
90608
  rowaddtool.render(row); // Apply behavior on each column
@@ -92081,8 +92216,7 @@ class ContentBuilder {
92081
92216
 
92082
92217
  this.element.click(col, e);
92083
92218
  this.colTool.click(col);
92084
- this.elmTool.click(col, e); //this.rowtool.click(col);
92085
-
92219
+ this.elmTool.click(col, e);
92086
92220
  this.rte.click(col, e); // Grid Editor Status
92087
92221
  // On/off lock button
92088
92222
 
@@ -101520,6 +101654,258 @@ class Timeline {
101520
101654
 
101521
101655
  }
101522
101656
 
101657
+ class Util {
101658
+ constructor(builder) {
101659
+ this.builder = builder;
101660
+ }
101661
+
101662
+ getPageTemplate(framework) {
101663
+ let pageTemplate = '';
101664
+
101665
+ if (framework === '') {
101666
+ pageTemplate = `
101667
+ <!DOCTYPE html>
101668
+ <html lang="en">
101669
+ <head>
101670
+ <meta charset="utf-8">
101671
+ <title>Page</title>
101672
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101673
+ <meta name="description" content="">
101674
+ <link rel="shortcut icon" href="#" />
101675
+
101676
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101677
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101678
+
101679
+ [%MAINCSS%]
101680
+ [%SECTIONCSS%]
101681
+ </head>
101682
+ <body style="touch-action: pan-y">
101683
+
101684
+ <main id="main">
101685
+ <div class="is-wrapper">
101686
+ [%CONTENT%]
101687
+ </div>
101688
+ </main>
101689
+
101690
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101691
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101692
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101693
+
101694
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101695
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101696
+
101697
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101698
+
101699
+ <!-- Optional: if you want to add smooth scrolling -->
101700
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101701
+ <script>
101702
+ SmoothScroll({
101703
+ frameRate: 150,
101704
+ animationTime: 800,
101705
+ stepSize: 120,
101706
+ pulseAlgorithm: 1,
101707
+ pulseScale: 4,
101708
+ pulseNormalize: 1,
101709
+ accelerationDelta: 300,
101710
+ accelerationMax: 2,
101711
+ keyboardSupport: 1,
101712
+ arrowScroll: 50,
101713
+ fixedBackground: 0
101714
+ });
101715
+ </script>
101716
+ </body>
101717
+ </html>
101718
+ `;
101719
+ } else if (framework === 'tailwind') {
101720
+ pageTemplate = `
101721
+ <!DOCTYPE html>
101722
+ <html lang="en">
101723
+ <head>
101724
+ <meta charset="utf-8">
101725
+ <title>Page</title>
101726
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101727
+ <meta name="description" content="">
101728
+ <link rel="shortcut icon" href="#" />
101729
+
101730
+ <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet" type="text/css" />
101731
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101732
+ <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet" type="text/css" />
101733
+
101734
+ [%MAINCSS%]
101735
+ [%SECTIONCSS%]
101736
+ </head>
101737
+ <body style="touch-action: pan-y">
101738
+
101739
+ <main id="main">
101740
+ <div class="is-wrapper">
101741
+ [%CONTENT%]
101742
+ </div>
101743
+ </main>
101744
+
101745
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101746
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101747
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101748
+
101749
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101750
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101751
+
101752
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101753
+
101754
+ <!-- Optional: if you want to add smooth scrolling -->
101755
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101756
+ <script>
101757
+ SmoothScroll({
101758
+ frameRate: 150,
101759
+ animationTime: 800,
101760
+ stepSize: 120,
101761
+ pulseAlgorithm: 1,
101762
+ pulseScale: 4,
101763
+ pulseNormalize: 1,
101764
+ accelerationDelta: 300,
101765
+ accelerationMax: 2,
101766
+ keyboardSupport: 1,
101767
+ arrowScroll: 50,
101768
+ fixedBackground: 0
101769
+ });
101770
+ </script>
101771
+ </body>
101772
+ </html>
101773
+ `;
101774
+ } else if (framework === 'bootstrap') {
101775
+ pageTemplate = `
101776
+ <!DOCTYPE html>
101777
+ <html lang="en">
101778
+ <head>
101779
+ <meta charset="utf-8">
101780
+ <title>Page</title>
101781
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101782
+ <meta name="description" content="">
101783
+ <link rel="shortcut icon" href="#" />
101784
+
101785
+ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
101786
+ <style>
101787
+ /* Bootstrap css adjustment to enable column drag to resize */
101788
+ .row > *,
101789
+ .column {
101790
+ max-width: unset !important;
101791
+ }
101792
+ /* To fix on <1440 (for example), with max-width unset, columns get flowing */
101793
+ @media (min-width: 768px) {
101794
+ .row {
101795
+ flex-wrap: nowrap;
101796
+ }
101797
+ }
101798
+ </style>
101799
+
101800
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101801
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101802
+
101803
+ [%MAINCSS%]
101804
+ [%SECTIONCSS%]
101805
+ </head>
101806
+ <body style="touch-action: pan-y">
101807
+
101808
+ <main id="main">
101809
+ <div class="is-wrapper">
101810
+ [%CONTENT%]
101811
+ </div>
101812
+ </main>
101813
+
101814
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101815
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101816
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101817
+
101818
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101819
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101820
+
101821
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101822
+
101823
+ <!-- Optional: if you want to add smooth scrolling -->
101824
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101825
+ <script>
101826
+ SmoothScroll({
101827
+ frameRate: 150,
101828
+ animationTime: 800,
101829
+ stepSize: 120,
101830
+ pulseAlgorithm: 1,
101831
+ pulseScale: 4,
101832
+ pulseNormalize: 1,
101833
+ accelerationDelta: 300,
101834
+ accelerationMax: 2,
101835
+ keyboardSupport: 1,
101836
+ arrowScroll: 50,
101837
+ fixedBackground: 0
101838
+ });
101839
+ </script>
101840
+ </body>
101841
+ </html>
101842
+ `;
101843
+ } else if (framework === 'foundation') {
101844
+ pageTemplate = `
101845
+ <!DOCTYPE html>
101846
+ <html lang="en">
101847
+ <head>
101848
+ <meta charset="utf-8">
101849
+ <title>Page</title>
101850
+ <meta name="viewport" content="width=device-width, initial-scale=1">
101851
+ <meta name="description" content="">
101852
+ <link rel="shortcut icon" href="#" />
101853
+
101854
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" type="text/css" >
101855
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" type="text/css" >
101856
+
101857
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101858
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101859
+
101860
+ [%MAINCSS%]
101861
+ [%SECTIONCSS%]
101862
+ </head>
101863
+ <body style="touch-action: pan-y">
101864
+
101865
+ <main id="main">
101866
+ <div class="is-wrapper">
101867
+ [%CONTENT%]
101868
+ </div>
101869
+ </main>
101870
+
101871
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101872
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101873
+ <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101874
+
101875
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101876
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101877
+
101878
+ <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101879
+
101880
+ <!-- Optional: if you want to add smooth scrolling -->
101881
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101882
+ <script>
101883
+ SmoothScroll({
101884
+ frameRate: 150,
101885
+ animationTime: 800,
101886
+ stepSize: 120,
101887
+ pulseAlgorithm: 1,
101888
+ pulseScale: 4,
101889
+ pulseNormalize: 1,
101890
+ accelerationDelta: 300,
101891
+ accelerationMax: 2,
101892
+ keyboardSupport: 1,
101893
+ arrowScroll: 50,
101894
+ fixedBackground: 0
101895
+ });
101896
+ </script>
101897
+ </body>
101898
+ </html>
101899
+ `;
101900
+ } else {
101901
+ pageTemplate = '[%CONTENT%]';
101902
+ }
101903
+
101904
+ return pageTemplate;
101905
+ }
101906
+
101907
+ }
101908
+
101523
101909
  const dom = new Dom$1();
101524
101910
 
101525
101911
  class ContentBox {
@@ -101786,59 +102172,52 @@ class ContentBox {
101786
102172
  </div>
101787
102173
  </div>
101788
102174
  `,
101789
- pageTemplate: `
101790
- <!DOCTYPE html>
101791
- <html lang="en">
101792
- <head>
101793
- <meta charset="utf-8">
101794
- <title>Page</title>
101795
- <meta name="viewport" content="width=device-width, initial-scale=1">
101796
- <meta name="description" content="">
101797
- <link rel="shortcut icon" href="#" />
101798
-
101799
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
101800
- <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
101801
-
101802
- [%MAINCSS%]
101803
- [%SECTIONCSS%]
101804
- </head>
101805
- <body style="touch-action: pan-y">
101806
-
101807
- <main id="main">
101808
- <div class="is-wrapper">
101809
- [%CONTENT%]
101810
- </div>
101811
- </main>
101812
-
101813
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
101814
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
101815
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
101816
-
101817
- <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
101818
- <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
101819
-
101820
- <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
101821
-
101822
- <!-- Optional: if you want to add smooth scrolling -->
101823
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
101824
- <script>
101825
- SmoothScroll({
101826
- frameRate: 150,
101827
- animationTime: 800,
101828
- stepSize: 120,
101829
- pulseAlgorithm: 1,
101830
- pulseScale: 4,
101831
- pulseNormalize: 1,
101832
- accelerationDelta: 300,
101833
- accelerationMax: 2,
101834
- keyboardSupport: 1,
101835
- arrowScroll: 50,
101836
- fixedBackground: 0
101837
- });
101838
- </script>
101839
- </body>
101840
- </html>
101841
- `,
102175
+ // pageTemplate: `
102176
+ // <!DOCTYPE html>
102177
+ // <html lang="en">
102178
+ // <head>
102179
+ // <meta charset="utf-8">
102180
+ // <title>Page</title>
102181
+ // <meta name="viewport" content="width=device-width, initial-scale=1">
102182
+ // <meta name="description" content="">
102183
+ // <link rel="shortcut icon" href="#" />
102184
+ // <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
102185
+ // <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
102186
+ // [%MAINCSS%]
102187
+ // [%SECTIONCSS%]
102188
+ // </head>
102189
+ // <body style="touch-action: pan-y">
102190
+ // <main id="main">
102191
+ // <div class="is-wrapper">
102192
+ // [%CONTENT%]
102193
+ // </div>
102194
+ // </main>
102195
+ // <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
102196
+ // <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
102197
+ // <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
102198
+ // <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
102199
+ // <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
102200
+ // <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
102201
+ // <!-- Optional: if you want to add smooth scrolling -->
102202
+ // <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
102203
+ // <script>
102204
+ // SmoothScroll({
102205
+ // frameRate: 150,
102206
+ // animationTime: 800,
102207
+ // stepSize: 120,
102208
+ // pulseAlgorithm: 1,
102209
+ // pulseScale: 4,
102210
+ // pulseNormalize: 1,
102211
+ // accelerationDelta: 300,
102212
+ // accelerationMax: 2,
102213
+ // keyboardSupport: 1,
102214
+ // arrowScroll: 50,
102215
+ // fixedBackground: 0
102216
+ // });
102217
+ // </script>
102218
+ // </body>
102219
+ // </html>
102220
+ // `,
101842
102221
  contentStyleWithSample: false,
101843
102222
  contentSizes: [300, 320, 340, 360, 380, 400, 420, 440, 460, 480, 500, 520, 540, 560, 580, 600, 620, 640, 660, 680, 700, 720, 740, 760, 780, 800, 820, 840, 860, 880, 900, 920, 940, 960, 970, 980, 1000, 1020, 1040, 1050, 1060, 1080, 1100, 1120, 1140, 1160, 1180, 1200, 1220, 1240, 1260, 1280, 1300, 1320, 1340, 1360, 1380, 1400, 1420, 1440, 1460, 1480, 1500, 1520, 1540, 1560, 1580, 1600, 1620, 1640, 1660, 1680, 1700, 1720, 1740, 1760, 1780, 1800, 1820, 1840, 1860, 1880, 1900, 1920, 1940, 1960, 1980, 2000, 2020, 2040, 2060, 2080, 2100, 2120, 2140, 2160, 2180, 2200, 2220, 2240, 2260, 2280, 2300, 2320, 2340, 2360, 2380, 2400, 2420, 2440, 2460, 2480, 2500, 2520, 2540, 2560, 2580, 2600, 2620, 2640, 2660, 2680, 2700],
101844
102223
  contentStyles: {
@@ -104243,6 +104622,11 @@ class ContentBox {
104243
104622
  this.sidebar = new SideBar(this);
104244
104623
  this.animateScroll = new AnimateScroll(this);
104245
104624
  this.timeline = new Timeline(this);
104625
+ this.util = new Util(this);
104626
+
104627
+ if (!this.pageTemplate) {
104628
+ this.pageTemplate = this.util.getPageTemplate(this.framework);
104629
+ }
104246
104630
 
104247
104631
  if (!window.data_basic) {
104248
104632
  dom.addExternalScripts([this.snippetUrl], () => {