@innovastudio/contentbuilder 1.3.71 → 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.
package/package.json
CHANGED
|
@@ -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: () => {
|
|
@@ -78571,19 +78583,20 @@ class ContentBuilder {
|
|
|
78571
78583
|
elms = itemEl.querySelectorAll('*');
|
|
78572
78584
|
elms.forEach(elm => {
|
|
78573
78585
|
elm.style.cursor = '';
|
|
78574
|
-
});
|
|
78575
|
-
|
|
78576
|
-
|
|
78577
|
-
|
|
78578
|
-
|
|
78579
|
-
|
|
78580
|
-
|
|
78581
|
-
|
|
78582
|
-
|
|
78583
|
-
|
|
78584
|
-
|
|
78585
|
-
|
|
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
|
-
|
|
78663
|
-
|
|
78664
|
-
|
|
78665
|
-
|
|
78666
|
-
|
|
78667
|
-
|
|
78668
|
-
|
|
78669
|
-
|
|
78670
|
-
|
|
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
|
-
|
|
78701
|
-
|
|
78702
|
-
|
|
78703
|
-
|
|
78704
|
-
|
|
78705
|
-
|
|
78706
|
-
|
|
78707
|
-
|
|
78708
|
-
|
|
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
|
|