@innovastudio/contentbox 1.5.15 → 1.5.17

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 +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