@innovastudio/contentbuilder 1.0.67 → 1.0.71

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbuilder",
3
- "version": "1.0.67",
3
+ "version": "1.0.71",
4
4
  "description": "",
5
5
  "main": "public/contentbuilder/contentbuilder.esm.js",
6
6
  "files": [
@@ -10838,6 +10838,13 @@ class Snippets {
10838
10838
  if (snippetPathReplace[0] != '') {
10839
10839
  var regex = new RegExp(snippetPathReplace[0], 'g');
10840
10840
  html = html.replace(regex, snippetPathReplace[1]);
10841
+
10842
+ /* for encoded replace, change / to %2F */
10843
+ var slash = new RegExp('/', 'g');
10844
+ var snippetPathReplace_0 = snippetPathReplace[0].replace(slash, '%2F');
10845
+ var snippetPathReplace_1 = snippetPathReplace[1].replace(slash, '%2F');
10846
+ regex = new RegExp(snippetPathReplace_0, 'g');
10847
+ html = html.replace(regex, snippetPathReplace_1);
10841
10848
  }
10842
10849
  }
10843
10850
 
@@ -11059,14 +11066,16 @@ const renderQuickAdd = builder => {
11059
11066
  elm = quickadd.querySelector('.add-button');
11060
11067
  if (elm) dom$B.addEventListener(elm, 'click', () => {
11061
11068
  const mode = quickadd.getAttribute('data-mode');
11062
- const html = '<a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a>';
11069
+ const html = '<div><a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a></div>';
11063
11070
  util.addContent(html, mode);
11064
11071
  });
11065
11072
  elm = quickadd.querySelector('.add-twobutton');
11066
11073
  if (elm) dom$B.addEventListener(elm, 'click', () => {
11067
11074
  const mode = quickadd.getAttribute('data-mode');
11068
- const html = `<a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a> &nbsp;
11069
- <a href="#" style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-color: rgb(53, 53, 53); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 3px; color: rgb(53, 53, 53);">Get Started</a>`;
11075
+ const html = `<div>
11076
+ <a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a> &nbsp;
11077
+ <a href="#" style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-color: rgb(53, 53, 53); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 3px; color: rgb(53, 53, 53);">Get Started</a>
11078
+ </div>`;
11070
11079
  util.addContent(html, mode);
11071
11080
  });
11072
11081
  elm = quickadd.querySelector('.add-spacer');
@@ -52226,6 +52235,9 @@ class Preferences {
52226
52235
  }
52227
52236
  }
52228
52237
  }
52238
+ } else {
52239
+ this.builder.setUIColor('', '');
52240
+ this.builder.renderIframeLater = true;
52229
52241
  }
52230
52242
 
52231
52243
  if (!this.builder.renderIframeLater) {
@@ -52945,8 +52957,9 @@ class Rte {
52945
52957
  <button title="96px" data-value="96">96</button>
52946
52958
 
52947
52959
  <button title="120px" data-value="120">120</button>
52948
- <button title="160px" data-value="160">160</button>
52960
+ <!--<button title="160px" data-value="160">160</button>-->
52949
52961
  <button title="200px" data-value="200">200</button>
52962
+ <button title="300px" data-value="300">300</button>
52950
52963
 
52951
52964
  <button title="${util.out('Decrease')}" data-value="-" style="font-size:13px">-</button>
52952
52965
  <button title="${util.out('Increase')}" data-value="+" style="font-size:13px">+</button>
@@ -57663,7 +57676,7 @@ class ContentBuilder {
57663
57676
  clearPreferences: false,
57664
57677
  toolbarAddSnippetButton: false,
57665
57678
  animateModal: true,
57666
- fontSizeClassValues: [12, 14, 16, 18, 21, 24, 28, 32, 35, 38, 42, 46, 48, 50, 54, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 164, 168, 172, 176, 180, 184, 188, 192, 196, 200, 204, 208, 212, 216, 220],
57679
+ fontSizeClassValues: [12, 14, 16, 18, 21, 24, 28, 32, 35, 38, 42, 46, 48, 50, 54, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 164, 168, 172, 176, 180, 184, 188, 192, 196, 200, 204, 208, 212, 216, 220, 224, 228, 232, 236, 240, 244, 248, 252, 256, 260, 264, 268, 272, 276, 280, 284, 288, 292, 296, 300, 304, 308, 312, 316, 320, 324, 328, 332, 336, 340, 344, 348, 352, 356, 360, 364, 368, 372, 376, 380, 384, 388, 392, 396, 400],
57667
57680
 
57668
57681
  /* If not empty, applying font size will apply class: size-12, size-14, and so on. All responsive, defined in content.css */
57669
57682
  gradientcolors: [['linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))'], ['linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))'], ['linear-gradient(0deg, #FF5722, #FF9800)'], ['linear-gradient(0deg, #613ca2, rgb(110, 123, 217))'], ['linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))'], ['linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))'], ['linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))'], ['linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))'], ['linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))'], ['linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))'], ['linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))'], ['linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))'], ['linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))'], ['linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))'], ['linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))'], ['linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))'], ['linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))'], ['linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))'], ['linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))']],