@innovastudio/contentbox 1.0.48 → 1.0.52

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 +19 -5
  3. package/public/contentbox/contentbox.min.js +2 -2
  4. package/public/contentbox/lang/en.js +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbox",
3
- "version": "1.0.48",
3
+ "version": "1.0.52",
4
4
  "description": "",
5
5
  "main": "public/contentbox/contentbox.esm.js",
6
6
  "files": [
@@ -39,7 +39,7 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@ashthornton/asscroll": "^2.0.4",
42
- "@innovastudio/contentbuilder": "^1.0.68",
42
+ "@innovastudio/contentbuilder": "^1.0.71",
43
43
  "axios": "^0.21.4",
44
44
  "cors": "^2.8.5",
45
45
  "express": "^4.17.1",
package/public/contentbox/contentbox.esm.js CHANGED
@@ -8201,6 +8201,8 @@ class EditBox {
8201
8201
  container.style.maxWidth = val + 'px';
8202
8202
  dom$G.addClass(container, 'is-content-' + val); //new
8203
8203
 
8204
+ dom$G.addClass(container, 'v2'); //new
8205
+
8204
8206
  modalEditBox.querySelector('.inp-box-size').value = val; //Trigger Change event
8205
8207
 
8206
8208
  this.builder.settings.onChange();
@@ -8243,6 +8245,8 @@ class EditBox {
8243
8245
  if (val <= 300) val = 300;
8244
8246
  if (val >= 2700) val = 2700;
8245
8247
  dom$G.addClass(container, 'is-content-' + val); //new
8248
+
8249
+ dom$G.addClass(container, 'v2'); //new
8246
8250
  } //Trigger Change event
8247
8251
 
8248
8252
 
@@ -20967,6 +20971,13 @@ class Snippets {
20967
20971
  if (snippetPathReplace[0] != '') {
20968
20972
  var regex = new RegExp(snippetPathReplace[0], 'g');
20969
20973
  html = html.replace(regex, snippetPathReplace[1]);
20974
+
20975
+ /* for encoded replace, change / to %2F */
20976
+ var slash = new RegExp('/', 'g');
20977
+ var snippetPathReplace_0 = snippetPathReplace[0].replace(slash, '%2F');
20978
+ var snippetPathReplace_1 = snippetPathReplace[1].replace(slash, '%2F');
20979
+ regex = new RegExp(snippetPathReplace_0, 'g');
20980
+ html = html.replace(regex, snippetPathReplace_1);
20970
20981
  }
20971
20982
  }
20972
20983
 
@@ -21188,14 +21199,16 @@ const renderQuickAdd = builder => {
21188
21199
  elm = quickadd.querySelector('.add-button');
21189
21200
  if (elm) dom$B.addEventListener(elm, 'click', () => {
21190
21201
  const mode = quickadd.getAttribute('data-mode');
21191
- 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>';
21202
+ 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>';
21192
21203
  util.addContent(html, mode);
21193
21204
  });
21194
21205
  elm = quickadd.querySelector('.add-twobutton');
21195
21206
  if (elm) dom$B.addEventListener(elm, 'click', () => {
21196
21207
  const mode = quickadd.getAttribute('data-mode');
21197
- 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;
21198
- <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>`;
21208
+ const html = `<div>
21209
+ <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;
21210
+ <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>
21211
+ </div>`;
21199
21212
  util.addContent(html, mode);
21200
21213
  });
21201
21214
  elm = quickadd.querySelector('.add-spacer');
@@ -63077,8 +63090,9 @@ class Rte {
63077
63090
  <button title="96px" data-value="96">96</button>
63078
63091
 
63079
63092
  <button title="120px" data-value="120">120</button>
63080
- <button title="160px" data-value="160">160</button>
63093
+ <!--<button title="160px" data-value="160">160</button>-->
63081
63094
  <button title="200px" data-value="200">200</button>
63095
+ <button title="300px" data-value="300">300</button>
63082
63096
 
63083
63097
  <button title="${util.out('Decrease')}" data-value="-" style="font-size:13px">-</button>
63084
63098
  <button title="${util.out('Increase')}" data-value="+" style="font-size:13px">+</button>
@@ -67795,7 +67809,7 @@ class ContentBuilder {
67795
67809
  clearPreferences: false,
67796
67810
  toolbarAddSnippetButton: false,
67797
67811
  animateModal: true,
67798
- 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],
67812
+ 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],
67799
67813
 
67800
67814
  /* If not empty, applying font size will apply class: size-12, size-14, and so on. All responsive, defined in content.css */
67801
67815
  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))']],