@innovastudio/contentbox 1.6.93 → 1.6.94
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.
|
@@ -666,14 +666,15 @@ function out(s, alt) {
|
|
|
666
666
|
|
|
667
667
|
class CustomSelect$1 {
|
|
668
668
|
constructor(selector, config = {}) {
|
|
669
|
-
this.select = document.querySelector(selector);
|
|
669
|
+
this.select = document.querySelector(selector);
|
|
670
|
+
this.uniqueId = `custom_select_${Date.now()}_${Math.floor(Math.random() * 1000)}`; // Construct
|
|
670
671
|
|
|
671
672
|
const template = `
|
|
672
673
|
<div class="select-styled" tabindex="0">
|
|
673
674
|
<span></span>
|
|
674
675
|
<span><svg><use xlink:href="#icon-chevron-down"></use></svg></span>
|
|
675
676
|
</div>
|
|
676
|
-
<input type="text">
|
|
677
|
+
<input type="text" id="_${this.uniqueId}">
|
|
677
678
|
<ul class="select-options" aria-haspopup="listbox">
|
|
678
679
|
</ul>
|
|
679
680
|
`;
|
|
@@ -7155,26 +7156,6 @@ class EditBox {
|
|
|
7155
7156
|
modalEditBox.style.display = 'flex';
|
|
7156
7157
|
document.body.classList.add('box-modal-open'); // see .box-modal-open (gives outline to div.is-container when Box Settings is opened)
|
|
7157
7158
|
|
|
7158
|
-
/*
|
|
7159
|
-
// Experimental
|
|
7160
|
-
modalEditBox.style.display = 'flex';
|
|
7161
|
-
document.body.classList.add('side-open');
|
|
7162
|
-
let panel = modalEditBox.querySelector('.is-modal-content');
|
|
7163
|
-
setTimeout(()=>{
|
|
7164
|
-
this.builder.showModal(modalEditBox, false, ()=>{
|
|
7165
|
-
dom.removeClass(activeBox, 'box-active');
|
|
7166
|
-
|
|
7167
|
-
this.builder.showTools();
|
|
7168
|
-
document.body.classList.remove('side-open');
|
|
7169
|
-
this.builder.wrapperEl.style.transition = 'none';
|
|
7170
|
-
setTimeout(()=>{
|
|
7171
|
-
modalEditBox.style.display = '';
|
|
7172
|
-
this.builder.wrapperEl.style.transition = '';
|
|
7173
|
-
}, 200);
|
|
7174
|
-
});
|
|
7175
|
-
}, 10);
|
|
7176
|
-
*/
|
|
7177
|
-
|
|
7178
7159
|
modalEditBox.focus();
|
|
7179
7160
|
} //edit
|
|
7180
7161
|
|
|
@@ -10720,7 +10701,7 @@ class PanelText {
|
|
|
10720
10701
|
</div>
|
|
10721
10702
|
|
|
10722
10703
|
<label class="label checkbox flexgrow mt-2">
|
|
10723
|
-
<input type="checkbox" class="chk-flexgrow" />
|
|
10704
|
+
<input type="checkbox" class="chk-flexgrow" id="_chk_flexgrow" />
|
|
10724
10705
|
<span>${out('Grow')}</span>
|
|
10725
10706
|
</label>
|
|
10726
10707
|
</div>
|
|
@@ -11543,13 +11524,18 @@ class PanelText {
|
|
|
11543
11524
|
class PanelImage {
|
|
11544
11525
|
constructor(panel, builder) {
|
|
11545
11526
|
this.builder = builder;
|
|
11527
|
+
|
|
11528
|
+
this.random = () => {
|
|
11529
|
+
return `${Math.floor(Math.random() * 1000)}`;
|
|
11530
|
+
};
|
|
11531
|
+
|
|
11546
11532
|
let html = `
|
|
11547
11533
|
<div class="submain">
|
|
11548
11534
|
<div class="asset-preview"></div>
|
|
11549
11535
|
|
|
11550
11536
|
<label class="label mt-3">
|
|
11551
11537
|
<div>${out('Source')}:</div>
|
|
11552
|
-
<input type="text" class="inp-src">
|
|
11538
|
+
<input type="text" class="inp-src" id="_inp_src_${this.random()}">
|
|
11553
11539
|
</label>
|
|
11554
11540
|
|
|
11555
11541
|
<div class="group mt-4">
|
|
@@ -11571,7 +11557,7 @@ class PanelImage {
|
|
|
11571
11557
|
|
|
11572
11558
|
<label class="label mt-2">
|
|
11573
11559
|
<div>${out('Title')}:</div>
|
|
11574
|
-
<input type="text" class="inp-title">
|
|
11560
|
+
<input type="text" class="inp-title" id="_inp_title_${this.random()}">
|
|
11575
11561
|
</label>
|
|
11576
11562
|
</div>
|
|
11577
11563
|
`;
|
|
@@ -13174,7 +13160,10 @@ class PanelBox {
|
|
|
13174
13160
|
<button title="${out('Change Device')}" class="btn-device"><svg style="width:13px;height:13px;"><use xlink:href="#icon-devices"></use></svg></button>
|
|
13175
13161
|
</div>
|
|
13176
13162
|
|
|
13177
|
-
<div
|
|
13163
|
+
<div>
|
|
13164
|
+
<input type="range" min="300" max="2700" value="300" step="20" class="inp-content-width is-rangeslider" style="max-width:220px">
|
|
13165
|
+
</div>
|
|
13166
|
+
<div class="group contentsize" style="flex-flow: wrap; display: none">
|
|
13178
13167
|
<button data-content-size="500">500</button>
|
|
13179
13168
|
<button data-content-size="600">600</button>
|
|
13180
13169
|
<button data-content-size="700">700</button>
|
|
@@ -13654,7 +13643,8 @@ class PanelBox {
|
|
|
13654
13643
|
this.btnAccordionText.style.display = 'none';
|
|
13655
13644
|
this.btnAccordionText.nextElementSibling.style.display = 'none';
|
|
13656
13645
|
this.divDefaultTextColor.style.display = 'none';
|
|
13657
|
-
});
|
|
13646
|
+
}); // Content Size (old buttons)
|
|
13647
|
+
|
|
13658
13648
|
const btnContentSize = panel.querySelectorAll('[data-content-size]');
|
|
13659
13649
|
btnContentSize.forEach(btn => {
|
|
13660
13650
|
btn.addEventListener('click', () => {
|
|
@@ -13671,7 +13661,26 @@ class PanelBox {
|
|
|
13671
13661
|
}
|
|
13672
13662
|
});
|
|
13673
13663
|
});
|
|
13674
|
-
});
|
|
13664
|
+
}); // Content Size (new slider)
|
|
13665
|
+
|
|
13666
|
+
const inpContentSize = panel.querySelector('.inp-content-width');
|
|
13667
|
+
|
|
13668
|
+
inpContentSize.onfocus = () => {
|
|
13669
|
+
this.builder.editor.saveForUndo();
|
|
13670
|
+
};
|
|
13671
|
+
|
|
13672
|
+
inpContentSize.oninput = () => {
|
|
13673
|
+
//val: 300 - 2700
|
|
13674
|
+
let s = inpContentSize.value;
|
|
13675
|
+
this.box.setContentWidth(s, width => {
|
|
13676
|
+
panel.querySelector('.val-box-size').innerHTML = width;
|
|
13677
|
+
});
|
|
13678
|
+
};
|
|
13679
|
+
|
|
13680
|
+
inpContentSize.onchange = () => {
|
|
13681
|
+
this.builder.onChange();
|
|
13682
|
+
};
|
|
13683
|
+
|
|
13675
13684
|
const btnContentPos = panel.querySelectorAll('[data-content-pos]');
|
|
13676
13685
|
btnContentPos.forEach(btn => {
|
|
13677
13686
|
btn.addEventListener('click', () => {
|
|
@@ -14546,6 +14555,9 @@ class PanelBox {
|
|
|
14546
14555
|
|
|
14547
14556
|
if (val) {
|
|
14548
14557
|
panel.querySelector('.val-box-size').innerHTML = val === 'none' ? '' : val;
|
|
14558
|
+
const inpContentSize = panel.querySelector('.inp-content-width');
|
|
14559
|
+
inpContentSize.value = val; // old buttons
|
|
14560
|
+
|
|
14549
14561
|
const btn = panel.querySelector(`[data-content-size="${val}"]`);
|
|
14550
14562
|
if (btn) btn.classList.add('on');
|
|
14551
14563
|
}
|
|
@@ -16190,7 +16202,7 @@ class PanelSection {
|
|
|
16190
16202
|
|
|
16191
16203
|
<div class="subpanel">
|
|
16192
16204
|
<label class="label mt-2">
|
|
16193
|
-
<div>${out('Add
|
|
16205
|
+
<div>${out('Add ID')}:</div>
|
|
16194
16206
|
<input type="text" class="inp-section-id" onkeypress="return /[0-9a-zA-Z_]/i.test(event.key)">
|
|
16195
16207
|
</label>
|
|
16196
16208
|
|
|
@@ -16869,7 +16881,7 @@ class PanelColumn {
|
|
|
16869
16881
|
|
|
16870
16882
|
<div class="subpanel">
|
|
16871
16883
|
<label class="label mt-2">
|
|
16872
|
-
<div>${out('Add
|
|
16884
|
+
<div>${out('Add ID')}:</div>
|
|
16873
16885
|
<input type="text" class="inp-column-id" onkeypress="return /[0-9a-zA-Z_]/i.test(event.key)">
|
|
16874
16886
|
</label>
|
|
16875
16887
|
|
|
@@ -17870,7 +17882,7 @@ class PanelRow {
|
|
|
17870
17882
|
|
|
17871
17883
|
<div class="subpanel">
|
|
17872
17884
|
<label class="label mt-2">
|
|
17873
|
-
<div>${out('Add
|
|
17885
|
+
<div>${out('Add ID')}:</div>
|
|
17874
17886
|
<input type="text" class="inp-row-id" onkeypress="return /[0-9a-zA-Z_]/i.test(event.key)">
|
|
17875
17887
|
</label>
|
|
17876
17888
|
|
|
@@ -32708,8 +32720,8 @@ class Util$1 {
|
|
|
32708
32720
|
const newPos = this.getElementPosition(btnCellMore);
|
|
32709
32721
|
let top = newPos.top;
|
|
32710
32722
|
let left = newPos.left;
|
|
32711
|
-
columnMore.style.top = top + 35 + 'px';
|
|
32712
|
-
columnMore.style.left = left - 7 + 'px';
|
|
32723
|
+
columnMore.style.top = top + 35 + window.pageYOffset + 'px';
|
|
32724
|
+
columnMore.style.left = left - 7 + window.pageXOffset + 'px';
|
|
32713
32725
|
setTimeout(() => {
|
|
32714
32726
|
columnMore.classList.remove('transition1');
|
|
32715
32727
|
}, 300);
|
|
@@ -41970,7 +41982,7 @@ const prepareSvgIcons = builder => {
|
|
|
41970
41982
|
<path d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"></path>
|
|
41971
41983
|
</symbol>
|
|
41972
41984
|
|
|
41973
|
-
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
41985
|
+
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
41974
41986
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
41975
41987
|
<path d="M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1.002 7.935 1.007 9.425 4.747"></path>
|
|
41976
41988
|
<path d="M20 4v5h-5"></path>
|
|
@@ -42048,7 +42060,7 @@ const prepareSvgIcons = builder => {
|
|
|
42048
42060
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
42049
42061
|
<path d="M20.2 20.2l1.8 1.8"></path>
|
|
42050
42062
|
</symbol>
|
|
42051
|
-
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="
|
|
42063
|
+
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42052
42064
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42053
42065
|
<path d="M11 19h-6a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2.5"></path>
|
|
42054
42066
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
@@ -42227,7 +42239,7 @@ const prepareSvgIcons = builder => {
|
|
|
42227
42239
|
<path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><path d="M7 13m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z" />
|
|
42228
42240
|
</symbol>
|
|
42229
42241
|
|
|
42230
|
-
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="
|
|
42242
|
+
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42231
42243
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42232
42244
|
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
42233
42245
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
@@ -42242,6 +42254,47 @@ const prepareSvgIcons = builder => {
|
|
|
42242
42254
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42243
42255
|
<path d="M5 12l14 0"></path>
|
|
42244
42256
|
</symbol>
|
|
42257
|
+
|
|
42258
|
+
<symbol id="icon-dots2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42259
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
|
|
42260
|
+
</symbol>
|
|
42261
|
+
<symbol id="icon-close" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42262
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42263
|
+
<path d="M18 6l-12 12"></path>
|
|
42264
|
+
<path d="M6 6l12 12"></path>
|
|
42265
|
+
</symbol>
|
|
42266
|
+
<symbol id="icon-trash2" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42267
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42268
|
+
<path d="M4 7l16 0"></path>
|
|
42269
|
+
<path d="M10 11l0 6"></path>
|
|
42270
|
+
<path d="M14 11l0 6"></path>
|
|
42271
|
+
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
|
|
42272
|
+
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
|
|
42273
|
+
</symbol>
|
|
42274
|
+
<symbol id="icon-duplicate3" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42275
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" />
|
|
42276
|
+
</symbol>
|
|
42277
|
+
<symbol id="icon-pencil2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42278
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42279
|
+
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
|
|
42280
|
+
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
|
|
42281
|
+
</symbol>
|
|
42282
|
+
<symbol id="icon-link2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42283
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42284
|
+
<path d="M9 15l6 -6"></path>
|
|
42285
|
+
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
|
|
42286
|
+
<path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"></path>
|
|
42287
|
+
</symbol>
|
|
42288
|
+
<symbol id="icon-cog" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42289
|
+
<path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
|
|
42290
|
+
</symbol>
|
|
42291
|
+
<symbol id="icon-photo" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42292
|
+
<path d="M15 8h.01" /><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" /><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />
|
|
42293
|
+
</symbol>
|
|
42294
|
+
<symbol id="icon-minus2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42295
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
42296
|
+
<path d="M5 12l14 0"></path>
|
|
42297
|
+
</symbol>
|
|
42245
42298
|
</svg>`;
|
|
42246
42299
|
builder.dom.appendHtml(builder.builderStuff, html);
|
|
42247
42300
|
};
|
|
@@ -43280,8 +43333,8 @@ class RowTool$1 {
|
|
|
43280
43333
|
}
|
|
43281
43334
|
*/
|
|
43282
43335
|
const newPos = this.builder.util.getElementPosition(elm);
|
|
43283
|
-
let top = newPos.top;
|
|
43284
|
-
let left = newPos.left;
|
|
43336
|
+
let top = newPos.top + window.pageYOffset;
|
|
43337
|
+
let left = newPos.left + window.pageXOffset;
|
|
43285
43338
|
|
|
43286
43339
|
// const w = rowMore.offsetWidth;
|
|
43287
43340
|
rowMore.style.top = top - 8 + 'px';
|
|
@@ -71644,12 +71697,14 @@ class Image$1 {
|
|
|
71644
71697
|
let html = `
|
|
71645
71698
|
<div id="divImageTool" class="is-tool">
|
|
71646
71699
|
<div role="button" tabindex="0" class="image-embed" style="${this.builder.opts.imageEmbed ? '' : 'display:none;'}width:40px;height:40px;overflow:hidden;">
|
|
71647
|
-
<div style="position:absolute;width:100%;height:100%;"
|
|
71700
|
+
<div style="position:absolute;width:100%;height:100%;">
|
|
71701
|
+
<svg class="is-icon-flex" style="position: absolute;top: 13px;left: 15px;width: 16px;height: 16px;"><use xlink:href="#ion-image"></use></svg>
|
|
71702
|
+
</div>
|
|
71648
71703
|
<input title="${util.out('Change Image')}" data-title="${util.out('Change Image')}" id="fileEmbedImage" type="file" accept="image/*" style="position:absolute;top:-20px;left:0;width:40px;height:60px;opacity: 0;cursor: pointer;"/>
|
|
71649
71704
|
</div>
|
|
71650
|
-
<button tabindex="0" title="${util.out('Link')}" data-title="${util.out('Link')}" class="image-link" style="width:40px;height:40px;"><svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#
|
|
71651
|
-
<button tabindex="0" title="${util.out('Select')}" data-title="${util.out('Select')}" class="open-asset" style="display:none;width:40px;height:40px;"><svg class="is-icon-flex" style="width:17px;height:17px;
|
|
71652
|
-
<button tabindex="0" title="${util.out('Edit')}" data-title="${util.out('Edit')}" class="image-edit" style="width:40px;height:40px;"><svg class="is-icon-flex" style="width:
|
|
71705
|
+
<button tabindex="0" title="${util.out('Link')}" data-title="${util.out('Link')}" class="image-link" style="width:40px;height:40px;"><svg class="is-icon-flex" style="width:17px;height:17px;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg></button>
|
|
71706
|
+
<button tabindex="0" title="${util.out('Select')}" data-title="${util.out('Select')}" class="open-asset" style="display:none;width:40px;height:40px;"><svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-folder2"></use></svg></button>
|
|
71707
|
+
<button tabindex="0" title="${util.out('Edit')}" data-title="${util.out('Edit')}" class="image-edit" style="width:40px;height:40px;"><svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg></button>
|
|
71653
71708
|
</div>
|
|
71654
71709
|
<div id="divImageProgress">
|
|
71655
71710
|
<div>
|
|
@@ -74989,10 +75044,18 @@ class Hyperlink {
|
|
|
74989
75044
|
let linkTool = builderStuff.querySelector('#divLinkTool');
|
|
74990
75045
|
if (!linkTool) {
|
|
74991
75046
|
let html = `<div id="divLinkTool" class="is-tool">
|
|
74992
|
-
|
|
74993
|
-
|
|
74994
|
-
|
|
74995
|
-
<button title="${util.out('
|
|
75047
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="link-button-edit" style="display:none;">
|
|
75048
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg>
|
|
75049
|
+
</button>
|
|
75050
|
+
<button title="${util.out('Link')}" data-title="${util.out('Link')}" class="link-edit">
|
|
75051
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg>
|
|
75052
|
+
</button>
|
|
75053
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="link-duplicate">
|
|
75054
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
75055
|
+
</button>
|
|
75056
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="link-remove">
|
|
75057
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
75058
|
+
</button>
|
|
74996
75059
|
</div>
|
|
74997
75060
|
`;
|
|
74998
75061
|
dom.appendHtml(builderStuff, html);
|
|
@@ -75584,9 +75647,15 @@ class Button {
|
|
|
75584
75647
|
let buttonTool = builderStuff.querySelector('#divButtonTool');
|
|
75585
75648
|
if (!buttonTool) {
|
|
75586
75649
|
let html = `<div id="divButtonTool" class="is-tool">
|
|
75587
|
-
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit"
|
|
75588
|
-
|
|
75589
|
-
|
|
75650
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit">
|
|
75651
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg>
|
|
75652
|
+
</button>
|
|
75653
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="button-duplicate">
|
|
75654
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
75655
|
+
</button>
|
|
75656
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="button-remove">
|
|
75657
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
75658
|
+
</button>
|
|
75590
75659
|
</div>
|
|
75591
75660
|
`;
|
|
75592
75661
|
dom.appendHtml(builderStuff, html);
|
|
@@ -75718,8 +75787,8 @@ class Spacer {
|
|
|
75718
75787
|
if (!spacerTool) {
|
|
75719
75788
|
let html = `
|
|
75720
75789
|
<div id="divSpacerTool" class="is-tool is-spacer-tool">
|
|
75721
|
-
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#
|
|
75722
|
-
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
75790
|
+
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#icon-minus2"></use></svg></button>
|
|
75791
|
+
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#icon-plus"></use></svg></button>
|
|
75723
75792
|
</div>
|
|
75724
75793
|
`;
|
|
75725
75794
|
dom.appendHtml(builderStuff, html);
|
|
@@ -75879,7 +75948,7 @@ class Module {
|
|
|
75879
75948
|
let html = `
|
|
75880
75949
|
<div class="is-tool is-module-tool">
|
|
75881
75950
|
<button class="btn-module-refresh" title="${util.out('Refresh')}" data-title="${util.out('Refresh')}" style="width:40px;height:40px;"><svg class="is-icon-flex"><use xlink:href="#icon-reload"></use></svg></button>
|
|
75882
|
-
<button class="btn-module-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;"><svg class="is-icon-flex"><use xlink:href="#
|
|
75951
|
+
<button class="btn-module-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
75883
75952
|
</div>
|
|
75884
75953
|
`;
|
|
75885
75954
|
dom.appendHtml(builderStuff, html);
|
|
@@ -76129,7 +76198,7 @@ class Code {
|
|
|
76129
76198
|
if (!codeTool) {
|
|
76130
76199
|
let html = `
|
|
76131
76200
|
<div class="is-tool is-code-tool">
|
|
76132
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}"
|
|
76201
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
76133
76202
|
</div>
|
|
76134
76203
|
`;
|
|
76135
76204
|
dom.appendHtml(builderStuff, html);
|
|
@@ -76257,7 +76326,7 @@ class Iframe {
|
|
|
76257
76326
|
if (!iframeTool) {
|
|
76258
76327
|
let html = `
|
|
76259
76328
|
<div class="is-tool is-iframe-tool">
|
|
76260
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
76329
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
76261
76330
|
</div>
|
|
76262
76331
|
`;
|
|
76263
76332
|
dom.appendHtml(builderStuff, html);
|
|
@@ -76417,7 +76486,7 @@ class Table {
|
|
|
76417
76486
|
//<div class="is-modal-bar is-draggable" style="background:#f9f9f9;"></div>
|
|
76418
76487
|
let html = `
|
|
76419
76488
|
<div class="is-tool is-table-tool">
|
|
76420
|
-
<button title="${util.out('Settings')}" style="width:
|
|
76489
|
+
<button title="${util.out('Settings')}" style="width:35px;height:35px;"><svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-cog"></use></svg></button>
|
|
76421
76490
|
</div>
|
|
76422
76491
|
`;
|
|
76423
76492
|
dom.appendHtml(builderStuff, html);
|
|
@@ -76975,7 +77044,7 @@ class Video {
|
|
|
76975
77044
|
if (!videoTool) {
|
|
76976
77045
|
let html = `
|
|
76977
77046
|
<div class="is-tool is-video-tool">
|
|
76978
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
77047
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
76979
77048
|
</div>
|
|
76980
77049
|
`;
|
|
76981
77050
|
dom.appendHtml(builderStuff, html);
|
|
@@ -77232,7 +77301,7 @@ class Audio {
|
|
|
77232
77301
|
if (!audioTool) {
|
|
77233
77302
|
let html = `
|
|
77234
77303
|
<div class="is-tool is-audio-tool">
|
|
77235
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="
|
|
77304
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="background:none;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
77236
77305
|
</div>
|
|
77237
77306
|
`;
|
|
77238
77307
|
dom.appendHtml(builderStuff, html);
|
|
@@ -77425,7 +77494,7 @@ class Svg {
|
|
|
77425
77494
|
if (!svgTool) {
|
|
77426
77495
|
let html = `
|
|
77427
77496
|
<div class="is-tool is-svg-tool">
|
|
77428
|
-
<button class="btn-svg-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#
|
|
77497
|
+
<button class="btn-svg-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
77429
77498
|
</div>
|
|
77430
77499
|
`;
|
|
77431
77500
|
dom.appendHtml(builderStuff, html);
|
|
@@ -77800,14 +77869,20 @@ class RowTool {
|
|
|
77800
77869
|
if (!rowtool) {
|
|
77801
77870
|
let html = `<div class="is-tool is-row-tool" style="${!this.builder.rowTool && this.builder.rowTool !== '' ? 'display:none;' : ''}">
|
|
77802
77871
|
<div title="${util.out('Move')}" role="button" tabindex="-1" class="row-handle" style="${this.builder.rowHandle ? '' : 'display:none;'}width:100%;cursor:move;text-align:center;"><svg class="is-icon-flex"><use xlink:href="#ion-move"></use></svg></div>
|
|
77803
|
-
<button type="button" tabindex="-1" title="${util.out('More')}" class="row-more"><svg class="is-icon-flex"><use xlink:href="#
|
|
77872
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="row-more"><svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-dots2"></use></svg></button>
|
|
77804
77873
|
<button type="button" tabindex="-1" title="${util.out('Grid Editor')}" class="row-grideditor"><svg class="is-icon-flex"><use xlink:href="#ion-grid"></use></svg></button>
|
|
77805
|
-
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="row-remove"><svg class="is-icon-flex"><use xlink:href="#
|
|
77874
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="row-remove"><svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-trash2"></use></svg></button>
|
|
77806
77875
|
</div>
|
|
77807
77876
|
<div class="is-tool is-col-tool">
|
|
77808
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add"
|
|
77809
|
-
|
|
77810
|
-
|
|
77877
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add">
|
|
77878
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-plus"></use></svg>
|
|
77879
|
+
</button>
|
|
77880
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="cell-more">
|
|
77881
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-dots2"></use></svg>
|
|
77882
|
+
</button>
|
|
77883
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="cell-remove">
|
|
77884
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
77885
|
+
</button>
|
|
77811
77886
|
</div>
|
|
77812
77887
|
`;
|
|
77813
77888
|
dom.appendHtml(row, html);
|
|
@@ -78209,7 +78284,7 @@ class RowTool {
|
|
|
78209
78284
|
${htmlbutton}
|
|
78210
78285
|
<div class="is-separator"></div>
|
|
78211
78286
|
<button type="button" title="${util.out('Lock')}" class="row-locking"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-lock"></use></svg></span>${util.out('Lock')}</button>
|
|
78212
|
-
<button type="button" title="${util.out('Settings')}" class="row-settings"><span><svg class="is-icon-flex" style="width:
|
|
78287
|
+
<button type="button" title="${util.out('Settings')}" class="row-settings"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>
|
|
78213
78288
|
</div>
|
|
78214
78289
|
</div>
|
|
78215
78290
|
`;
|
|
@@ -79694,17 +79769,7 @@ class ColumnTool {
|
|
|
79694
79769
|
${htmlbutton}
|
|
79695
79770
|
<div class="is-separator"></div>
|
|
79696
79771
|
<button type="button" title="${util.out('Lock')}" class="cell-locking"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-lock"></use></svg></span>${util.out('Lock')}</button>
|
|
79697
|
-
<button type="button" title="${util.out('Settings')}" class="cell-settings"><span><svg class="is-icon-flex" style="width:
|
|
79698
|
-
|
|
79699
|
-
<!--
|
|
79700
|
-
<button title="${util.out('Lock')}" class="cell-locking">
|
|
79701
|
-
<svg class="is-icon-flex"><use xlink:href="#icon-lock"></use></svg>
|
|
79702
|
-
</button>
|
|
79703
|
-
<button title="${util.out('Settings')}" class="cell-settings">
|
|
79704
|
-
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
79705
|
-
<span>${util.out('Settings')}</span>
|
|
79706
|
-
</button>
|
|
79707
|
-
-->
|
|
79772
|
+
<button type="button" title="${util.out('Settings')}" class="cell-settings"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>
|
|
79708
79773
|
</div>
|
|
79709
79774
|
</div>
|
|
79710
79775
|
`;
|
|
@@ -86685,18 +86750,27 @@ class ElementTool {
|
|
|
86685
86750
|
let elementMore = builderStuff.querySelector('.elmmore');
|
|
86686
86751
|
if (!elementTool) {
|
|
86687
86752
|
let html = `<div class="is-tool is-element-tool">
|
|
86688
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add"
|
|
86689
|
-
|
|
86690
|
-
|
|
86691
|
-
<button type="button" tabindex="-1" title="${util.out('
|
|
86753
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add">
|
|
86754
|
+
<svg class="is-icon-flex" style="width:14px;height:14px;color:#111"><use xlink:href="#icon-plus"></use></svg>
|
|
86755
|
+
</button>
|
|
86756
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="elm-more">
|
|
86757
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-dots2"></use></svg>
|
|
86758
|
+
</button>
|
|
86759
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="elm-remove">
|
|
86760
|
+
<svg class="is-icon-flex" style="width:15px;height:15px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
86761
|
+
</button>
|
|
86762
|
+
<button type="button" tabindex="-1" title="${util.out('Settings')}" class="elm-settings">
|
|
86763
|
+
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
86764
|
+
</button>
|
|
86692
86765
|
</div>
|
|
86766
|
+
|
|
86693
86767
|
<div class="is-pop elmmore" style="z-index:10002;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
86694
86768
|
<div style="display:flex;flex-flow:wrap;">
|
|
86695
86769
|
<button type="button" title="${util.out('Move Up')}" class="elm-up"><span><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></span>${util.out('Move Up')}</button>
|
|
86696
86770
|
<button type="button" title="${util.out('Move Down')}" class="elm-down"><span><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></span>${util.out('Move Down')}</button>
|
|
86697
86771
|
<button type="button" title="${util.out('Duplicate')}" class="elm-duplicate"><span><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-photos-outline"></use></svg></span>${util.out('Duplicate')}</button>
|
|
86698
86772
|
${this.builder.opts.elementEditor ? `
|
|
86699
|
-
<button type="button" title="${util.out('Settings')}" class="elm-settings"><span><svg class="is-icon-flex" style="width:
|
|
86773
|
+
<button type="button" title="${util.out('Settings')}" class="elm-settings"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>
|
|
86700
86774
|
` : ''}
|
|
86701
86775
|
</div>
|
|
86702
86776
|
</div>
|
|
@@ -86747,7 +86821,7 @@ class ElementTool {
|
|
|
86747
86821
|
const w = quickadd.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
|
|
86748
86822
|
const h = quickadd.offsetHeight;
|
|
86749
86823
|
if (viewportHeight - top > h) {
|
|
86750
|
-
quickadd.style.top = top + window.pageYOffset +
|
|
86824
|
+
quickadd.style.top = top + window.pageYOffset + 42 + 'px';
|
|
86751
86825
|
quickadd.style.left = left - w / 2 + 10 + 'px';
|
|
86752
86826
|
dom.removeClass(quickadd, 'arrow-bottom');
|
|
86753
86827
|
dom.removeClass(quickadd, 'arrow-right');
|
|
@@ -86912,7 +86986,7 @@ class ElementTool {
|
|
|
86912
86986
|
const w = elementMore.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
|
|
86913
86987
|
const h = elementMore.offsetHeight;
|
|
86914
86988
|
if (viewportHeight - top > h) {
|
|
86915
|
-
elementMore.style.top = top + window.pageYOffset +
|
|
86989
|
+
elementMore.style.top = top + window.pageYOffset + 42 + 'px';
|
|
86916
86990
|
elementMore.style.left = left - w / 2 + 10 + 'px';
|
|
86917
86991
|
dom.removeClass(elementMore, 'arrow-bottom');
|
|
86918
86992
|
dom.removeClass(elementMore, 'arrow-right');
|
|
@@ -87208,6 +87282,9 @@ class ElementTool {
|
|
|
87208
87282
|
}
|
|
87209
87283
|
}
|
|
87210
87284
|
}
|
|
87285
|
+
if (activeElement && activeElement.classList.contains('ovl') && this.builder.activeIframe) {
|
|
87286
|
+
activeElement = this.builder.activeIframe.closest('.embed-responsive');
|
|
87287
|
+
}
|
|
87211
87288
|
this.builder.activeElement = activeElement;
|
|
87212
87289
|
if (activeElement) {
|
|
87213
87290
|
let elm = activeElement;
|
|
@@ -104803,54 +104880,83 @@ class ContentStuff$1 {
|
|
|
104803
104880
|
constructor(builder) {
|
|
104804
104881
|
this.builder = builder;
|
|
104805
104882
|
const util = builder.util;
|
|
104806
|
-
const html =
|
|
104883
|
+
const html = `
|
|
104884
|
+
<!-- not used -->
|
|
104885
|
+
<div class="is-tool is-column-tool">
|
|
104807
104886
|
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add"><svg class="is-icon-flex"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>
|
|
104808
104887
|
<button type="button" tabindex="-1" title="${util.out('More')}" class="cell-more"><svg class="is-icon-flex"><use xlink:href="#ion-more"></use></svg></button>
|
|
104809
104888
|
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="cell-remove"><svg class="is-icon-flex" style="margin-left:-1px"><use xlink:href="#ion-ios-close-empty"></use></svg></button>
|
|
104810
104889
|
</div>
|
|
104890
|
+
<!-- /not used -->
|
|
104891
|
+
|
|
104811
104892
|
<div class="is-tool is-element-tool">
|
|
104812
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add"
|
|
104813
|
-
|
|
104814
|
-
|
|
104815
|
-
<button type="button" tabindex="-1" title="${util.out('
|
|
104893
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add">
|
|
104894
|
+
<svg class="is-icon-flex" style="width:14px;height:14px;color:#111"><use xlink:href="#icon-plus"></use></svg>
|
|
104895
|
+
</button>
|
|
104896
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="elm-more">
|
|
104897
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-dots2"></use></svg>
|
|
104898
|
+
</button>
|
|
104899
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="elm-remove">
|
|
104900
|
+
<svg class="is-icon-flex" style="width:15px;height:15px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
104901
|
+
</button>
|
|
104902
|
+
<button type="button" tabindex="-1" title="${util.out('Settings')}" class="elm-settings">
|
|
104903
|
+
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
104904
|
+
</button>
|
|
104816
104905
|
</div>
|
|
104817
104906
|
|
|
104818
104907
|
<div id="divButtonTool" class="is-tool">
|
|
104819
|
-
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit"
|
|
104820
|
-
|
|
104821
|
-
|
|
104908
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit">
|
|
104909
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-pencil2"></use></svg>
|
|
104910
|
+
</button>
|
|
104911
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="button-duplicate">
|
|
104912
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;color:#111"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
104913
|
+
</button>
|
|
104914
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="button-remove">
|
|
104915
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
104916
|
+
</button>
|
|
104822
104917
|
</div>
|
|
104918
|
+
|
|
104823
104919
|
<div class="is-tool is-code-tool">
|
|
104824
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:
|
|
104920
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:35px;height:35px;"><svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104825
104921
|
</div>
|
|
104922
|
+
|
|
104826
104923
|
<div id="divLinkTool" class="is-tool">
|
|
104827
|
-
|
|
104828
|
-
|
|
104829
|
-
|
|
104830
|
-
|
|
104924
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="link-button-edit" style="display:none;">
|
|
104925
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-pencil2"></use></svg>
|
|
104926
|
+
</button>
|
|
104927
|
+
<button title="${util.out('Link')}" data-title="${util.out('Link')}" class="link-edit">
|
|
104928
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg>
|
|
104929
|
+
</button>
|
|
104930
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="link-duplicate">
|
|
104931
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;color:#111"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
104932
|
+
</button>
|
|
104933
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="link-remove">
|
|
104934
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
104935
|
+
</button>
|
|
104831
104936
|
</div>
|
|
104937
|
+
|
|
104832
104938
|
<div class="is-tool is-iframe-tool">
|
|
104833
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
104939
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104834
104940
|
</div>
|
|
104835
104941
|
<div class="is-tool is-module-tool">
|
|
104836
|
-
|
|
104837
|
-
|
|
104942
|
+
<button class="btn-module-refresh" title="${util.out('Refresh')}" data-title="${util.out('Refresh')}" style="width:40px;height:40px;"><svg class="is-icon-flex"><use xlink:href="#icon-reload"></use></svg></button>
|
|
104943
|
+
<button class="btn-module-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104838
104944
|
</div>
|
|
104839
104945
|
<div class="is-tool is-svg-tool">
|
|
104840
|
-
<button class="btn-svg-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#
|
|
104946
|
+
<button class="btn-svg-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104841
104947
|
</div>
|
|
104842
104948
|
<div id="divSpacerTool" class="is-tool is-spacer-tool">
|
|
104843
|
-
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#
|
|
104844
|
-
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
104949
|
+
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#icon-minus2"></use></svg></button>
|
|
104950
|
+
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#icon-plus"></use></svg></button>
|
|
104845
104951
|
</div>
|
|
104846
104952
|
<div class="is-tool is-table-tool">
|
|
104847
|
-
<button title="${util.out('Settings')}" style="width:
|
|
104953
|
+
<button title="${util.out('Settings')}" style="width:35px;height:35px;"><svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104848
104954
|
</div>
|
|
104849
104955
|
<div class="is-tool is-video-tool">
|
|
104850
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
104956
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:40px;height:40px;background:none;"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104851
104957
|
</div>
|
|
104852
104958
|
<div class="is-tool is-audio-tool">
|
|
104853
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:
|
|
104959
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:35px;height:35px;background:none;"><svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-cog"></use></svg></button>
|
|
104854
104960
|
</div>
|
|
104855
104961
|
|
|
104856
104962
|
<div class="is-locked-indicator">
|
|
@@ -104970,7 +105076,7 @@ class ContentStuff$1 {
|
|
|
104970
105076
|
<symbol viewBox="0 0 512 512" id="ion-volume-medium">
|
|
104971
105077
|
<path d="M270 407.7V104.4L175.3 192H71v128h104.3zm56.3-52.1c20.5-27.8 32.8-62.3 32.8-99.6 0-37.4-12.3-71.8-32.8-99.6l-20.4 15.3c17.4 23.6 27.8 52.7 27.8 84.3 0 31.6-10.4 60.7-27.8 84.3l20.4 15.3zm66.5 46c30-40.7 48-91 48-145.6s-18-104.9-48-145.6l-20.4 15.3c26.9 36.4 43 81.4 43 130.3 0 48.9-16.1 93.8-43 130.3l20.4 15.3z"/>
|
|
104972
105078
|
</symbol>
|
|
104973
|
-
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="
|
|
105079
|
+
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
104974
105080
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
104975
105081
|
<path d="M11 19h-6a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2.5"></path>
|
|
104976
105082
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
@@ -104981,6 +105087,64 @@ class ContentStuff$1 {
|
|
|
104981
105087
|
<path d="M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1.002 7.935 1.007 9.425 4.747"></path>
|
|
104982
105088
|
<path d="M20 4v5h-5"></path>
|
|
104983
105089
|
</symbol>
|
|
105090
|
+
|
|
105091
|
+
|
|
105092
|
+
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105093
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105094
|
+
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
105095
|
+
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
105096
|
+
</symbol>
|
|
105097
|
+
<symbol id="icon-plus2" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105098
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105099
|
+
<path d="M12 5l0 14"></path>
|
|
105100
|
+
<path d="M5 12l14 0"></path>
|
|
105101
|
+
</symbol>
|
|
105102
|
+
|
|
105103
|
+
<symbol id="icon-minus" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105104
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105105
|
+
<path d="M5 12l14 0"></path>
|
|
105106
|
+
</symbol>
|
|
105107
|
+
|
|
105108
|
+
<symbol id="icon-dots2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105109
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
|
|
105110
|
+
</symbol>
|
|
105111
|
+
<symbol id="icon-close" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105112
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105113
|
+
<path d="M18 6l-12 12"></path>
|
|
105114
|
+
<path d="M6 6l12 12"></path>
|
|
105115
|
+
</symbol>
|
|
105116
|
+
<symbol id="icon-trash2" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105117
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105118
|
+
<path d="M4 7l16 0"></path>
|
|
105119
|
+
<path d="M10 11l0 6"></path>
|
|
105120
|
+
<path d="M14 11l0 6"></path>
|
|
105121
|
+
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
|
|
105122
|
+
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
|
|
105123
|
+
</symbol>
|
|
105124
|
+
<symbol id="icon-duplicate3" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105125
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" />
|
|
105126
|
+
</symbol>
|
|
105127
|
+
<symbol id="icon-pencil2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105128
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105129
|
+
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
|
|
105130
|
+
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
|
|
105131
|
+
</symbol>
|
|
105132
|
+
<symbol id="icon-link2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105133
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105134
|
+
<path d="M9 15l6 -6"></path>
|
|
105135
|
+
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
|
|
105136
|
+
<path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"></path>
|
|
105137
|
+
</symbol>
|
|
105138
|
+
<symbol id="icon-cog" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105139
|
+
<path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
|
|
105140
|
+
</symbol>
|
|
105141
|
+
<symbol id="icon-photo" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105142
|
+
<path d="M15 8h.01" /><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" /><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />
|
|
105143
|
+
</symbol>
|
|
105144
|
+
<symbol id="icon-minus2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
105145
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
105146
|
+
<path d="M5 12l14 0"></path>
|
|
105147
|
+
</symbol>
|
|
104984
105148
|
</defs>
|
|
104985
105149
|
</svg>
|
|
104986
105150
|
|
|
@@ -105174,6 +105338,9 @@ class ContentStuff$1 {
|
|
|
105174
105338
|
}
|
|
105175
105339
|
|
|
105176
105340
|
/* Tool */
|
|
105341
|
+
|
|
105342
|
+
|
|
105343
|
+
/*
|
|
105177
105344
|
.is-tool.is-video-tool,
|
|
105178
105345
|
.is-tool.is-audio-tool,
|
|
105179
105346
|
.is-tool.is-iframe-tool {
|
|
@@ -105233,6 +105400,111 @@ class ContentStuff$1 {
|
|
|
105233
105400
|
.is-tool.is-table-tool:hover {
|
|
105234
105401
|
z-index:10001 !important
|
|
105235
105402
|
}
|
|
105403
|
+
*/
|
|
105404
|
+
|
|
105405
|
+
|
|
105406
|
+
.is-tool.is-video-tool,
|
|
105407
|
+
.is-tool.is-audio-tool,
|
|
105408
|
+
.is-tool.is-iframe-tool {
|
|
105409
|
+
background: rgba(255, 255, 255, 0.97) !important;
|
|
105410
|
+
border: transparent 1px solid;
|
|
105411
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
105412
|
+
border-radius: 20px;
|
|
105413
|
+
}
|
|
105414
|
+
|
|
105415
|
+
.is-tool.is-video-tool > div,
|
|
105416
|
+
.is-tool.is-video-tool > button,
|
|
105417
|
+
.is-tool.is-audio-tool > div,
|
|
105418
|
+
.is-tool.is-audio-tool > button,
|
|
105419
|
+
.is-tool.is-iframe-tool > div,
|
|
105420
|
+
.is-tool.is-iframe-tool > button {
|
|
105421
|
+
width: 35px !important;
|
|
105422
|
+
height: 35px !important;
|
|
105423
|
+
background: transparent;
|
|
105424
|
+
}
|
|
105425
|
+
|
|
105426
|
+
.is-tool.is-video-tool svg,
|
|
105427
|
+
.is-tool.is-audio-tool svg,
|
|
105428
|
+
.is-tool.is-iframe-tool svg {
|
|
105429
|
+
width: 17px;
|
|
105430
|
+
height: 17px;
|
|
105431
|
+
fill: #111 !important;
|
|
105432
|
+
color: #111 !important;
|
|
105433
|
+
}
|
|
105434
|
+
|
|
105435
|
+
.is-tool.is-spacer-tool {
|
|
105436
|
+
border: none;
|
|
105437
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
105438
|
+
border-radius: 20px;
|
|
105439
|
+
overflow: hidden;
|
|
105440
|
+
}
|
|
105441
|
+
.is-tool.is-spacer-tool > button {
|
|
105442
|
+
width: 40px;
|
|
105443
|
+
height: 35px;
|
|
105444
|
+
background: rgba(255, 255, 255, 0.97) !important;
|
|
105445
|
+
}
|
|
105446
|
+
.is-tool.is-spacer-tool > button svg {
|
|
105447
|
+
fill: #111 !important;
|
|
105448
|
+
color: #111 !important;
|
|
105449
|
+
}
|
|
105450
|
+
.is-tool.is-table-tool {
|
|
105451
|
+
border: none;
|
|
105452
|
+
background: none;
|
|
105453
|
+
border-radius: 20px;
|
|
105454
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
105455
|
+
}
|
|
105456
|
+
.is-tool.is-table-tool:hover {
|
|
105457
|
+
z-index: 10001 !important;
|
|
105458
|
+
}
|
|
105459
|
+
.is-tool.is-table-tool > button {
|
|
105460
|
+
width: 35px;
|
|
105461
|
+
height: 35px;
|
|
105462
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
105463
|
+
}
|
|
105464
|
+
.is-tool.is-table-tool > button svg {
|
|
105465
|
+
width: 17px !important;
|
|
105466
|
+
height: 17px !important;
|
|
105467
|
+
fill: #111 !important;
|
|
105468
|
+
color: #111 !important;
|
|
105469
|
+
}
|
|
105470
|
+
.is-tool.is-code-tool, .is-tool.is-module-tool, .is-tool.is-svg-tool {
|
|
105471
|
+
border: none;
|
|
105472
|
+
background: none;
|
|
105473
|
+
border-radius: 20px;
|
|
105474
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
105475
|
+
overflow: hidden;
|
|
105476
|
+
}
|
|
105477
|
+
.is-tool.is-code-tool > button, .is-tool.is-module-tool > button, .is-tool.is-svg-tool > button {
|
|
105478
|
+
width: 35px;
|
|
105479
|
+
height: 35px;
|
|
105480
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
105481
|
+
}
|
|
105482
|
+
.is-tool.is-code-tool > button svg, .is-tool.is-module-tool > button svg, .is-tool.is-svg-tool > button svg {
|
|
105483
|
+
width: 17px !important;
|
|
105484
|
+
height: 17px !important;
|
|
105485
|
+
fill: #111 !important;
|
|
105486
|
+
color: #111 !important;
|
|
105487
|
+
}
|
|
105488
|
+
.is-tool#divLinkTool, .is-tool#divButtonTool {
|
|
105489
|
+
background: rgba(255, 255, 255, 0.95) !important;
|
|
105490
|
+
box-shadow: none;
|
|
105491
|
+
border-radius: 20px;
|
|
105492
|
+
overflow: hidden;
|
|
105493
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
105494
|
+
margin-top: -10px;
|
|
105495
|
+
margin-left: 7px;
|
|
105496
|
+
}
|
|
105497
|
+
.is-tool#divLinkTool button, .is-tool#divButtonTool button {
|
|
105498
|
+
width: 37px;
|
|
105499
|
+
height: 37px;
|
|
105500
|
+
background: transparent !important;
|
|
105501
|
+
}
|
|
105502
|
+
.is-tool#divLinkTool button svg, .is-tool#divButtonTool button svg {
|
|
105503
|
+
fill: #111 !important;
|
|
105504
|
+
color: #111 !important;
|
|
105505
|
+
}
|
|
105506
|
+
|
|
105507
|
+
|
|
105236
105508
|
|
|
105237
105509
|
|
|
105238
105510
|
.dot {
|
|
@@ -105326,19 +105598,25 @@ class ContentStuff$1 {
|
|
|
105326
105598
|
/* is-element-tool */
|
|
105327
105599
|
|
|
105328
105600
|
.is-tool.is-element-tool {
|
|
105329
|
-
background: rgba(243, 243, 243, 0.9);
|
|
105330
105601
|
border-radius: 3px;
|
|
105331
105602
|
overflow: hidden;
|
|
105603
|
+
margin-top: 10px;
|
|
105604
|
+
margin-left: 0px;
|
|
105605
|
+
border-radius: 100px;
|
|
105606
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
105607
|
+
background-color: rgba(255, 255, 255, 0.97) !important;
|
|
105332
105608
|
}
|
|
105333
105609
|
.is-tool.is-element-tool button {
|
|
105334
|
-
width:
|
|
105335
|
-
height:
|
|
105610
|
+
width: 32px;
|
|
105611
|
+
height: 31px;
|
|
105336
105612
|
background: transparent;
|
|
105613
|
+
color: #111;
|
|
105337
105614
|
}
|
|
105338
105615
|
.is-tool.is-element-tool svg {
|
|
105339
105616
|
width: 14px;
|
|
105340
105617
|
height: 14px;
|
|
105341
|
-
fill: #111;
|
|
105618
|
+
fill: #111 !important;
|
|
105619
|
+
color: #111 !important;
|
|
105342
105620
|
}
|
|
105343
105621
|
.is-tool.is-element-tool .elm-more svg {
|
|
105344
105622
|
width: 11px;
|
|
@@ -105410,8 +105688,8 @@ class ContentStuff$1 {
|
|
|
105410
105688
|
}
|
|
105411
105689
|
|
|
105412
105690
|
.is-tool.is-row-tool button {
|
|
105413
|
-
width:
|
|
105414
|
-
height:
|
|
105691
|
+
width: 28px;
|
|
105692
|
+
height: 28px;
|
|
105415
105693
|
display: flex;
|
|
105416
105694
|
justify-content: center;
|
|
105417
105695
|
align-items: center;
|
|
@@ -105543,10 +105821,11 @@ class ContentStuff$1 {
|
|
|
105543
105821
|
box-shadow: none;
|
|
105544
105822
|
border-radius: 2px;
|
|
105545
105823
|
overflow: hidden;
|
|
105824
|
+
top: -3px !important;
|
|
105546
105825
|
}
|
|
105547
105826
|
.is-tool.is-col-tool button {
|
|
105548
|
-
width:
|
|
105549
|
-
height:
|
|
105827
|
+
width: 28px;
|
|
105828
|
+
height: 28px;
|
|
105550
105829
|
display: flex;
|
|
105551
105830
|
justify-content: center;
|
|
105552
105831
|
align-items: center;
|
|
@@ -105569,6 +105848,9 @@ class ContentStuff$1 {
|
|
|
105569
105848
|
width: 14px;
|
|
105570
105849
|
height: 14px;
|
|
105571
105850
|
}
|
|
105851
|
+
.is-tool.is-col-tool svg * { /* prevent override by .is-dark-text * */
|
|
105852
|
+
color: #fff;
|
|
105853
|
+
}
|
|
105572
105854
|
|
|
105573
105855
|
|
|
105574
105856
|
.is-builder[gray] .is-tool.is-col-tool {
|
|
@@ -105682,6 +105964,9 @@ class ContentStuff$1 {
|
|
|
105682
105964
|
width: 19px;
|
|
105683
105965
|
height: 19px;
|
|
105684
105966
|
}
|
|
105967
|
+
.is-tool.is-row-tool svg * { /* prevent override by .is-dark-text * */
|
|
105968
|
+
color: #fff;
|
|
105969
|
+
}
|
|
105685
105970
|
|
|
105686
105971
|
|
|
105687
105972
|
|
|
@@ -130630,7 +130915,7 @@ class Timeline {
|
|
|
130630
130915
|
-->
|
|
130631
130916
|
<div class="flex-wrap">
|
|
130632
130917
|
<div class="flex-wrap" style="margin-right:15px;width: 120px;">
|
|
130633
|
-
<select class="input-target">
|
|
130918
|
+
<select class="input-target" id="_input_target">
|
|
130634
130919
|
<option value="block">${out('Block')}</option>
|
|
130635
130920
|
<option value="element">${out('Element')}</option>
|
|
130636
130921
|
<option value="column">${out('Column')}</option>
|
|
@@ -138698,9 +138983,9 @@ class Box {
|
|
|
138698
138983
|
// 1920<breakpoint
|
|
138699
138984
|
prefix = 'is-content-';
|
|
138700
138985
|
}
|
|
138701
|
-
}
|
|
138986
|
+
} // this.builder.editor.saveForUndo();
|
|
138987
|
+
|
|
138702
138988
|
|
|
138703
|
-
this.builder.editor.saveForUndo();
|
|
138704
138989
|
const activeBox = this.builder.activeBox;
|
|
138705
138990
|
const container = activeBox.querySelector('.is-container');
|
|
138706
138991
|
|
|
@@ -138726,9 +139011,8 @@ class Box {
|
|
|
138726
139011
|
container.classList.add(prefix + targetWidth); // panelBox.querySelector('.val-box-size').innerHTML = targetWidth;
|
|
138727
139012
|
|
|
138728
139013
|
callback(targetWidth);
|
|
138729
|
-
}
|
|
139014
|
+
} // this.builder.onChange();
|
|
138730
139015
|
|
|
138731
|
-
this.builder.onChange();
|
|
138732
139016
|
}
|
|
138733
139017
|
|
|
138734
139018
|
clearContentWidth() {
|
|
@@ -152178,25 +152462,33 @@ class IframePanel {
|
|
|
152178
152462
|
}
|
|
152179
152463
|
|
|
152180
152464
|
hideTools() {
|
|
152181
|
-
|
|
152182
|
-
|
|
152183
|
-
|
|
152184
|
-
|
|
152185
|
-
|
|
152186
|
-
|
|
152187
|
-
|
|
152188
|
-
|
|
152189
|
-
|
|
152190
|
-
|
|
152191
|
-
|
|
152192
|
-
|
|
152193
|
-
|
|
152194
|
-
|
|
152195
|
-
|
|
152196
|
-
|
|
152197
|
-
|
|
152198
|
-
|
|
152199
|
-
|
|
152465
|
+
this.builder.addCustomStyle('_css_scale', `
|
|
152466
|
+
.is-element-tool,
|
|
152467
|
+
.is-video-tool,
|
|
152468
|
+
.is-audio-tool,
|
|
152469
|
+
.is-iframe-tool,
|
|
152470
|
+
.is-module-tool,
|
|
152471
|
+
.is-code-tool,
|
|
152472
|
+
.is-svg-tool,
|
|
152473
|
+
.is-table-tool,
|
|
152474
|
+
.is-spacer-tool,
|
|
152475
|
+
.is-locked-indicator,
|
|
152476
|
+
.is-section-info,
|
|
152477
|
+
#divButtonTool,
|
|
152478
|
+
#divLinkTool {
|
|
152479
|
+
opacity: 0 !important;
|
|
152480
|
+
}
|
|
152481
|
+
|
|
152482
|
+
.row-active .is-col-tool,
|
|
152483
|
+
.row-active .is-row-tool ,
|
|
152484
|
+
.is-section-tool,
|
|
152485
|
+
.is-box-tool {
|
|
152486
|
+
opacity: 0 !important;
|
|
152487
|
+
}
|
|
152488
|
+
`);
|
|
152489
|
+
this.builder.editor.element.image.hideImageTool();
|
|
152490
|
+
let tool = this.builder.doc.querySelector('.row-active .is-col-tool');
|
|
152491
|
+
if (tool) tool.style.display = 'none';
|
|
152200
152492
|
}
|
|
152201
152493
|
|
|
152202
152494
|
repositionTool() {
|
|
@@ -152210,6 +152502,10 @@ class IframePanel {
|
|
|
152210
152502
|
}
|
|
152211
152503
|
}, 600);
|
|
152212
152504
|
}
|
|
152505
|
+
|
|
152506
|
+
setTimeout(() => {
|
|
152507
|
+
this.builder.scaleTools(); // already include this.builder.removeCustomStyle('_css_scale');
|
|
152508
|
+
}, 300);
|
|
152213
152509
|
}
|
|
152214
152510
|
|
|
152215
152511
|
repositionTool_bak() {
|
|
@@ -160789,7 +161085,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
|
|
|
160789
161085
|
<svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg>
|
|
160790
161086
|
</button>
|
|
160791
161087
|
<button type="button" class="btn-section-remove" tabindex="-1" data-title="${out('Remove')}" title="${out('Remove')}">
|
|
160792
|
-
<svg class="is-icon-flex"><use xlink:href="#icon-
|
|
161088
|
+
<svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-3px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
160793
161089
|
</button>
|
|
160794
161090
|
</div>`);
|
|
160795
161091
|
this.defineLastBox(section);
|
|
@@ -161703,40 +161999,55 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
|
|
|
161703
161999
|
this.positionTool(this.activeBox);
|
|
161704
162000
|
}
|
|
161705
162001
|
|
|
161706
|
-
|
|
161707
|
-
|
|
161708
|
-
|
|
161709
|
-
|
|
161710
|
-
|
|
161711
|
-
|
|
161712
|
-
|
|
161713
|
-
|
|
161714
|
-
|
|
161715
|
-
|
|
161716
|
-
|
|
161717
|
-
|
|
161718
|
-
|
|
161719
|
-
|
|
161720
|
-
|
|
161721
|
-
|
|
161722
|
-
|
|
161723
|
-
|
|
161724
|
-
|
|
162002
|
+
scaleTools() {
|
|
162003
|
+
this.removeCustomStyle('_css_scale');
|
|
162004
|
+
const div = document.querySelector('.is-content-view');
|
|
162005
|
+
if (!div) return;
|
|
162006
|
+
const transformStyle = window.getComputedStyle(div).transform;
|
|
162007
|
+
const matrixValues = transformStyle.slice(7, -1).split(',');
|
|
162008
|
+
let scaleValue = parseFloat(matrixValues[0]);
|
|
162009
|
+
this.removeCustomStyle('_css_scale_apply');
|
|
162010
|
+
this.addCustomStyle('_css_scale_apply', `
|
|
162011
|
+
.is-section-tool {
|
|
162012
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162013
|
+
transform-origin: top right !important;
|
|
162014
|
+
}
|
|
162015
|
+
.is-box-tool {
|
|
162016
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162017
|
+
transform-origin: center bottomt !important;
|
|
162018
|
+
}
|
|
162019
|
+
.is-section-info {
|
|
162020
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162021
|
+
}
|
|
161725
162022
|
|
|
161726
|
-
|
|
161727
|
-
|
|
161728
|
-
|
|
161729
|
-
|
|
161730
|
-
|
|
161731
|
-
|
|
161732
|
-
|
|
161733
|
-
|
|
161734
|
-
|
|
161735
|
-
|
|
161736
|
-
|
|
161737
|
-
|
|
161738
|
-
|
|
161739
|
-
|
|
162023
|
+
.is-col-tool {
|
|
162024
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162025
|
+
transform-origin: bottom left !important;
|
|
162026
|
+
|
|
162027
|
+
}
|
|
162028
|
+
.is-row-tool {
|
|
162029
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162030
|
+
transform-origin: top left !important;
|
|
162031
|
+
}
|
|
162032
|
+
.is-rowadd-tool button {
|
|
162033
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162034
|
+
}
|
|
162035
|
+
|
|
162036
|
+
.is-element-tool,
|
|
162037
|
+
.is-video-tool,
|
|
162038
|
+
.is-audio-tool,
|
|
162039
|
+
.is-iframe-tool,
|
|
162040
|
+
.is-module-tool,
|
|
162041
|
+
.is-code-tool,
|
|
162042
|
+
.is-spacer-tool,
|
|
162043
|
+
.is-svg-tool,
|
|
162044
|
+
.is-table-tool,
|
|
162045
|
+
.is-locked-indicator,
|
|
162046
|
+
#divLinkTool, #divButtonTool {
|
|
162047
|
+
transform: scale(${1 / scaleValue}) !important;;
|
|
162048
|
+
transform-origin: top !important;
|
|
162049
|
+
}
|
|
162050
|
+
`);
|
|
161740
162051
|
}
|
|
161741
162052
|
|
|
161742
162053
|
positionTool(box) {
|
|
@@ -161842,18 +162153,31 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
|
|
|
161842
162153
|
}
|
|
161843
162154
|
}
|
|
161844
162155
|
}
|
|
161845
|
-
} //
|
|
162156
|
+
} // tools scaling for iframe
|
|
161846
162157
|
|
|
161847
162158
|
|
|
161848
|
-
|
|
161849
|
-
|
|
161850
|
-
|
|
161851
|
-
|
|
161852
|
-
let
|
|
162159
|
+
this.scaleTools();
|
|
162160
|
+
}
|
|
162161
|
+
|
|
162162
|
+
addCustomStyle(styleId, cssContent) {
|
|
162163
|
+
let existingStyle = this.doc.getElementById(styleId);
|
|
162164
|
+
|
|
162165
|
+
if (existingStyle) {
|
|
162166
|
+
existingStyle.innerHTML = cssContent;
|
|
162167
|
+
} else {
|
|
162168
|
+
let style = this.doc.createElement('style');
|
|
162169
|
+
style.type = 'text/css';
|
|
162170
|
+
style.id = styleId;
|
|
162171
|
+
style.innerHTML = cssContent;
|
|
162172
|
+
this.doc.head.appendChild(style);
|
|
162173
|
+
}
|
|
162174
|
+
}
|
|
162175
|
+
|
|
162176
|
+
removeCustomStyle(styleId) {
|
|
162177
|
+
let style = this.doc.getElementById(styleId);
|
|
161853
162178
|
|
|
161854
|
-
if (
|
|
161855
|
-
|
|
161856
|
-
boxInfo.style.transform = 'scale(' + 1 / zoom + ')';
|
|
162179
|
+
if (style) {
|
|
162180
|
+
this.doc.head.removeChild(style);
|
|
161857
162181
|
}
|
|
161858
162182
|
}
|
|
161859
162183
|
|