@innovastudio/contentbox 1.5.50 → 1.5.52
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +2 -2
- package/public/contentbox/contentbox.esm.js +203 -112
- package/public/contentbox/contentbox.min.js +2 -2
- package/readme.txt +1 -1
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@innovastudio/contentbox",
|
3
3
|
"type": "module",
|
4
|
-
"version": "1.5.
|
4
|
+
"version": "1.5.52",
|
5
5
|
"description": "",
|
6
6
|
"main": "public/contentbox/contentbox.esm.js",
|
7
7
|
"files": [
|
@@ -46,7 +46,7 @@
|
|
46
46
|
"webpack-dev-server": "^4.0.0"
|
47
47
|
},
|
48
48
|
"dependencies": {
|
49
|
-
"@innovastudio/contentbuilder": "^1.4.
|
49
|
+
"@innovastudio/contentbuilder": "^1.4.42",
|
50
50
|
"js-beautify": "^1.14.0"
|
51
51
|
}
|
52
52
|
}
|
@@ -12440,7 +12440,7 @@ class EditBox {
|
|
12440
12440
|
chkBoxAddCode.addEventListener('click', () => {
|
12441
12441
|
const activeBox = this.builder.activeBox;
|
12442
12442
|
const overlay = activeBox.querySelector('.is-overlay');
|
12443
|
-
overlay.insertAdjacentHTML('
|
12443
|
+
overlay.insertAdjacentHTML('afterbegin', `
|
12444
12444
|
<div class="is-overlay-content" data-module="code" data-module-desc="Custom HTML or Javascript " data-html="${encodeURIComponent(`
|
12445
12445
|
<style>
|
12446
12446
|
|
@@ -14343,6 +14343,12 @@ class EditBox {
|
|
14343
14343
|
overlay = activeBox.querySelector('.is-overlay');
|
14344
14344
|
}
|
14345
14345
|
|
14346
|
+
if (activeBox.classList.contains('is-section')) {
|
14347
|
+
if (activeBox.classList.contains('min-height-20') || activeBox.classList.contains('min-height-25') || activeBox.classList.contains('min-height-30') || activeBox.classList.contains('min-height-40') || activeBox.classList.contains('min-height-50') || activeBox.classList.contains('min-height-60') || activeBox.classList.contains('min-height-70') || activeBox.classList.contains('min-height-75') || activeBox.classList.contains('min-height-80') || activeBox.classList.contains('min-height-90') || activeBox.classList.contains('min-height-100')) ; else {
|
14348
|
+
activeBox.classList.add('min-height-60');
|
14349
|
+
}
|
14350
|
+
}
|
14351
|
+
|
14346
14352
|
const preview = modalEditBox.querySelector('.box-bgimage-preview');
|
14347
14353
|
const btnImageAdjust = modalEditBox.querySelector('.input-box-bgimageadjust');
|
14348
14354
|
btnImageAdjust.style.display = 'none';
|
@@ -67749,6 +67755,78 @@ class Hyperlink {
|
|
67749
67755
|
util.hideModal(modal);
|
67750
67756
|
if (!util.appleMobile) util.restoreSelection();
|
67751
67757
|
});
|
67758
|
+
|
67759
|
+
if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
|
67760
|
+
modal.querySelector('.input-select-other').style.display = 'block';
|
67761
|
+
let inputSelectOther = modal.querySelector('.input-select-other');
|
67762
|
+
dom.addEventListener(inputSelectOther, 'click', e => {
|
67763
|
+
if (this.builder.opts.onOtherSelectClick) {
|
67764
|
+
this.builder.opts.onOtherSelectClick({
|
67765
|
+
targetInput: modal.querySelector('.input-url'),
|
67766
|
+
theTrigger: modal.querySelector('.input-select-other')
|
67767
|
+
});
|
67768
|
+
} else {
|
67769
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
|
67770
|
+
|
67771
|
+
if (this.builder.opts.assetRefresh) {
|
67772
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
67773
|
+
this.builder.opts.assetRefresh = false;
|
67774
|
+
}
|
67775
|
+
|
67776
|
+
if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
67777
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
67778
|
+
}
|
67779
|
+
|
67780
|
+
util.showModal(modalFileSelect, false, () => {
|
67781
|
+
inputSelectOther.removeAttribute('data-focus');
|
67782
|
+
inputSelectOther.focus();
|
67783
|
+
}, false);
|
67784
|
+
inputSelectOther.setAttribute('data-focus', true);
|
67785
|
+
}
|
67786
|
+
|
67787
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
67788
|
+
|
67789
|
+
this.builder.targetCallback = null;
|
67790
|
+
this.builder.targetAssetType = 'all';
|
67791
|
+
e.preventDefault();
|
67792
|
+
e.stopImmediatePropagation();
|
67793
|
+
});
|
67794
|
+
}
|
67795
|
+
|
67796
|
+
if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
|
67797
|
+
modal.querySelector('.input-select').style.display = 'block';
|
67798
|
+
modal.querySelector('.input-url').style.width = '444px';
|
67799
|
+
let inputSelect = modal.querySelector('.input-select');
|
67800
|
+
dom.addEventListener(inputSelect, 'click', () => {
|
67801
|
+
if (this.builder.opts.onFileSelectClick) {
|
67802
|
+
this.builder.opts.onFileSelectClick({
|
67803
|
+
targetInput: modal.querySelector('.input-url'),
|
67804
|
+
theTrigger: modal.querySelector('.input-select')
|
67805
|
+
});
|
67806
|
+
} else {
|
67807
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
|
67808
|
+
|
67809
|
+
if (this.builder.opts.assetRefresh) {
|
67810
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
67811
|
+
this.builder.opts.assetRefresh = false;
|
67812
|
+
}
|
67813
|
+
|
67814
|
+
if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
67815
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
67816
|
+
}
|
67817
|
+
|
67818
|
+
util.showModal(modalFileSelect, false, null, false);
|
67819
|
+
}
|
67820
|
+
|
67821
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
67822
|
+
|
67823
|
+
this.builder.targetCallback = null;
|
67824
|
+
this.builder.targetAssetType = 'all';
|
67825
|
+
});
|
67826
|
+
} else {
|
67827
|
+
modal.querySelector('.input-select').style.display = 'none';
|
67828
|
+
modal.querySelector('.input-url').style.width = '100%';
|
67829
|
+
}
|
67752
67830
|
}
|
67753
67831
|
|
67754
67832
|
this.linkTool = linkTool;
|
@@ -67948,83 +68026,70 @@ class Hyperlink {
|
|
67948
68026
|
|
67949
68027
|
var text = dom.getSelected();
|
67950
68028
|
let modal = this.builderStuff.querySelector('.is-modal.createlink');
|
67951
|
-
|
67952
|
-
if
|
67953
|
-
|
67954
|
-
|
67955
|
-
|
67956
|
-
|
67957
|
-
|
67958
|
-
|
67959
|
-
|
67960
|
-
|
67961
|
-
|
67962
|
-
|
67963
|
-
|
67964
|
-
|
67965
|
-
|
67966
|
-
|
67967
|
-
|
67968
|
-
|
67969
|
-
|
67970
|
-
|
67971
|
-
|
67972
|
-
|
67973
|
-
|
67974
|
-
|
67975
|
-
|
67976
|
-
|
67977
|
-
|
67978
|
-
|
67979
|
-
|
67980
|
-
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
67981
|
-
|
67982
|
-
this.builder.targetCallback = null;
|
67983
|
-
this.builder.targetAssetType = 'all';
|
67984
|
-
e.preventDefault();
|
67985
|
-
e.stopImmediatePropagation();
|
67986
|
-
});
|
67987
|
-
}
|
67988
|
-
|
67989
|
-
if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
|
67990
|
-
modal.querySelector('.input-select').style.display = 'block'; // modal.querySelector('.input-url').style.width = '444px';
|
67991
|
-
|
67992
|
-
let inputSelect = modal.querySelector('.input-select');
|
67993
|
-
dom.addEventListener(inputSelect, 'click', e => {
|
67994
|
-
if (this.builder.opts.onFileSelectClick) {
|
67995
|
-
this.builder.opts.onFileSelectClick({
|
67996
|
-
targetInput: modal.querySelector('.input-url'),
|
67997
|
-
theTrigger: modal.querySelector('.input-select')
|
67998
|
-
});
|
67999
|
-
} else {
|
68000
|
-
let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
|
68001
|
-
|
68002
|
-
if (this.builder.opts.assetRefresh) {
|
68003
|
-
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
68004
|
-
this.builder.opts.assetRefresh = false;
|
68005
|
-
}
|
68006
|
-
|
68007
|
-
if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
68008
|
-
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
68009
|
-
}
|
68010
|
-
|
68011
|
-
util.showModal(modalFileSelect, false, () => {
|
68012
|
-
inputSelect.removeAttribute('data-focus');
|
68013
|
-
inputSelect.focus();
|
68014
|
-
}, false);
|
68015
|
-
inputSelect.setAttribute('data-focus', true);
|
68016
|
-
}
|
68017
|
-
|
68018
|
-
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
68019
|
-
|
68020
|
-
this.builder.targetCallback = null;
|
68021
|
-
this.builder.targetAssetType = 'all';
|
68022
|
-
e.preventDefault();
|
68023
|
-
e.stopImmediatePropagation();
|
68024
|
-
});
|
68025
|
-
} else {
|
68026
|
-
modal.querySelector('.input-select').style.display = 'none'; // modal.querySelector('.input-url').style.width = '100%';
|
68029
|
+
/*
|
68030
|
+
if(this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== ''){
|
68031
|
+
modal.querySelector('.input-select-other').style.display = 'block';
|
68032
|
+
let inputSelectOther = modal.querySelector('.input-select-other');
|
68033
|
+
dom.addEventListener(inputSelectOther, 'click', (e) => {
|
68034
|
+
if(this.builder.opts.onOtherSelectClick){
|
68035
|
+
this.builder.opts.onOtherSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select-other')});
|
68036
|
+
} else {
|
68037
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
|
68038
|
+
if(this.builder.opts.assetRefresh) {
|
68039
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
68040
|
+
this.builder.opts.assetRefresh = false;
|
68041
|
+
}
|
68042
|
+
if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
68043
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
68044
|
+
}
|
68045
|
+
util.showModal(modalFileSelect, false, ()=>{
|
68046
|
+
inputSelectOther.removeAttribute('data-focus');
|
68047
|
+
inputSelectOther.focus();
|
68048
|
+
|
68049
|
+
}, false);
|
68050
|
+
inputSelectOther.setAttribute('data-focus',true);
|
68051
|
+
}
|
68052
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
68053
|
+
this.builder.targetCallback = null;
|
68054
|
+
this.builder.targetAssetType = 'all';
|
68055
|
+
e.preventDefault();
|
68056
|
+
e.stopImmediatePropagation();
|
68057
|
+
});
|
68027
68058
|
}
|
68059
|
+
if(this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== ''){
|
68060
|
+
modal.querySelector('.input-select').style.display = 'block';
|
68061
|
+
// modal.querySelector('.input-url').style.width = '444px';
|
68062
|
+
let inputSelect = modal.querySelector('.input-select');
|
68063
|
+
dom.addEventListener(inputSelect, 'click', (e) => {
|
68064
|
+
if(this.builder.opts.onFileSelectClick){
|
68065
|
+
this.builder.opts.onFileSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select')});
|
68066
|
+
} else {
|
68067
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
|
68068
|
+
if(this.builder.opts.assetRefresh) {
|
68069
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
68070
|
+
this.builder.opts.assetRefresh = false;
|
68071
|
+
}
|
68072
|
+
if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
68073
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
68074
|
+
}
|
68075
|
+
util.showModal(modalFileSelect, false, ()=>{
|
68076
|
+
inputSelect.removeAttribute('data-focus');
|
68077
|
+
inputSelect.focus();
|
68078
|
+
|
68079
|
+
}, false);
|
68080
|
+
inputSelect.setAttribute('data-focus',true);
|
68081
|
+
}
|
68082
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
68083
|
+
this.builder.targetCallback = null;
|
68084
|
+
this.builder.targetAssetType = 'all';
|
68085
|
+
e.preventDefault();
|
68086
|
+
e.stopImmediatePropagation();
|
68087
|
+
});
|
68088
|
+
} else {
|
68089
|
+
modal.querySelector('.input-select').style.display = 'none';
|
68090
|
+
// modal.querySelector('.input-url').style.width = '100%';
|
68091
|
+
}
|
68092
|
+
*/
|
68028
68093
|
|
68029
68094
|
modal.querySelector('.input-url').value = '';
|
68030
68095
|
modal.querySelector('.input-newwindow').checked = false;
|
@@ -68088,41 +68153,67 @@ class Hyperlink {
|
|
68088
68153
|
modal.querySelector('#inpCreateLinkText').style.display = 'none';
|
68089
68154
|
}
|
68090
68155
|
}
|
68091
|
-
|
68092
|
-
if
|
68093
|
-
|
68094
|
-
|
68095
|
-
|
68096
|
-
|
68097
|
-
|
68098
|
-
|
68099
|
-
|
68100
|
-
|
68101
|
-
|
68102
|
-
|
68103
|
-
|
68104
|
-
|
68105
|
-
|
68106
|
-
|
68107
|
-
|
68108
|
-
|
68109
|
-
|
68110
|
-
|
68111
|
-
|
68112
|
-
|
68113
|
-
|
68114
|
-
|
68115
|
-
|
68116
|
-
|
68117
|
-
|
68118
|
-
|
68119
|
-
|
68120
|
-
|
68121
|
-
|
68122
|
-
|
68123
|
-
|
68124
|
-
|
68125
|
-
|
68156
|
+
/*
|
68157
|
+
if(this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== ''){
|
68158
|
+
modal.querySelector('.input-select-other').style.display = 'block';
|
68159
|
+
let inputSelectOther = modal.querySelector('.input-select-other');
|
68160
|
+
dom.addEventListener(inputSelectOther, 'click', (e) => {
|
68161
|
+
if(this.builder.opts.onOtherSelectClick){
|
68162
|
+
this.builder.opts.onOtherSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select-other')});
|
68163
|
+
} else {
|
68164
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
|
68165
|
+
if(this.builder.opts.assetRefresh) {
|
68166
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
68167
|
+
this.builder.opts.assetRefresh = false;
|
68168
|
+
}
|
68169
|
+
if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
68170
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
|
68171
|
+
}
|
68172
|
+
util.showModal(modalFileSelect, false, ()=>{
|
68173
|
+
inputSelectOther.removeAttribute('data-focus');
|
68174
|
+
inputSelectOther.focus();
|
68175
|
+
|
68176
|
+
}, false);
|
68177
|
+
inputSelectOther.setAttribute('data-focus',true);
|
68178
|
+
}
|
68179
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
68180
|
+
this.builder.targetCallback = null;
|
68181
|
+
this.builder.targetAssetType = 'all';
|
68182
|
+
e.preventDefault();
|
68183
|
+
e.stopImmediatePropagation();
|
68184
|
+
});
|
68185
|
+
}
|
68186
|
+
|
68187
|
+
if(this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== ''){
|
68188
|
+
modal.querySelector('.input-select').style.display = 'block';
|
68189
|
+
modal.querySelector('.input-url').style.width = '444px';
|
68190
|
+
let inputSelect = modal.querySelector('.input-select');
|
68191
|
+
dom.addEventListener(inputSelect, 'click', () => {
|
68192
|
+
if(this.builder.opts.onFileSelectClick) {
|
68193
|
+
this.builder.opts.onFileSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select')});
|
68194
|
+
|
68195
|
+
} else {
|
68196
|
+
let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
|
68197
|
+
|
68198
|
+
if(this.builder.opts.assetRefresh) {
|
68199
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
68200
|
+
this.builder.opts.assetRefresh = false;
|
68201
|
+
}
|
68202
|
+
if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
|
68203
|
+
modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
|
68204
|
+
}
|
68205
|
+
util.showModal(modalFileSelect, false, null, false);
|
68206
|
+
}
|
68207
|
+
this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
|
68208
|
+
this.builder.targetCallback = null;
|
68209
|
+
this.builder.targetAssetType = 'all';
|
68210
|
+
});
|
68211
|
+
} else {
|
68212
|
+
modal.querySelector('.input-select').style.display = 'none';
|
68213
|
+
modal.querySelector('.input-url').style.width = '100%';
|
68214
|
+
}
|
68215
|
+
*/
|
68216
|
+
// Get values
|
68126
68217
|
|
68127
68218
|
|
68128
68219
|
let url = link.getAttribute('href');
|