@innovastudio/contentbuilder 1.3.70 → 1.3.72

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 +1 -1
  2. package/public/contentbuilder/contentbuilder.esm.js +58 -43
  3. package/public/contentbuilder/contentbuilder.min.js +1 -1
  4. package/readme.txt +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbuilder",
3
3
  "type": "module",
4
- "version": "1.3.70",
4
+ "version": "1.3.72",
5
5
  "description": "",
6
6
  "main": "public/contentbuilder/contentbuilder.esm.js",
7
7
  "files": [
package/public/contentbuilder/contentbuilder.esm.js CHANGED
@@ -50046,7 +50046,7 @@ class Image$1 {
50046
50046
  img.setAttribute('data-filename', newname + '.' + extension);
50047
50047
  }
50048
50048
 
50049
- if (extension === 'jpg' || extension === 'jpeg') {
50049
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'webm' || extension === 'webp') {
50050
50050
  img.src = this.cropper.getCroppedCanvas({
50051
50051
  fillColor: '#fff',
50052
50052
  imageSmoothingEnabled: true,
@@ -72429,7 +72429,7 @@ class Lightbox {
72429
72429
  const color = block.getAttribute('data-modal-color');
72430
72430
 
72431
72431
  if (url) {
72432
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
72432
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
72433
72433
  arrGallery.push({
72434
72434
  type: 'image',
72435
72435
  url: url,
@@ -74820,6 +74820,18 @@ class ContentBuilder {
74820
74820
  lightboxArrow: true,
74821
74821
  imageRenameOnEdit: true,
74822
74822
  disableAutoEmbedVideo: false,
74823
+ sectionTemplate: `
74824
+ <div class="is-section is-box is-section-100 type-poppins">
74825
+ <div class="is-overlay"></div>
74826
+ <div class="is-boxes">
74827
+ <div class="is-box-centered">
74828
+ <div class="is-container is-content-900 v2 size-18 leading-14">
74829
+ [%CONTENT%]
74830
+ </div>
74831
+ </div>
74832
+ </div>
74833
+ </div>
74834
+ `,
74823
74835
 
74824
74836
  /*
74825
74837
  onZoomStart: () => {
@@ -76438,13 +76450,13 @@ class ContentBuilder {
76438
76450
  if (this.targetAssetType === 'all') {
76439
76451
  ok = true;
76440
76452
  } else if (this.targetAssetType === 'media') {
76441
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'mp4') {
76453
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp' || extension === 'mp4') {
76442
76454
  ok = true;
76443
76455
  } else {
76444
76456
  alert(this.util.out('Please select an image or video file.'));
76445
76457
  }
76446
76458
  } else if (this.targetAssetType === 'image') {
76447
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
76459
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
76448
76460
  ok = true;
76449
76461
  } else {
76450
76462
  alert(this.util.out('Please select an image file.'));
@@ -76514,7 +76526,7 @@ class ContentBuilder {
76514
76526
  if (targetAssetType === 'all') {
76515
76527
  ok = true;
76516
76528
  } else if (targetAssetType === 'media') {
76517
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'mp4') {
76529
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp' || extension === 'mp4') {
76518
76530
  ok = true;
76519
76531
  } else {
76520
76532
  alert(out('Please select an image or video file.'));
@@ -76526,7 +76538,7 @@ class ContentBuilder {
76526
76538
  alert(out('Please select an mp4 file.'));
76527
76539
  }
76528
76540
  } else if (targetAssetType === 'image') {
76529
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
76541
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
76530
76542
  ok = true;
76531
76543
  } else {
76532
76544
  alert(out('Please select an image file.'));
@@ -77394,7 +77406,7 @@ class ContentBuilder {
77394
77406
  url = elm.getAttribute('data-modal-url');
77395
77407
  let extension = url.split('.').pop().split('?')[0].split('#')[0]; //
77396
77408
 
77397
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
77409
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
77398
77410
  this.lightbox.openImage(url, theme, color);
77399
77411
  } else if (extension === 'mp4') {
77400
77412
  this.lightbox.openVideo(url, 'dark', color);
@@ -77518,7 +77530,7 @@ class ContentBuilder {
77518
77530
  if (!theme) theme = 'light';
77519
77531
  const color = elm.getAttribute('data-modal-color');
77520
77532
 
77521
- if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm') {
77533
+ if (extension === 'jpg' || extension === 'jpeg' || extension === 'png' || extension === 'gif' || extension === 'webm' || extension === 'webp') {
77522
77534
  this.lightbox.openImage(url, theme, color);
77523
77535
  e.preventDefault();
77524
77536
  return false;
@@ -78571,19 +78583,20 @@ class ContentBuilder {
78571
78583
  elms = itemEl.querySelectorAll('*');
78572
78584
  elms.forEach(elm => {
78573
78585
  elm.style.cursor = '';
78574
- });
78575
- itemEl.outerHTML = `
78576
- <div class="is-section is-box is-section-100 type-poppins">
78577
- <div class="is-overlay"></div>
78578
- <div class="is-boxes">
78579
- <div class="is-box-centered">
78580
- <div class="is-container is-content-900 v2 size-18 leading-14">
78581
- ${itemEl.outerHTML}
78582
- </div>
78583
- </div>
78584
- </div>
78585
- </div>
78586
- `;
78586
+ }); // itemEl.outerHTML = `
78587
+ // <div class="is-section is-box is-section-100 type-poppins">
78588
+ // <div class="is-overlay"></div>
78589
+ // <div class="is-boxes">
78590
+ // <div class="is-box-centered">
78591
+ // <div class="is-container is-content-900 v2 size-18 leading-14">
78592
+ // ${itemEl.outerHTML}
78593
+ // </div>
78594
+ // </div>
78595
+ // </div>
78596
+ // </div>
78597
+ // `;
78598
+
78599
+ itemEl.outerHTML = this.settings.sectionTemplate.replace('[%CONTENT%]', itemEl.outerHTML);
78587
78600
  if (this.opts.onSectionAdd) this.opts.onSectionAdd(); // //Trigger Change event
78588
78601
  // this.opts.onChange();
78589
78602
  // //Trigger Render event
@@ -78658,17 +78671,18 @@ class ContentBuilder {
78658
78671
 
78659
78672
  itemEl.removeAttribute('draggable');
78660
78673
  this.dom.removeClass(itemEl, 'snippet-item'); // itemEl.outerHTML = html;
78661
-
78662
- itemEl.outerHTML = `
78663
- <div class="is-section is-box is-section-100 type-poppins">
78664
- <div class="is-overlay"></div>
78665
- <div class="is-boxes">
78666
- <div class="is-box-centered">
78667
- <div class="is-container is-content-900 v2 size-18 leading-14">${html}</div>
78668
- </div>
78669
- </div>
78670
- </div>
78671
- `;
78674
+ // itemEl.outerHTML = `
78675
+ // <div class="is-section is-box is-section-100 type-poppins">
78676
+ // <div class="is-overlay"></div>
78677
+ // <div class="is-boxes">
78678
+ // <div class="is-box-centered">
78679
+ // <div class="is-container is-content-900 v2 size-18 leading-14">${html}</div>
78680
+ // </div>
78681
+ // </div>
78682
+ // </div>
78683
+ // `;
78684
+
78685
+ itemEl.outerHTML = this.settings.sectionTemplate.replace('[%CONTENT%]', html);
78672
78686
  } else {
78673
78687
  // Snippet is wrapped in row/colum (may contain custom code or has [data-html] attribute)
78674
78688
  // Can only be inserted after current row or last row (not on column or element).
@@ -78696,17 +78710,18 @@ class ContentBuilder {
78696
78710
  var range = document.createRange();
78697
78711
  range.setStart(itemEl, 0);
78698
78712
  itemEl.appendChild(range.createContextualFragment(html)); // itemEl.outerHTML = itemEl.innerHTML;
78699
-
78700
- itemEl.outerHTML = `
78701
- <div class="is-section is-box is-section-100 type-poppins">
78702
- <div class="is-overlay"></div>
78703
- <div class="is-boxes">
78704
- <div class="is-box-centered">
78705
- <div class="is-container is-content-900 v2 size-18 leading-14">${itemEl.innerHTML}</div>
78706
- </div>
78707
- </div>
78708
- </div>
78709
- `;
78713
+ // itemEl.outerHTML = `
78714
+ // <div class="is-section is-box is-section-100 type-poppins">
78715
+ // <div class="is-overlay"></div>
78716
+ // <div class="is-boxes">
78717
+ // <div class="is-box-centered">
78718
+ // <div class="is-container is-content-900 v2 size-18 leading-14">${itemEl.innerHTML}</div>
78719
+ // </div>
78720
+ // </div>
78721
+ // </div>
78722
+ // `;
78723
+
78724
+ itemEl.outerHTML = this.settings.sectionTemplate.replace('[%CONTENT%]', itemEl.innerHTML);
78710
78725
  } // // After snippet has been added, re-apply behavior on builder areas
78711
78726
  // this.applyBehaviorOn(builder);
78712
78727