@innovastudio/contentbox 1.5.15 → 1.5.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/package.json +2 -2
  2. package/public/contentbox/contentbox.esm.js +66 -70
  3. package/public/contentbox/contentbox.min.js +2 -2
  4. package/readme.txt +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbox",
3
3
  "type": "module",
4
- "version": "1.5.15",
4
+ "version": "1.5.17",
5
5
  "description": "",
6
6
  "main": "public/contentbox/contentbox.esm.js",
7
7
  "files": [
@@ -46,7 +46,7 @@
46
46
  "webpack-dev-server": "^4.0.0"
47
47
  },
48
48
  "dependencies": {
49
- "@innovastudio/contentbuilder": "^1.4.16",
49
+ "@innovastudio/contentbuilder": "^1.4.17",
50
50
  "js-beautify": "^1.14.0"
51
51
  }
52
52
  }
package/public/contentbox/contentbox.esm.js CHANGED
@@ -1805,8 +1805,8 @@ class SideBar {
1805
1805
  <script>
1806
1806
  var template_list = [];
1807
1807
  </script>
1808
- <!-- <script src="basic.js" type="text/javascript"></script>
1809
- <script src="examples.js" type="text/javascript"></script> -->
1808
+ <!-- <script src="basic.js"></script>
1809
+ <script src="examples.js"></script> -->
1810
1810
 
1811
1811
  <script>
1812
1812
 
@@ -2028,7 +2028,7 @@ class SideBar {
2028
2028
  html = html.replace(regex, snippetPathReplace[1]);
2029
2029
  }
2030
2030
  }
2031
-
2031
+
2032
2032
  html = html.replace(/\\[%IMAGE_PATH%\\]/g, designPath);
2033
2033
  html = html.replace(/%5B%25IMAGE_PATH%25%5D/g, designPath); //If [%IMAGE_PATH%] is encoded (inside data-html)
2034
2034
 
