@innovastudio/contentbuilder 1.5.103 → 1.5.105
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 +1 -1
- package/public/contentbuilder/contentbuilder.css +5 -2
- package/public/contentbuilder/contentbuilder.esm.js +43 -35
- package/public/contentbuilder/contentbuilder.min.js +3 -3
- package/public/contentbuilder/lang/en.js +2 -0
- package/public/contentbuilder/lang/fr.js +2 -0
- package/readme.txt +1 -1
package/package.json
CHANGED
|
@@ -6515,6 +6515,9 @@ div[data-html] {
|
|
|
6515
6515
|
font-size: 15px;
|
|
6516
6516
|
height: var(--cs-height);
|
|
6517
6517
|
width: 100%;
|
|
6518
|
+
background: none;
|
|
6519
|
+
padding: 0;
|
|
6520
|
+
border: none;
|
|
6518
6521
|
}
|
|
6519
6522
|
.custom-select .select-styled {
|
|
6520
6523
|
display: flex;
|
|
@@ -6555,8 +6558,8 @@ div[data-html] {
|
|
|
6555
6558
|
display: flex;
|
|
6556
6559
|
}
|
|
6557
6560
|
.custom-select .select-styled svg {
|
|
6558
|
-
width:
|
|
6559
|
-
height:
|
|
6561
|
+
width: 18px;
|
|
6562
|
+
height: 18px;
|
|
6560
6563
|
}
|
|
6561
6564
|
.custom-select .select-styled[aria-expanded=true] > span:nth-child(2) {
|
|
6562
6565
|
-webkit-transform: rotate(-180deg);
|
|
@@ -5022,36 +5022,36 @@ class Util {
|
|
|
5022
5022
|
}
|
|
5023
5023
|
|
|
5024
5024
|
/* Disable Modal Animation */
|
|
5025
|
+
/*
|
|
5025
5026
|
let animate = false;
|
|
5026
|
-
if
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
|
|
5031
|
-
|
|
5027
|
+
if(this.builder) {
|
|
5028
|
+
if(this.builder.opts.animateModal) {
|
|
5029
|
+
animate = true;
|
|
5030
|
+
if(!animated){ // if not set or false
|
|
5031
|
+
animate=false; // overide
|
|
5032
|
+
}
|
|
5032
5033
|
}
|
|
5033
|
-
}
|
|
5034
5034
|
} else {
|
|
5035
|
-
|
|
5036
|
-
|
|
5037
|
-
|
|
5038
|
-
|
|
5039
|
-
|
|
5040
|
-
|
|
5041
|
-
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
|
|
5045
|
-
|
|
5046
|
-
|
|
5047
|
-
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
});
|
|
5053
|
-
}
|
|
5035
|
+
if(animated){ // if set true
|
|
5036
|
+
animate=true; // overide
|
|
5037
|
+
}
|
|
5038
|
+
}
|
|
5039
|
+
if(animate) {
|
|
5040
|
+
if(this.builder){
|
|
5041
|
+
const buildercontainers = this.builder.doc.querySelectorAll(this.builder.opts.container);
|
|
5042
|
+
Array.prototype.forEach.call(buildercontainers, (buildercontainer) => {
|
|
5043
|
+
// buildercontainer.style.transform = 'scale(0.98)';
|
|
5044
|
+
// buildercontainer.style.WebkitTransform= 'scale(0.98)';
|
|
5045
|
+
// buildercontainer.style.MozTransform= 'scale(0.98)';
|
|
5046
|
+
buildercontainer.style.transform = `scale(${this.builder.opts.zoom-0.02})`;
|
|
5047
|
+
buildercontainer.style.WebkitTransform= `scale(${this.builder.opts.zoom-0.02})`;
|
|
5048
|
+
buildercontainer.style.MozTransform= `scale(${this.builder.opts.zoom-0.02})`;
|
|
5049
|
+
buildercontainer.setAttribute('scaled-down','1');
|
|
5050
|
+
});
|
|
5051
|
+
}
|
|
5054
5052
|
}
|
|
5053
|
+
*/
|
|
5054
|
+
|
|
5055
5055
|
const ovl = modal.querySelector('.is-modal-overlay');
|
|
5056
5056
|
if (ovl) ovl.parentNode.removeChild(ovl); // new
|
|
5057
5057
|
|
|
@@ -16078,6 +16078,12 @@ const prepareSvgIcons = builder => {
|
|
|
16078
16078
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
16079
16079
|
<path d="M5 12l14 0"></path>
|
|
16080
16080
|
</symbol>
|
|
16081
|
+
<symbol id="icon-upload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
16082
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
16083
|
+
<path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
|
|
16084
|
+
<path d="M7 9l5 -5l5 5"></path>
|
|
16085
|
+
<path d="M12 4l0 12"></path>
|
|
16086
|
+
</symbol>
|
|
16081
16087
|
</svg>`;
|
|
16082
16088
|
builder.dom.appendHtml(builder.builderStuff, html);
|
|
16083
16089
|
};
|
|
@@ -45881,7 +45887,7 @@ class Image$1 {
|
|
|
45881
45887
|
<div class="image-larger1 is-btn classic" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
|
45882
45888
|
<form class="form-upload-larger" target="frameTargetImageUpload" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="border-radius:1px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;">
|
|
45883
45889
|
<input id="hidRefId1" name="hidRefId" type="hidden" value="" />
|
|
45884
|
-
<svg
|
|
45890
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
45885
45891
|
<input onclick="blur()" title="${util.out('Select')}" id="fileImage1" name="fileImage" type="file" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
|
|
45886
45892
|
</form>
|
|
45887
45893
|
|
|
@@ -45904,7 +45910,7 @@ class Image$1 {
|
|
|
45904
45910
|
<div class="image-larger2 is-btn classic" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
|
45905
45911
|
<form class="form-upload-larger" target="frameTargetImageUpload" method="post" action="${this.builder.opts.fileHandler ? this.builder.opts.fileHandler : this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="border-radius:1px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;">
|
|
45906
45912
|
<input id="hidRefId2" name="hidRefId" type="hidden" value="" />
|
|
45907
|
-
<svg
|
|
45913
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
45908
45914
|
<input onclick="blur()" title="${util.out('Select')}" id="fileImage2" name="fileImage" type="file" accept="*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
|
|
45909
45915
|
</form>
|
|
45910
45916
|
</div>
|
|
@@ -48939,7 +48945,7 @@ class Hyperlink {
|
|
|
48939
48945
|
<div class="div-anyfile-upload is-btn classic" style="position: relative; flex: 0 0 auto; width: 50px; height: 43px; box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
|
48940
48946
|
<form class="form-upload-larger" target="frameTargetAnyfileUpload" method="post" action="${this.builder.opts.fileHandler}" enctype="multipart/form-data" style="overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1px;display:flex;align-items: center;justify-content: center;">
|
|
48941
48947
|
<input class="input-anyfile-customval" name="hidRefId" type="hidden" value="${this.builder.customval}" />
|
|
48942
|
-
<svg
|
|
48948
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
48943
48949
|
<input type="file" onclick="blur()" tabindex="0" class="input-anyfile-upload" name="fileImage" accept="*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/>
|
|
48944
48950
|
</form>
|
|
48945
48951
|
<iframe tabindex="-1" id="frameTargetAnyfileUpload" name="frameTargetAnyfileUpload" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>
|
|
@@ -50925,7 +50931,7 @@ class Video {
|
|
|
50925
50931
|
<div class="video-larger1 input-upload is-btn classic" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
|
50926
50932
|
<form class="form-upload-larger" target="frameTargetVideoUpload" method="post" action="${this.builder.opts.videoHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;">
|
|
50927
50933
|
<input id="hidRefId5" name="hidRefId" type="hidden" value="" />
|
|
50928
|
-
<svg
|
|
50934
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
50929
50935
|
<input title="${util.out('Select')}" id="fileVideo1" name="fileImage" type="file" accept="video/mp4" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
|
|
50930
50936
|
</form>
|
|
50931
50937
|
|
|
@@ -51158,7 +51164,7 @@ class Audio {
|
|
|
51158
51164
|
<div class="audio-file-upload input-upload is-btn classic" style="position:relative;flex:none;box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);">
|
|
51159
51165
|
<form class="form-upload-larger" target="frameTargetAudioUpload" method="post" action="${this.builder.opts.audioHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;">
|
|
51160
51166
|
<input id="hidRefAudio" name="hidRefId" type="hidden" value="" />
|
|
51161
|
-
<svg
|
|
51167
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
51162
51168
|
<input title="${util.out('Select')}" id="fileAudio1" name="fileImage" type="file" accept="audio/mp3" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
|
|
51163
51169
|
</form>
|
|
51164
51170
|
|
|
@@ -53178,7 +53184,7 @@ class ColumnTool {
|
|
|
53178
53184
|
<div class="image-larger3 input-upload" style="position: relative; flex: 0 0 auto;box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
|
53179
53185
|
<form class="form-upload-larger" target="frameTargetCellImageUpload" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="position:absolute;display:flex;justify-content: center;align-items: center;top:0;left:0;width:100%;height:100%;">
|
|
53180
53186
|
<input id="hidRefId3" name="hidRefId" type="hidden" value="">
|
|
53181
|
-
<svg
|
|
53187
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
53182
53188
|
<input onclick="blur()" title="${util.out('Select')}" id="fileImage3" name="fileImage" type="file" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
|
|
53183
53189
|
</form>
|
|
53184
53190
|
|
|
@@ -54034,7 +54040,9 @@ class ColumnTool {
|
|
|
54034
54040
|
<div class="image-larger4 is-btn classic" style="position: relative; flex: 0 0 auto; width: 40px; height: 38px; box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
|
54035
54041
|
<form class="form-upload-larger" target="frameTargetLinkUpload" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1px;display:flex;align-items: center;justify-content: center;">
|
|
54036
54042
|
<input id="hidRefId4" name="hidRefId" type="hidden" value="">
|
|
54037
|
-
|
|
54043
|
+
|
|
54044
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
54045
|
+
|
|
54038
54046
|
<input onclick="blur()" title="${util.out('Select')}" id="fileImage4" name="fileImage" type="file" accept="image/*,video/mp4" style="position:absolute;top:-30px;left:0;width:100%;height:68px;opacity: 0;cursor: pointer;">
|
|
54039
54047
|
</form>
|
|
54040
54048
|
|
|
@@ -74372,7 +74380,7 @@ class SaveImages {
|
|
|
74372
74380
|
const images = area.querySelectorAll('img');
|
|
74373
74381
|
Array.prototype.forEach.call(images, img => {
|
|
74374
74382
|
let src = img.getAttribute('src');
|
|
74375
|
-
if (typeof src !== typeof undefined && src !== false) {
|
|
74383
|
+
if (typeof src !== typeof undefined && src !== false && img.getAttribute('data-filename')) {
|
|
74376
74384
|
if (src.indexOf('base64') !== -1) {
|
|
74377
74385
|
// let customcode = false;
|
|
74378
74386
|
// if(dom.parentsHasAttribute(img, 'data-html')){
|
|
@@ -80085,7 +80093,7 @@ class MediaPicker {
|
|
|
80085
80093
|
<div class="input-upload" style="position: relative; flex: 0 0 auto;box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
|
|
80086
80094
|
<form class="form-upload-larger" target="frameTarget${this.id}" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="position:absolute;display:flex;justify-content: center;align-items: center;top:0;left:0;width:100%;height:100%;">
|
|
80087
80095
|
<input name="hidRefId" class="input-ref-id" type="hidden" value="">
|
|
80088
|
-
<svg
|
|
80096
|
+
<svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
|
|
80089
80097
|
<input title="${util.out('Select')}" name="fileImage" class="input-file-select" type="file" accept="image/*,video/mp4" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
|
|
80090
80098
|
</form>
|
|
80091
80099
|
<iframe tabIndex="0" id="frameTarget${this.id}" name="frameTarget${this.id}" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>
|