@@ -2477,7 +2477,6 @@ class SideBar {
2477
2477
 
2478
2478
  var style = document.createElement("style");
2479
2479
  style.setAttribute('data-theme-style','');
2480
- style.type = "text/css";
2481
2480
  style.innerHTML = cssString;
2482
2481
  document.head.appendChild(style);
2483
2482
 
@@ -2778,8 +2777,8 @@ class SideBar {
2778
2777
  <div class="is-design-list">
2779
2778
  </div>
2780
2779
 
2781
- <script src="${designUrl1}" type="text/javascript"></script>
2782
- <script src="${designUrl2}" type="text/javascript"></script>
2780
+ <script src="${designUrl1}"></script>
2781
+ <script src="${designUrl2}"></script>
2783
2782
 
2784
2783
  <script>
2785
2784
 
@@ -3700,7 +3699,6 @@ class SideBar {
3700
3699
 
3701
3700
  var style = document.createElement("style");
3702
3701
  style.setAttribute('data-theme-style','');
3703
- style.type = "text/css";
3704
3702
  style.innerHTML = cssString;
3705
3703
  document.head.appendChild(style);
3706
3704
 
@@ -10826,7 +10824,7 @@ class EditBox {
10826
10824
  <input tabindex="-1" class="input-custom-value-central" name="hidcustomval" type="hidden" value="${this.builder.customval}" />
10827
10825
  </form>
10828
10826
  `;
10829
- html += '<iframe id="target-upload-cover" name="target-upload-cover" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>';
10827
+ html += '<iframe id="target-upload-cover" name="target-upload-cover" src="about:blank" style="width:0.1px;height:0.1px;position:absolute;top:0;right:0px;opacity:0.0001"></iframe>';
10830
10828
  html += '<div class="is-modal editcustomcode" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">' + '<div style="max-width:900px;height:570px;padding:0;box-sizing:border-box;position:relative;">' + '<div class="is-modal-bar is-draggable" style="position: absolute;top: 0;left: 0;width: 100%;z-index:1;">' + out('Custom Code (Javascript Allowed)') + '</div>' + '<textarea id="txtBoxCustomCode" class="inptxt" style="background: #fff;position: absolute;top: 0;left: 0;width:100%;height:100%;border:none;border-bottom:60px solid transparent;border-top:40px solid transparent;box-sizing:border-box;"></textarea>' + '<input id="hidBoxCustomCode" type="hidden" />' + '<button class="input-ok classic" style="height:60px;position:absolute;left:0;bottom:0;">' + out('Ok') + '</button>' + '</div>' + '</div>' + (`
10831
10829
  <div class="is-modal is-modal-content editbox" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
10832
10830
  <div class="is-modal-bar is-draggable" draggable="">
@@ -13557,7 +13555,9 @@ class EditBox {
13557
13555
  iframe.style.transition = 'opacity 0.1s ease'; // iframe.setAttribute('src', this.builder.settings.modulePath + moduleName + '.html'); //load module panel on iframe
13558
13556
 
13559
13557
  let result = await fetch(this.builder.settings.modulePath + moduleName + '.html');
13560
- result = await result.text();
13558
+ result = await result.text(); // replace {assetpath}
13559
+
13560
+ result = result.replace(/{assetpath}/g, this.builder.assetPath);
13561
13561
  let doc = iframe.contentWindow.document;
13562
13562
  doc.open();
13563
13563
  doc.write(result);
@@ -29911,9 +29911,9 @@ class HtmlUtil {
29911
29911
 
29912
29912
  html_others += htmlSection;
29913
29913
  }
29914
- });
29915
- if (html_footer !== '') html_footer = '<!---FOOTER--->\n' + html_footer;
29916
- if (html_others !== '') html_others = '<!---OTHERS--->\n' + html_others;
29914
+ }); // if (html_footer !== '') html_footer = '<!---FOOTER--->\n' + html_footer;
29915
+ // if (html_others !== '') html_others = '<!---OTHERS--->\n' + html_others;
29916
+
29917
29917
  let contentbox = document.querySelector('[data-contentbox]');
29918
29918
  let disableStaticSection = false;
29919
29919
 
@@ -103633,10 +103633,10 @@ class Util {
103633
103633
  <title>Page</title>
103634
103634
  <meta name="viewport" content="width=device-width, initial-scale=1">
103635
103635
  <meta name="description" content="">
103636
- <link rel="shortcut icon" href="#" />
103636
+ <link rel="shortcut icon" href="#">
103637
103637
 
103638
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
103639
- <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
103638
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet">
103639
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">
103640
103640
 
103641
103641
  [%MAINCSS%]
103642
103642
  [%SECTIONCSS%]
@@ -103649,17 +103649,17 @@ class Util {
103649
103649
  </div>
103650
103650
  </main>
103651
103651
 
103652
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
103653
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
103654
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
103652
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">
103653
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">
103654
+ <script src="[%PATH%]/assets/scripts/glide/glide.js"></script>
103655
103655
 
103656
- <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
103657
- <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
103656
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">
103657
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"></script>
103658
103658
 
103659
- <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
103659
+ <script src="[%PATH%]/box/box-flex.js"></script>
103660
103660
 
103661
103661
  <!-- Optional: if you want to add smooth scrolling -->
103662
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
103662
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
103663
103663
  <script>
103664
103664
  SmoothScroll({
103665
103665
  frameRate: 150,
@@ -103687,11 +103687,11 @@ class Util {
103687
103687
  <title>Page</title>
103688
103688
  <meta name="viewport" content="width=device-width, initial-scale=1">
103689
103689
  <meta name="description" content="">
103690
- <link rel="shortcut icon" href="#" />
103690
+ <link rel="shortcut icon" href="#">
103691
103691
 
103692
- <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet" type="text/css" />
103693
- <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
103694
- <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet" type="text/css" />
103692
+ <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet">
103693
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">
103694
+ <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet">
103695
103695
 
103696
103696
  [%MAINCSS%]
103697
103697
  [%SECTIONCSS%]
@@ -103704,17 +103704,17 @@ class Util {
103704
103704
  </div>
103705
103705
  </main>
103706
103706
 
103707
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
103708
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
103709
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
103707
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">
103708
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">
103709
+ <script src="[%PATH%]/assets/scripts/glide/glide.js"></script>
103710
103710
 
103711
- <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
103712
- <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
103711
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">
103712
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"></script>
103713
103713
 
103714
- <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
103714
+ <script src="[%PATH%]/box/box-flex.js"></script>
103715
103715
 
103716
103716
  <!-- Optional: if you want to add smooth scrolling -->
103717
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
103717
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
103718
103718
  <script>
103719
103719
  SmoothScroll({
103720
103720
  frameRate: 150,
@@ -103742,9 +103742,9 @@ class Util {
103742
103742
  <title>Page</title>
103743
103743
  <meta name="viewport" content="width=device-width, initial-scale=1">
103744
103744
  <meta name="description" content="">
103745
- <link rel="shortcut icon" href="#" />
103745
+ <link rel="shortcut icon" href="#">
103746
103746
 
103747
- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
103747
+ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
103748
103748
  <style>
103749
103749
  /* Bootstrap css adjustment to enable column drag to resize */
103750
103750
  .row > *,
@@ -103759,8 +103759,8 @@ class Util {
103759
103759
  }
103760
103760
  </style>
103761
103761
 
103762
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
103763
- <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
103762
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet">
103763
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">
103764
103764
 
103765
103765
  [%MAINCSS%]
103766
103766
  [%SECTIONCSS%]
@@ -103773,17 +103773,17 @@ class Util {
103773
103773
  </div>
103774
103774
  </main>
103775
103775
 
103776
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
103777
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
103778
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
103776
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">
103777
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">
103778
+ <script src="[%PATH%]/assets/scripts/glide/glide.js"></script>
103779
103779
 
103780
- <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
103781
- <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
103780
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">
103781
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"></script>
103782
103782
 
103783
- <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
103783
+ <script src="[%PATH%]/box/box-flex.js"></script>
103784
103784
 
103785
103785
  <!-- Optional: if you want to add smooth scrolling -->
103786
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
103786
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
103787
103787
  <script>
103788
103788
  SmoothScroll({
103789
103789
  frameRate: 150,
@@ -103811,13 +103811,13 @@ class Util {
103811
103811
  <title>Page</title>
103812
103812
  <meta name="viewport" content="width=device-width, initial-scale=1">
103813
103813
  <meta name="description" content="">
103814
- <link rel="shortcut icon" href="#" />
103814
+ <link rel="shortcut icon" href="#">
103815
103815
 
103816
- <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" type="text/css" >
103817
- <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" type="text/css" >
103816
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" >
103817
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" >
103818
103818
 
103819
- <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
103820
- <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
103819
+ <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet">
103820
+ <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">
103821
103821
 
103822
103822
  [%MAINCSS%]
103823
103823
  [%SECTIONCSS%]
@@ -103830,17 +103830,17 @@ class Util {
103830
103830
  </div>
103831
103831
  </main>
103832
103832
 
103833
- <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
103834
- <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
103835
- <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
103833
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">
103834
+ <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">
103835
+ <script src="[%PATH%]/assets/scripts/glide/glide.js"></script>
103836
103836
 
103837
- <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
103838
- <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
103837
+ <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">
103838
+ <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"></script>
103839
103839
 
103840
- <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
103840
+ <script src="[%PATH%]/box/box-flex.js"></script>
103841
103841
 
103842
103842
  <!-- Optional: if you want to add smooth scrolling -->
103843
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
103843
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
103844
103844
  <script>
103845
103845
  SmoothScroll({
103846
103846
  frameRate: 150,
@@ -104152,9 +104152,9 @@ class ContentBox {
104152
104152
  // <title>Page</title>
104153
104153
  // <meta name="viewport" content="width=device-width, initial-scale=1">
104154
104154
  // <meta name="description" content="">
104155
- // <link rel="shortcut icon" href="#" />
104156
- // <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
104157
- // <link href="[%PATH%]/box/box-flex.css" rel="stylesheet" type="text/css" />
104155
+ // <link rel="shortcut icon" href="#">
104156
+ // <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet">
104157
+ // <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">
104158
104158
  // [%MAINCSS%]
104159
104159
  // [%SECTIONCSS%]
104160
104160
  // </head>
@@ -104164,14 +104164,14 @@ class ContentBox {
104164
104164
  // [%CONTENT%]
104165
104165
  // </div>
104166
104166
  // </main>
104167
- // <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
104168
- // <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
104169
- // <script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
104170
- // <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet" type="text/css" />
104171
- // <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js" type="text/javascript"></script>
104172
- // <script src="[%PATH%]/box/box-flex.js" type="text/javascript"></script>
104167
+ // <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">
104168
+ // <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">
104169
+ // <script src="[%PATH%]/assets/scripts/glide/glide.js"></script>
104170
+ // <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">
104171
+ // <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"></script>
104172
+ // <script src="[%PATH%]/box/box-flex.js"></script>
104173
104173
  // <!-- Optional: if you want to add smooth scrolling -->
104174
- // <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript"></script>
104174
+ // <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
104175
104175
  // <script>
104176
104176
  // SmoothScroll({
104177
104177
  // frameRate: 150,
@@ -108085,10 +108085,6 @@ class ContentBox {
108085
108085
 
108086
108086
  addIdea(newArea) {
108087
108087
  this.editor.saveForUndo();
108088
- const designPath = this.designPath;
108089
- newArea = newArea.replace(/\[%IMAGE_PATH%\]/g, designPath);
108090
- newArea = newArea.replace(/%5B%25IMAGE_PATH%25%5D/g, designPath); //If [%IMAGE_PATH%] is encoded (inside data-html)
108091
-
108092
108088
  let newSection;
108093
108089
  let arrSections = [];
108094
108090