@innovastudio/contentbuilder 1.5.81 → 1.5.83
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -1208,6 +1208,44 @@ const renderQuickAdd = builder => {
|
|
|
1208
1208
|
const util = builder.util;
|
|
1209
1209
|
const builderStuff = builder.builderStuff;
|
|
1210
1210
|
const dom = builder.dom;
|
|
1211
|
+
let quickAddButtons = ['paragraph', 'headline', 'image', 'list', 'heading1', 'heading2', 'heading3', 'heading4', 'quote', 'preformatted', 'button', 'twobutton', 'map', 'youtube', 'video', 'icon', 'svg', 'table', 'social', 'code', 'spacer']; // default
|
|
1212
|
+
|
|
1213
|
+
if (builder.quickAddButtons) {
|
|
1214
|
+
quickAddButtons = builder.quickAddButtons;
|
|
1215
|
+
}
|
|
1216
|
+
const buttonTemplates = {
|
|
1217
|
+
paragraph: `<button title="${util.out('Paragraph')}" class="add-paragraph"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-align-full"></use></svg></span>${util.out('Paragraph')}</button>`,
|
|
1218
|
+
headline: `<button title="${util.out('Headline')}" class="add-headline"><span style="font-family:serif;display:block;margin:0 0 8px;font-size:11px;">H</span>${util.out('Headline')}</button>`,
|
|
1219
|
+
image: `<button title="${util.out('Image')}" class="add-image"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex ion-image" style="width:14px;height:14px;"><use xlink:href="#ion-image"></use></svg></span>${util.out('Image')}</button>`,
|
|
1220
|
+
list: `<button title="${util.out('List')}" class="add-list"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-list-bullet"></use></svg></span>${util.out('List')}</button>`,
|
|
1221
|
+
heading1: `<button title="${util.out('Heading 1')}" class="add-heading1"><span style="font-family:serif;display:block;margin:0 0 8px;">H1</span>${util.out('Heading 1')}</button>`,
|
|
1222
|
+
heading2: `<button title="${util.out('Heading 2')}" class="add-heading2"><span style="font-family:serif;display:block;margin:0 0 8px;">H2</span>${util.out('Heading 2')}</button>`,
|
|
1223
|
+
heading3: `<button title="${util.out('Heading 3')}" class="add-heading3"><span style="font-family:serif;display:block;margin:0 0 8px;">H3</span>${util.out('Heading 3')}</button>`,
|
|
1224
|
+
heading4: `<button title="${util.out('Heading 4')}" class="add-heading4"><span style="font-family:serif;display:block;margin:0 0 8px;">H4</span>${util.out('Heading 4')}</button>`,
|
|
1225
|
+
quote: `<button title="${util.out('Quote')}" class="add-quote"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-quote"></use></svg></span>${util.out('Quote')}</button>`,
|
|
1226
|
+
preformatted: `<button style="display:none" title="${util.out('Preformatted')}" class="add-preformatted"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-code"></use></svg></span>${util.out('Preformatted')}</button>`,
|
|
1227
|
+
button: `<button title="${util.out('Button')}" class="add-button"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;border:#a1a1a1 1px solid;background:#f3f3f3;width:10px;height:4px;"></span></span>${util.out('Button')}</button>`,
|
|
1228
|
+
twobutton: `<button title="${util.out('Two Button')}" class="add-twobutton"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;border:#a1a1a1 1px solid;background:#f3f3f3;width:10px;height:4px;"></span></span>${util.out('Two Button')}</button>`,
|
|
1229
|
+
map: `<button title="${util.out('Map')}" class="add-map"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-location"></use></svg></use></svg></svg></span>${util.out('Map')}</button>`,
|
|
1230
|
+
youtube: `<button title="${util.out('Youtube')}" class="add-youtube"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-social-youtube-outline"></use></svg></use></svg></svg></span>${util.out('Youtube')}</button>`,
|
|
1231
|
+
video: `<button title="${util.out('Video')}" class="add-video"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-ios-play"></use></svg></use></svg></svg></span>${util.out('Video')}</button>`,
|
|
1232
|
+
audio: `<button title="${util.out('Audio')}" class="add-audio"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-volume-medium"></use></svg></use></svg></svg></span>${util.out('Audio')}</button>`,
|
|
1233
|
+
icon: `<button title="${util.out('Icon')}" class="add-icon"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-android-happy"></use></svg></use></svg></svg></span>${util.out('Icon')}</button>`,
|
|
1234
|
+
svg: `<button title="${util.out('SVG')}" class="add-svg"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-5px"><use xlink:href="#icon-svg"></use></svg></use></svg></svg></span>${util.out('SVG')}</button>`,
|
|
1235
|
+
table: `<button title="${util.out('Table')}" class="add-table"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-table"></use></svg></use></svg></svg></span>${util.out('Table')}</button>`,
|
|
1236
|
+
social: `<button title="${util.out('Social Links')}" class="add-social"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-social-twitter"></use></svg></use></svg></svg></span>${util.out('Social Links')}</button>`,
|
|
1237
|
+
code: `<button title="${util.out('HTML/JS')}" class="add-code"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-code"></use></svg></use></svg></svg></span>${util.out('HTML/JS')}</button>`,
|
|
1238
|
+
spacer: `<button title="${util.out('Spacer')}" class="add-spacer"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;background:#eee;width:30px;height:5px;"></span></span>${util.out('Spacer')}</button>`,
|
|
1239
|
+
line: `<button title="${util.out('Line')}" class="add-line"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;background:#ddd;width:30px;height:2px;"></span></span>${util.out('Line')}</button>`
|
|
1240
|
+
};
|
|
1241
|
+
|
|
1242
|
+
// Filter buttons (backward compatibility)
|
|
1243
|
+
const filteredButtons = quickAddButtons.filter(item => {
|
|
1244
|
+
if (builder.opts.emailMode && item === 'button') return false;
|
|
1245
|
+
if (builder.opts.emailMode && item === 'twobutton') return false;
|
|
1246
|
+
return true;
|
|
1247
|
+
});
|
|
1248
|
+
let buttonsHtml = filteredButtons.map(item => buttonTemplates[item] || '').join('');
|
|
1211
1249
|
let quickadd = builderStuff.querySelector('.quickadd');
|
|
1212
1250
|
if (!quickadd) {
|
|
1213
1251
|
const html = `<div class="is-pop quickadd arrow-right" style="z-index:10003;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
@@ -1217,34 +1255,11 @@ const renderQuickAdd = builder => {
|
|
|
1217
1255
|
<div class="is-pop-tab-item active" data-value="right">${util.out('Add to Right')}</div>
|
|
1218
1256
|
</div>
|
|
1219
1257
|
<div style="padding:12px;display:flex;flex-direction:row;flex-flow: wrap;justify-content: center;align-items: center;">
|
|
1220
|
-
|
|
1221
|
-
<
|
|
1222
|
-
<button title="${util.out('
|
|
1223
|
-
<button title="${util.out('List')}" class="add-list"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-list-bullet"></use></svg></span>${util.out('List')}</button>
|
|
1224
|
-
<button title="${util.out('Heading 1')}" class="add-heading1"><span style="font-family:serif;display:block;margin:0 0 8px;">H1</span>${util.out('Heading 1')}</button>
|
|
1225
|
-
<button title="${util.out('Heading 2')}" class="add-heading2"><span style="font-family:serif;display:block;margin:0 0 8px;">H2</span>${util.out('Heading 2')}</button>
|
|
1226
|
-
<button title="${util.out('Heading 3')}" class="add-heading3"><span style="font-family:serif;display:block;margin:0 0 8px;">H3</span>${util.out('Heading 3')}</button>
|
|
1227
|
-
<button title="${util.out('Heading 4')}" class="add-heading4"><span style="font-family:serif;display:block;margin:0 0 8px;">H4</span>${util.out('Heading 4')}</button>
|
|
1228
|
-
<button title="${util.out('Quote')}" class="add-quote"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-quote"></use></svg></span>${util.out('Quote')}</button>
|
|
1229
|
-
<button style="display:none" title="${util.out('Preformatted')}" class="add-preformatted"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-code"></use></svg></span>${util.out('Preformatted')}</button>
|
|
1230
|
-
${builder.opts.emailMode ? '' : `<button title="${util.out('Button')}" class="add-button"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;border:#a1a1a1 1px solid;background:#f3f3f3;width:10px;height:4px;"></span></span>${util.out('Button')}</button>`}
|
|
1231
|
-
${builder.opts.emailMode ? '' : `<button title="${util.out('Two Button')}" class="add-twobutton"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;border:#a1a1a1 1px solid;background:#f3f3f3;width:10px;height:4px;"></span></span>${util.out('Two Button')}</button>`}
|
|
1232
|
-
<button title="${util.out('Map')}" class="add-map"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-location"></use></svg></use></svg></svg></span>${util.out('Map')}</button>
|
|
1233
|
-
<button title="${util.out('Youtube')}" class="add-youtube"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-social-youtube-outline"></use></svg></use></svg></svg></span>${util.out('Youtube')}</button>
|
|
1234
|
-
<button title="${util.out('Video')}" class="add-video"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-ios-play"></use></svg></use></svg></svg></span>${util.out('Video')}</button>
|
|
1235
|
-
<button style="display:none" title="${util.out('Audio')}" class="add-audio"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-volume-medium"></use></svg></use></svg></svg></span>${util.out('Audio')}</button>
|
|
1236
|
-
<button title="${util.out('Icon')}" class="add-icon"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-android-happy"></use></svg></use></svg></svg></span>${util.out('Icon')}</button>
|
|
1237
|
-
<button title="${util.out('SVG')}" class="add-svg"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-5px"><use xlink:href="#icon-svg"></use></svg></use></svg></svg></span>${util.out('SVG')}</button>
|
|
1238
|
-
<button title="${util.out('Table')}" class="add-table"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-table"></use></svg></use></svg></svg></span>${util.out('Table')}</button>
|
|
1239
|
-
<button title="${util.out('Social Links')}" class="add-social"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-social-twitter"></use></svg></use></svg></svg></span>${util.out('Social Links')}</button>
|
|
1240
|
-
<button title="${util.out('HTML/JS')}" class="add-code"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-code"></use></svg></use></svg></svg></span>${util.out('HTML/JS')}</button>
|
|
1241
|
-
<button title="${util.out('Spacer')}" class="add-spacer"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;background:#eee;width:30px;height:5px;"></span></span>${util.out('Spacer')}</button>
|
|
1242
|
-
<button style="display:none" title="${util.out('Line')}" class="add-line"><span style="display:block;margin:0 0 8px;"><span style="display:inline-block;background:#ddd;width:30px;height:2px;"></span></span>${util.out('Line')}</button>
|
|
1243
|
-
<div class="pop-separator"></div>
|
|
1244
|
-
<button title="${util.out('More...')}" class="add-more" style="flex-direction:initial;">${util.out('More...')}</button>
|
|
1245
|
-
</div>
|
|
1258
|
+
${buttonsHtml}
|
|
1259
|
+
<div class="pop-separator" ${builder.noSnippets ? ' style="display:none"' : ''}></div>
|
|
1260
|
+
<button title="${util.out('More...')}" class="add-more" style="flex-direction:initial;${builder.noSnippets ? 'display:none' : ''}">${util.out('More...')}</button>
|
|
1246
1261
|
</div>
|
|
1247
|
-
|
|
1262
|
+
</div>`;
|
|
1248
1263
|
dom.appendHtml(builderStuff, html);
|
|
1249
1264
|
quickadd = builderStuff.querySelector('.quickadd');
|
|
1250
1265
|
let tabs = quickadd.querySelectorAll('.is-pop-tab-item');
|
|
@@ -1344,7 +1359,7 @@ const renderQuickAdd = builder => {
|
|
|
1344
1359
|
util.addContent(html, mode);
|
|
1345
1360
|
});
|
|
1346
1361
|
elm = quickadd.querySelector('.add-button');
|
|
1347
|
-
|
|
1362
|
+
dom.addEventListener(elm, 'click', () => {
|
|
1348
1363
|
const mode = quickadd.getAttribute('data-mode');
|
|
1349
1364
|
let html = `<div>
|
|
1350
1365
|
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
|
|
@@ -1355,7 +1370,7 @@ const renderQuickAdd = builder => {
|
|
|
1355
1370
|
util.addContent(html, mode);
|
|
1356
1371
|
});
|
|
1357
1372
|
elm = quickadd.querySelector('.add-twobutton');
|
|
1358
|
-
|
|
1373
|
+
dom.addEventListener(elm, 'click', () => {
|
|
1359
1374
|
const mode = quickadd.getAttribute('data-mode');
|
|
1360
1375
|
let html = `<div>
|
|
1361
1376
|
<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Read More</a>
|
|
@@ -6299,8 +6314,8 @@ class Util {
|
|
|
6299
6314
|
const newPos = this.getElementPosition(btnCellMore);
|
|
6300
6315
|
let top = newPos.top;
|
|
6301
6316
|
let left = newPos.left;
|
|
6302
|
-
columnMore.style.top = top + 35 + 'px';
|
|
6303
|
-
columnMore.style.left = left - 7 + 'px';
|
|
6317
|
+
columnMore.style.top = top + 35 + window.pageYOffset + 'px';
|
|
6318
|
+
columnMore.style.left = left - 7 + window.pageXOffset + 'px';
|
|
6304
6319
|
setTimeout(() => {
|
|
6305
6320
|
columnMore.classList.remove('transition1');
|
|
6306
6321
|
}, 300);
|
|
@@ -15561,7 +15576,7 @@ const prepareSvgIcons = builder => {
|
|
|
15561
15576
|
<path d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"></path>
|
|
15562
15577
|
</symbol>
|
|
15563
15578
|
|
|
15564
|
-
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15579
|
+
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15565
15580
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15566
15581
|
<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>
|
|
15567
15582
|
<path d="M20 4v5h-5"></path>
|
|
@@ -15639,7 +15654,7 @@ const prepareSvgIcons = builder => {
|
|
|
15639
15654
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
15640
15655
|
<path d="M20.2 20.2l1.8 1.8"></path>
|
|
15641
15656
|
</symbol>
|
|
15642
|
-
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="
|
|
15657
|
+
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15643
15658
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15644
15659
|
<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>
|
|
15645
15660
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
@@ -15818,7 +15833,7 @@ const prepareSvgIcons = builder => {
|
|
|
15818
15833
|
<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" />
|
|
15819
15834
|
</symbol>
|
|
15820
15835
|
|
|
15821
|
-
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="
|
|
15836
|
+
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15822
15837
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15823
15838
|
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
15824
15839
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
@@ -15833,6 +15848,47 @@ const prepareSvgIcons = builder => {
|
|
|
15833
15848
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15834
15849
|
<path d="M5 12l14 0"></path>
|
|
15835
15850
|
</symbol>
|
|
15851
|
+
|
|
15852
|
+
<symbol id="icon-dots2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15853
|
+
<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" />
|
|
15854
|
+
</symbol>
|
|
15855
|
+
<symbol id="icon-close" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15856
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15857
|
+
<path d="M18 6l-12 12"></path>
|
|
15858
|
+
<path d="M6 6l12 12"></path>
|
|
15859
|
+
</symbol>
|
|
15860
|
+
<symbol id="icon-trash2" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15861
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15862
|
+
<path d="M4 7l16 0"></path>
|
|
15863
|
+
<path d="M10 11l0 6"></path>
|
|
15864
|
+
<path d="M14 11l0 6"></path>
|
|
15865
|
+
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
|
|
15866
|
+
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
|
|
15867
|
+
</symbol>
|
|
15868
|
+
<symbol id="icon-duplicate3" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15869
|
+
<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" />
|
|
15870
|
+
</symbol>
|
|
15871
|
+
<symbol id="icon-pencil2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15872
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15873
|
+
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
|
|
15874
|
+
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
|
|
15875
|
+
</symbol>
|
|
15876
|
+
<symbol id="icon-link2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15877
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15878
|
+
<path d="M9 15l6 -6"></path>
|
|
15879
|
+
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
|
|
15880
|
+
<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>
|
|
15881
|
+
</symbol>
|
|
15882
|
+
<symbol id="icon-cog" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15883
|
+
<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" />
|
|
15884
|
+
</symbol>
|
|
15885
|
+
<symbol id="icon-photo" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15886
|
+
<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" />
|
|
15887
|
+
</symbol>
|
|
15888
|
+
<symbol id="icon-minus2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15889
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15890
|
+
<path d="M5 12l14 0"></path>
|
|
15891
|
+
</symbol>
|
|
15836
15892
|
</svg>`;
|
|
15837
15893
|
builder.dom.appendHtml(builder.builderStuff, html);
|
|
15838
15894
|
};
|
|
@@ -16871,8 +16927,8 @@ class RowTool$1 {
|
|
|
16871
16927
|
}
|
|
16872
16928
|
*/
|
|
16873
16929
|
const newPos = this.builder.util.getElementPosition(elm);
|
|
16874
|
-
let top = newPos.top;
|
|
16875
|
-
let left = newPos.left;
|
|
16930
|
+
let top = newPos.top + window.pageYOffset;
|
|
16931
|
+
let left = newPos.left + window.pageXOffset;
|
|
16876
16932
|
|
|
16877
16933
|
// const w = rowMore.offsetWidth;
|
|
16878
16934
|
rowMore.style.top = top - 8 + 'px';
|
|
@@ -45235,12 +45291,14 @@ class Image$1 {
|
|
|
45235
45291
|
let html = `
|
|
45236
45292
|
<div id="divImageTool" class="is-tool">
|
|
45237
45293
|
<div role="button" tabindex="0" class="image-embed" style="${this.builder.opts.imageEmbed ? '' : 'display:none;'}width:40px;height:40px;overflow:hidden;">
|
|
45238
|
-
<div style="position:absolute;width:100%;height:100%;"
|
|
45294
|
+
<div style="position:absolute;width:100%;height:100%;">
|
|
45295
|
+
<svg class="is-icon-flex" style="position: absolute;top: 13px;left: 15px;width: 16px;height: 16px;"><use xlink:href="#ion-image"></use></svg>
|
|
45296
|
+
</div>
|
|
45239
45297
|
<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;"/>
|
|
45240
45298
|
</div>
|
|
45241
|
-
<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="#
|
|
45242
|
-
<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;
|
|
45243
|
-
<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:
|
|
45299
|
+
<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>
|
|
45300
|
+
<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>
|
|
45301
|
+
<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>
|
|
45244
45302
|
</div>
|
|
45245
45303
|
<div id="divImageProgress">
|
|
45246
45304
|
<div>
|
|
@@ -48580,10 +48638,18 @@ class Hyperlink {
|
|
|
48580
48638
|
let linkTool = builderStuff.querySelector('#divLinkTool');
|
|
48581
48639
|
if (!linkTool) {
|
|
48582
48640
|
let html = `<div id="divLinkTool" class="is-tool">
|
|
48583
|
-
|
|
48584
|
-
|
|
48585
|
-
|
|
48586
|
-
<button title="${util.out('
|
|
48641
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="link-button-edit" style="display:none;">
|
|
48642
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg>
|
|
48643
|
+
</button>
|
|
48644
|
+
<button title="${util.out('Link')}" data-title="${util.out('Link')}" class="link-edit">
|
|
48645
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg>
|
|
48646
|
+
</button>
|
|
48647
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="link-duplicate">
|
|
48648
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
48649
|
+
</button>
|
|
48650
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="link-remove">
|
|
48651
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
48652
|
+
</button>
|
|
48587
48653
|
</div>
|
|
48588
48654
|
`;
|
|
48589
48655
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49175,9 +49241,15 @@ class Button {
|
|
|
49175
49241
|
let buttonTool = builderStuff.querySelector('#divButtonTool');
|
|
49176
49242
|
if (!buttonTool) {
|
|
49177
49243
|
let html = `<div id="divButtonTool" class="is-tool">
|
|
49178
|
-
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit"
|
|
49179
|
-
|
|
49180
|
-
|
|
49244
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit">
|
|
49245
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg>
|
|
49246
|
+
</button>
|
|
49247
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="button-duplicate">
|
|
49248
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
49249
|
+
</button>
|
|
49250
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="button-remove">
|
|
49251
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
49252
|
+
</button>
|
|
49181
49253
|
</div>
|
|
49182
49254
|
`;
|
|
49183
49255
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49309,8 +49381,8 @@ class Spacer {
|
|
|
49309
49381
|
if (!spacerTool) {
|
|
49310
49382
|
let html = `
|
|
49311
49383
|
<div id="divSpacerTool" class="is-tool is-spacer-tool">
|
|
49312
|
-
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#
|
|
49313
|
-
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
49384
|
+
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#icon-minus2"></use></svg></button>
|
|
49385
|
+
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#icon-plus"></use></svg></button>
|
|
49314
49386
|
</div>
|
|
49315
49387
|
`;
|
|
49316
49388
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49470,7 +49542,7 @@ class Module {
|
|
|
49470
49542
|
let html = `
|
|
49471
49543
|
<div class="is-tool is-module-tool">
|
|
49472
49544
|
<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>
|
|
49473
|
-
<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="#
|
|
49545
|
+
<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>
|
|
49474
49546
|
</div>
|
|
49475
49547
|
`;
|
|
49476
49548
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49720,7 +49792,7 @@ class Code {
|
|
|
49720
49792
|
if (!codeTool) {
|
|
49721
49793
|
let html = `
|
|
49722
49794
|
<div class="is-tool is-code-tool">
|
|
49723
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}"
|
|
49795
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
49724
49796
|
</div>
|
|
49725
49797
|
`;
|
|
49726
49798
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49848,7 +49920,7 @@ class Iframe {
|
|
|
49848
49920
|
if (!iframeTool) {
|
|
49849
49921
|
let html = `
|
|
49850
49922
|
<div class="is-tool is-iframe-tool">
|
|
49851
|
-
<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="#
|
|
49923
|
+
<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>
|
|
49852
49924
|
</div>
|
|
49853
49925
|
`;
|
|
49854
49926
|
dom.appendHtml(builderStuff, html);
|
|
@@ -50008,7 +50080,7 @@ class Table {
|
|
|
50008
50080
|
//<div class="is-modal-bar is-draggable" style="background:#f9f9f9;"></div>
|
|
50009
50081
|
let html = `
|
|
50010
50082
|
<div class="is-tool is-table-tool">
|
|
50011
|
-
<button title="${util.out('Settings')}" style="width:
|
|
50083
|
+
<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>
|
|
50012
50084
|
</div>
|
|
50013
50085
|
`;
|
|
50014
50086
|
dom.appendHtml(builderStuff, html);
|
|
@@ -50566,7 +50638,7 @@ class Video {
|
|
|
50566
50638
|
if (!videoTool) {
|
|
50567
50639
|
let html = `
|
|
50568
50640
|
<div class="is-tool is-video-tool">
|
|
50569
|
-
<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="#
|
|
50641
|
+
<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>
|
|
50570
50642
|
</div>
|
|
50571
50643
|
`;
|
|
50572
50644
|
dom.appendHtml(builderStuff, html);
|
|
@@ -50823,7 +50895,7 @@ class Audio {
|
|
|
50823
50895
|
if (!audioTool) {
|
|
50824
50896
|
let html = `
|
|
50825
50897
|
<div class="is-tool is-audio-tool">
|
|
50826
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="
|
|
50898
|
+
<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>
|
|
50827
50899
|
</div>
|
|
50828
50900
|
`;
|
|
50829
50901
|
dom.appendHtml(builderStuff, html);
|
|
@@ -51016,7 +51088,7 @@ class Svg {
|
|
|
51016
51088
|
if (!svgTool) {
|
|
51017
51089
|
let html = `
|
|
51018
51090
|
<div class="is-tool is-svg-tool">
|
|
51019
|
-
<button class="btn-svg-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#
|
|
51091
|
+
<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>
|
|
51020
51092
|
</div>
|
|
51021
51093
|
`;
|
|
51022
51094
|
dom.appendHtml(builderStuff, html);
|
|
@@ -51391,14 +51463,20 @@ class RowTool {
|
|
|
51391
51463
|
if (!rowtool) {
|
|
51392
51464
|
let html = `<div class="is-tool is-row-tool" style="${!this.builder.rowTool && this.builder.rowTool !== '' ? 'display:none;' : ''}">
|
|
51393
51465
|
<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>
|
|
51394
|
-
<button type="button" tabindex="-1" title="${util.out('More')}" class="row-more"><svg class="is-icon-flex"><use xlink:href="#
|
|
51466
|
+
<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>
|
|
51395
51467
|
<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>
|
|
51396
|
-
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="row-remove"><svg class="is-icon-flex"><use xlink:href="#
|
|
51468
|
+
<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>
|
|
51397
51469
|
</div>
|
|
51398
51470
|
<div class="is-tool is-col-tool">
|
|
51399
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add"
|
|
51400
|
-
|
|
51401
|
-
|
|
51471
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add">
|
|
51472
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-plus"></use></svg>
|
|
51473
|
+
</button>
|
|
51474
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="cell-more">
|
|
51475
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-dots2"></use></svg>
|
|
51476
|
+
</button>
|
|
51477
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="cell-remove">
|
|
51478
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
51479
|
+
</button>
|
|
51402
51480
|
</div>
|
|
51403
51481
|
`;
|
|
51404
51482
|
dom.appendHtml(row, html);
|
|
@@ -51556,20 +51634,20 @@ class RowTool {
|
|
|
51556
51634
|
const separator = columnMore.querySelector('.is-separator');
|
|
51557
51635
|
let nogrid = cell.closest('[nogrid]'); //dom.parentsHasAttribute(col, 'nogrid');
|
|
51558
51636
|
if (nogrid) {
|
|
51559
|
-
btnPrev.style.display = 'none';
|
|
51560
|
-
btnNext.style.display = 'none';
|
|
51561
|
-
btnUp.style.display = 'none';
|
|
51562
|
-
btnDown.style.display = 'none';
|
|
51637
|
+
if (btnPrev) btnPrev.style.display = 'none';
|
|
51638
|
+
if (btnNext) btnNext.style.display = 'none';
|
|
51639
|
+
if (btnUp) btnUp.style.display = 'none';
|
|
51640
|
+
if (btnDown) btnDown.style.display = 'none';
|
|
51563
51641
|
if (btnIncrease) btnIncrease.style.display = 'none';
|
|
51564
51642
|
if (btnDecrease) btnDecrease.style.display = 'none';
|
|
51565
|
-
btnDuplicate.style.display = 'none';
|
|
51566
|
-
btnPrev.setAttribute('disabled', 'disabled');
|
|
51567
|
-
btnNext.setAttribute('disabled', 'disabled');
|
|
51568
|
-
btnUp.setAttribute('disabled', 'disabled');
|
|
51569
|
-
btnDown.setAttribute('disabled', 'disabled');
|
|
51570
|
-
btnIncrease.setAttribute('disabled', 'disabled');
|
|
51571
|
-
btnDecrease.setAttribute('disabled', 'disabled');
|
|
51572
|
-
btnDuplicate.setAttribute('disabled', 'disabled');
|
|
51643
|
+
if (btnDuplicate) btnDuplicate.style.display = 'none';
|
|
51644
|
+
if (btnPrev) btnPrev.setAttribute('disabled', 'disabled');
|
|
51645
|
+
if (btnNext) btnNext.setAttribute('disabled', 'disabled');
|
|
51646
|
+
if (btnUp) btnUp.setAttribute('disabled', 'disabled');
|
|
51647
|
+
if (btnDown) btnDown.setAttribute('disabled', 'disabled');
|
|
51648
|
+
if (btnIncrease) btnIncrease.setAttribute('disabled', 'disabled');
|
|
51649
|
+
if (btnDecrease) btnDecrease.setAttribute('disabled', 'disabled');
|
|
51650
|
+
if (btnDuplicate) btnDuplicate.setAttribute('disabled', 'disabled');
|
|
51573
51651
|
let btnColHtml = columnMore.querySelector('.cell-html');
|
|
51574
51652
|
if (btnColHtml) btnColHtml.style.display = '';
|
|
51575
51653
|
if (cell.getAttribute('data-html')) {
|
|
@@ -51579,20 +51657,20 @@ class RowTool {
|
|
|
51579
51657
|
this.columnTool.querySelector('.cell-more').setAttribute('disabled', 'disabled');
|
|
51580
51658
|
}
|
|
51581
51659
|
} else {
|
|
51582
|
-
btnPrev.style.display = '';
|
|
51583
|
-
btnNext.style.display = '';
|
|
51584
|
-
btnUp.style.display = '';
|
|
51585
|
-
btnDown.style.display = '';
|
|
51660
|
+
if (btnPrev) btnPrev.style.display = '';
|
|
51661
|
+
if (btnNext) btnNext.style.display = '';
|
|
51662
|
+
if (btnUp) btnUp.style.display = '';
|
|
51663
|
+
if (btnDown) btnDown.style.display = '';
|
|
51586
51664
|
if (btnIncrease) btnIncrease.style.display = '';
|
|
51587
51665
|
if (btnDecrease) btnDecrease.style.display = '';
|
|
51588
|
-
btnDuplicate.style.display = '';
|
|
51589
|
-
btnPrev.removeAttribute('disabled');
|
|
51590
|
-
btnNext.removeAttribute('disabled');
|
|
51591
|
-
btnUp.removeAttribute('disabled');
|
|
51592
|
-
btnDown.removeAttribute('disabled');
|
|
51666
|
+
if (btnDuplicate) btnDuplicate.style.display = '';
|
|
51667
|
+
if (btnPrev) btnPrev.removeAttribute('disabled');
|
|
51668
|
+
if (btnNext) btnNext.removeAttribute('disabled');
|
|
51669
|
+
if (btnUp) btnUp.removeAttribute('disabled');
|
|
51670
|
+
if (btnDown) btnDown.removeAttribute('disabled');
|
|
51593
51671
|
if (btnIncrease) btnIncrease.removeAttribute('disabled');
|
|
51594
51672
|
if (btnDecrease) btnDecrease.removeAttribute('disabled');
|
|
51595
|
-
btnDuplicate.removeAttribute('disabled');
|
|
51673
|
+
if (btnDuplicate) btnDuplicate.removeAttribute('disabled');
|
|
51596
51674
|
let btnColHtml = columnMore.querySelector('.cell-html');
|
|
51597
51675
|
if (btnColHtml) {
|
|
51598
51676
|
btnColHtml.style.display = '';
|
|
@@ -51606,21 +51684,21 @@ class RowTool {
|
|
|
51606
51684
|
|
|
51607
51685
|
if (row.childElementCount - num === 1) {
|
|
51608
51686
|
//-num => minus is-row-tool, is-col-tool, is-rowadd-tool & is-row-overlay
|
|
51609
|
-
btnPrev.style.display = 'none';
|
|
51610
|
-
btnNext.style.display = 'none';
|
|
51687
|
+
if (btnPrev) btnPrev.style.display = 'none';
|
|
51688
|
+
if (btnNext) btnNext.style.display = 'none';
|
|
51611
51689
|
if (btnIncrease) btnIncrease.style.display = 'none';
|
|
51612
51690
|
if (btnDecrease) btnDecrease.style.display = 'none';
|
|
51613
|
-
btnPrev.setAttribute('disabled', 'disabled');
|
|
51614
|
-
btnNext.setAttribute('disabled', 'disabled');
|
|
51691
|
+
if (btnPrev) btnPrev.setAttribute('disabled', 'disabled');
|
|
51692
|
+
if (btnNext) btnNext.setAttribute('disabled', 'disabled');
|
|
51615
51693
|
if (btnIncrease) btnIncrease.setAttribute('disabled', 'disabled');
|
|
51616
51694
|
if (btnDecrease) btnDecrease.setAttribute('disabled', 'disabled');
|
|
51617
51695
|
} else {
|
|
51618
|
-
btnPrev.style.display = '';
|
|
51619
|
-
btnNext.style.display = '';
|
|
51696
|
+
if (btnPrev) btnPrev.style.display = '';
|
|
51697
|
+
if (btnNext) btnNext.style.display = '';
|
|
51620
51698
|
if (btnIncrease) btnIncrease.style.display = '';
|
|
51621
51699
|
if (btnDecrease) btnDecrease.style.display = '';
|
|
51622
|
-
btnPrev.removeAttribute('disabled');
|
|
51623
|
-
btnNext.removeAttribute('disabled');
|
|
51700
|
+
if (btnPrev) btnPrev.removeAttribute('disabled');
|
|
51701
|
+
if (btnNext) btnNext.removeAttribute('disabled');
|
|
51624
51702
|
if (btnIncrease) btnIncrease.removeAttribute('disabled');
|
|
51625
51703
|
if (btnDecrease) btnDecrease.removeAttribute('disabled');
|
|
51626
51704
|
}
|
|
@@ -51648,18 +51726,18 @@ class RowTool {
|
|
|
51648
51726
|
}
|
|
51649
51727
|
}
|
|
51650
51728
|
if (cell.classList.contains('column-lock')) {
|
|
51651
|
-
btnPrev.style.display = 'none';
|
|
51652
|
-
btnNext.style.display = 'none';
|
|
51653
|
-
btnUp.style.display = 'none';
|
|
51654
|
-
btnDown.style.display = 'none';
|
|
51655
|
-
btnIncrease.style.display = 'none';
|
|
51656
|
-
btnDecrease.style.display = 'none';
|
|
51657
|
-
btnDuplicate.style.display = 'none';
|
|
51658
|
-
separator.style.display = 'none';
|
|
51659
|
-
btnLock.style.display = 'none';
|
|
51729
|
+
if (btnPrev) btnPrev.style.display = 'none';
|
|
51730
|
+
if (btnNext) btnNext.style.display = 'none';
|
|
51731
|
+
if (btnUp) btnUp.style.display = 'none';
|
|
51732
|
+
if (btnDown) btnDown.style.display = 'none';
|
|
51733
|
+
if (btnIncrease) btnIncrease.style.display = 'none';
|
|
51734
|
+
if (btnDecrease) btnDecrease.style.display = 'none';
|
|
51735
|
+
if (btnDuplicate) btnDuplicate.style.display = 'none';
|
|
51736
|
+
if (separator) separator.style.display = 'none';
|
|
51737
|
+
if (btnLock) btnLock.style.display = 'none';
|
|
51660
51738
|
} else {
|
|
51661
|
-
separator.style.display = '';
|
|
51662
|
-
btnLock.style.display = '';
|
|
51739
|
+
if (separator) separator.style.display = '';
|
|
51740
|
+
if (btnLock) btnLock.style.display = '';
|
|
51663
51741
|
}
|
|
51664
51742
|
});
|
|
51665
51743
|
const btnCellRemove = coltool.querySelector('.cell-remove');
|
|
@@ -51787,20 +51865,33 @@ class RowTool {
|
|
|
51787
51865
|
const util = this.builder.util;
|
|
51788
51866
|
const dom = this.builder.dom;
|
|
51789
51867
|
let rowMore = builderStuff.querySelector('.rowmore');
|
|
51790
|
-
let htmlbutton = '';
|
|
51791
|
-
if (builder.opts.rowHtmlEditor) htmlbutton = `<button type="button" title="${util.out('HTML')}" class="row-html">
|
|
51792
|
-
<span><svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></span>${util.out('HTML')}
|
|
51793
|
-
</button>`;
|
|
51794
51868
|
if (!rowMore) {
|
|
51869
|
+
let rowMoreButtons = ['moveup', 'movedown', 'duplicate', 'html', 'separator', 'lock', 'settings']; // default
|
|
51870
|
+
|
|
51871
|
+
if (builder.rowMoreButtons) {
|
|
51872
|
+
rowMoreButtons = builder.rowMoreButtons;
|
|
51873
|
+
}
|
|
51874
|
+
const buttonTemplates = {
|
|
51875
|
+
moveup: `<button style="flex: 1 1 calc(50% - 10px);" type="button" title="${util.out('Move Up')}" class="row-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>`,
|
|
51876
|
+
movedown: `<button style="flex: 1 1 calc(50% - 10px);" type="button" title="${util.out('Move Down')}" class="row-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>`,
|
|
51877
|
+
duplicate: `<button style="flex: 1 1 calc(50% - 10px);" type="button" title="${util.out('Duplicate')}" class="row-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>`,
|
|
51878
|
+
html: `<button style="flex: 1 1 calc(50% - 10px);" type="button" title="${util.out('HTML')}" class="row-html">
|
|
51879
|
+
<span><svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></span>${util.out('HTML')}
|
|
51880
|
+
</button>`,
|
|
51881
|
+
separator: '<div class="is-separator"></div>',
|
|
51882
|
+
lock: `<button style="flex: 1 1 calc(50% - 10px);" 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>`,
|
|
51883
|
+
settings: `<button style="flex: 1 1 calc(50% - 10px);" 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>`
|
|
51884
|
+
};
|
|
51885
|
+
|
|
51886
|
+
// Filter buttons
|
|
51887
|
+
const filteredButtons = rowMoreButtons.filter(item => {
|
|
51888
|
+
if (!builder.opts.rowHtmlEditor && item === 'html') return false;
|
|
51889
|
+
return true;
|
|
51890
|
+
});
|
|
51891
|
+
let buttonsHtml = filteredButtons.map(item => buttonTemplates[item] || '').join('');
|
|
51795
51892
|
let html = `<div class="is-pop rowmore" style="z-index:10002;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
51796
51893
|
<div style="display:flex;flex-flow:wrap;">
|
|
51797
|
-
|
|
51798
|
-
<button type="button" title="${util.out('Move Down')}" class="row-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>
|
|
51799
|
-
<button type="button" title="${util.out('Duplicate')}" class="row-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>
|
|
51800
|
-
${htmlbutton}
|
|
51801
|
-
<div class="is-separator"></div>
|
|
51802
|
-
<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>
|
|
51803
|
-
<button type="button" title="${util.out('Settings')}" class="row-settings"><span><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></span>${util.out('Settings')}</button>
|
|
51894
|
+
${buttonsHtml}
|
|
51804
51895
|
</div>
|
|
51805
51896
|
</div>
|
|
51806
51897
|
`;
|
|
@@ -53263,39 +53354,40 @@ class ColumnTool {
|
|
|
53263
53354
|
const dom = this.builder.dom;
|
|
53264
53355
|
this.grid = new Grid(builder);
|
|
53265
53356
|
let columnMore = builderStuff.querySelector('.is-pop.columnmore');
|
|
53266
|
-
let resizebutton = `
|
|
53267
|
-
<button type="button" title="${util.out('Increase')}" class="cell-increase"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-increase"></use></svg></span>${util.out('Increase')}</button>
|
|
53268
|
-
<button type="button" title="${util.out('Decrease')}" class="cell-decrease"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-decrease"></use></svg></span>${util.out('Decrease')}</button>
|
|
53269
|
-
`;
|
|
53270
|
-
let htmlbutton = '';
|
|
53271
|
-
if (builder.opts.columnHtmlEditor) htmlbutton = `<button type="button" title="${util.out('HTML')}" class="cell-html">
|
|
53272
|
-
<span><svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></span>${util.out('HTML')}
|
|
53273
|
-
</button>`;
|
|
53274
53357
|
if (!columnMore) {
|
|
53358
|
+
let columnMoreButtons = ['moveleft', 'moveright', 'moveup', 'movedown', 'increase', 'decrease', 'duplicate', 'html', 'separator', 'lock', 'settings']; // default
|
|
53359
|
+
|
|
53360
|
+
if (builder.columnMoreButtons) {
|
|
53361
|
+
columnMoreButtons = builder.columnMoreButtons;
|
|
53362
|
+
}
|
|
53363
|
+
const buttonTemplates = {
|
|
53364
|
+
moveleft: `<button type="button" title="${util.out('Move Left')}" class="cell-prev" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></span>${util.out('Move Left')}</button>`,
|
|
53365
|
+
moveright: `<button type="button" title="${util.out('Move Right')}" class="cell-next" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></span>${util.out('Move Right')}</button>`,
|
|
53366
|
+
moveup: `<button type="button" title="${util.out('Move Up')}" class="cell-up" style="flex: 1 1 calc(50% - 10px);"><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>`,
|
|
53367
|
+
movedown: `<button type="button" title="${util.out('Move Down')}" class="cell-down" style="flex: 1 1 calc(50% - 10px);"><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>`,
|
|
53368
|
+
increase: `<button type="button" title="${util.out('Increase')}" class="cell-increase" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-increase"></use></svg></span>${util.out('Increase')}</button>`,
|
|
53369
|
+
decrease: `<button type="button" title="${util.out('Decrease')}" class="cell-decrease" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-decrease"></use></svg></span>${util.out('Decrease')}</button>`,
|
|
53370
|
+
duplicate: `<button type="button" title="${util.out('Duplicate')}" class="cell-duplicate" style="flex: 1 1 calc(50% - 10px);"><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>`,
|
|
53371
|
+
html: `<button type="button" title="${util.out('HTML')}" class="cell-html" style="flex: 1 1 calc(50% - 10px);">
|
|
53372
|
+
<span><svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></span>${util.out('HTML')}
|
|
53373
|
+
</button>`,
|
|
53374
|
+
separator: '<div class="is-separator"></div>',
|
|
53375
|
+
lock: `<button type="button" title="${util.out('Lock')}" class="cell-locking" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-lock"></use></svg></span>${util.out('Lock')}</button>`,
|
|
53376
|
+
settings: `<button type="button" title="${util.out('Settings')}" class="cell-settings" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>`
|
|
53377
|
+
};
|
|
53378
|
+
|
|
53379
|
+
// Filter buttons
|
|
53380
|
+
const filteredButtons = columnMoreButtons.filter(item => {
|
|
53381
|
+
if (!builder.opts.columnHtmlEditor && item === 'html') return false;
|
|
53382
|
+
return true;
|
|
53383
|
+
});
|
|
53384
|
+
let buttonsHtml = filteredButtons.map(item => buttonTemplates[item] || '').join('');
|
|
53385
|
+
|
|
53275
53386
|
// Refer to .is-col-tool in in rowtool.js
|
|
53276
53387
|
let html = `
|
|
53277
53388
|
<div class="is-pop columnmore" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
53278
53389
|
<div style="display:flex;flex-flow:wrap;">
|
|
53279
|
-
|
|
53280
|
-
<button type="button" title="${util.out('Move Right')}" class="cell-next"><span><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></span>${util.out('Move Right')}</button>
|
|
53281
|
-
<button type="button" title="${util.out('Move Up')}" class="cell-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>
|
|
53282
|
-
<button type="button" title="${util.out('Move Down')}" class="cell-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>
|
|
53283
|
-
${resizebutton}
|
|
53284
|
-
<button type="button" title="${util.out('Duplicate')}" class="cell-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>
|
|
53285
|
-
${htmlbutton}
|
|
53286
|
-
<div class="is-separator"></div>
|
|
53287
|
-
<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>
|
|
53288
|
-
<button type="button" title="${util.out('Settings')}" class="cell-settings"><span><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></span>${util.out('Settings')}</button>
|
|
53289
|
-
|
|
53290
|
-
<!--
|
|
53291
|
-
<button title="${util.out('Lock')}" class="cell-locking">
|
|
53292
|
-
<svg class="is-icon-flex"><use xlink:href="#icon-lock"></use></svg>
|
|
53293
|
-
</button>
|
|
53294
|
-
<button title="${util.out('Settings')}" class="cell-settings">
|
|
53295
|
-
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
53296
|
-
<span>${util.out('Settings')}</span>
|
|
53297
|
-
</button>
|
|
53298
|
-
-->
|
|
53390
|
+
${buttonsHtml}
|
|
53299
53391
|
</div>
|
|
53300
53392
|
</div>
|
|
53301
53393
|
`;
|
|
@@ -60275,20 +60367,42 @@ class ElementTool {
|
|
|
60275
60367
|
let elementTool = builderStuff.querySelector('.is-element-tool');
|
|
60276
60368
|
let elementMore = builderStuff.querySelector('.elmmore');
|
|
60277
60369
|
if (!elementTool) {
|
|
60370
|
+
let elementMoreButtons = ['moveup', 'movedown', 'duplicate', 'settings']; // default
|
|
60371
|
+
|
|
60372
|
+
if (builder.elementMoreButtons) {
|
|
60373
|
+
elementMoreButtons = builder.elementMoreButtons;
|
|
60374
|
+
}
|
|
60375
|
+
const buttonTemplates = {
|
|
60376
|
+
moveup: `<button type="button" title="${util.out('Move Up')}" class="elm-up" style="flex: 1 1 calc(50% - 10px);"><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>`,
|
|
60377
|
+
movedown: `<button type="button" title="${util.out('Move Down')}" class="elm-down" style="flex: 1 1 calc(50% - 10px);"><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>`,
|
|
60378
|
+
duplicate: `<button type="button" title="${util.out('Duplicate')}" class="elm-duplicate" style="flex: 1 1 calc(50% - 10px);"><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>`,
|
|
60379
|
+
settings: `<button type="button" title="${util.out('Settings')}" class="elm-settings" style="flex: 1 1 calc(50% - 10px);"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>`
|
|
60380
|
+
};
|
|
60381
|
+
|
|
60382
|
+
// Filter buttons
|
|
60383
|
+
const filteredButtons = elementMoreButtons.filter(item => {
|
|
60384
|
+
if (!builder.opts.elementEditor && item === 'settings') return false;
|
|
60385
|
+
return true;
|
|
60386
|
+
});
|
|
60387
|
+
let buttonsHtml = filteredButtons.map(item => buttonTemplates[item] || '').join('');
|
|
60278
60388
|
let html = `<div class="is-tool is-element-tool">
|
|
60279
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add"
|
|
60280
|
-
|
|
60281
|
-
|
|
60282
|
-
<button type="button" tabindex="-1" title="${util.out('
|
|
60389
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add">
|
|
60390
|
+
<svg class="is-icon-flex" style="width:14px;height:14px;color:#111"><use xlink:href="#icon-plus"></use></svg>
|
|
60391
|
+
</button>
|
|
60392
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="elm-more">
|
|
60393
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-dots2"></use></svg>
|
|
60394
|
+
</button>
|
|
60395
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="elm-remove">
|
|
60396
|
+
<svg class="is-icon-flex" style="width:15px;height:15px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
60397
|
+
</button>
|
|
60398
|
+
<button type="button" tabindex="-1" title="${util.out('Settings')}" class="elm-settings">
|
|
60399
|
+
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
60400
|
+
</button>
|
|
60283
60401
|
</div>
|
|
60402
|
+
|
|
60284
60403
|
<div class="is-pop elmmore" style="z-index:10002;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
60285
60404
|
<div style="display:flex;flex-flow:wrap;">
|
|
60286
|
-
|
|
60287
|
-
<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>
|
|
60288
|
-
<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>
|
|
60289
|
-
${this.builder.opts.elementEditor ? `
|
|
60290
|
-
<button type="button" title="${util.out('Settings')}" class="elm-settings"><span><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></span>${util.out('Settings')}</button>
|
|
60291
|
-
` : ''}
|
|
60405
|
+
${buttonsHtml}
|
|
60292
60406
|
</div>
|
|
60293
60407
|
</div>
|
|
60294
60408
|
`;
|
|
@@ -60338,7 +60452,7 @@ class ElementTool {
|
|
|
60338
60452
|
const w = quickadd.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
|
|
60339
60453
|
const h = quickadd.offsetHeight;
|
|
60340
60454
|
if (viewportHeight - top > h) {
|
|
60341
|
-
quickadd.style.top = top + window.pageYOffset +
|
|
60455
|
+
quickadd.style.top = top + window.pageYOffset + 42 + 'px';
|
|
60342
60456
|
quickadd.style.left = left - w / 2 + 10 + 'px';
|
|
60343
60457
|
dom.removeClass(quickadd, 'arrow-bottom');
|
|
60344
60458
|
dom.removeClass(quickadd, 'arrow-right');
|
|
@@ -60503,7 +60617,7 @@ class ElementTool {
|
|
|
60503
60617
|
const w = elementMore.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
|
|
60504
60618
|
const h = elementMore.offsetHeight;
|
|
60505
60619
|
if (viewportHeight - top > h) {
|
|
60506
|
-
elementMore.style.top = top + window.pageYOffset +
|
|
60620
|
+
elementMore.style.top = top + window.pageYOffset + 42 + 'px';
|
|
60507
60621
|
elementMore.style.left = left - w / 2 + 10 + 'px';
|
|
60508
60622
|
dom.removeClass(elementMore, 'arrow-bottom');
|
|
60509
60623
|
dom.removeClass(elementMore, 'arrow-right');
|
|
@@ -60799,6 +60913,13 @@ class ElementTool {
|
|
|
60799
60913
|
}
|
|
60800
60914
|
}
|
|
60801
60915
|
}
|
|
60916
|
+
if (activeElement && activeElement.classList.contains('ovl') && this.builder.activeIframe) {
|
|
60917
|
+
activeElement = this.builder.activeIframe.closest('.embed-responsive');
|
|
60918
|
+
} else if (activeElement && activeElement.classList.contains('ovl')) {
|
|
60919
|
+
if (activeElement.parentNode.querySelector('audio')) {
|
|
60920
|
+
activeElement = activeElement.parentNode;
|
|
60921
|
+
}
|
|
60922
|
+
}
|
|
60802
60923
|
this.builder.activeElement = activeElement;
|
|
60803
60924
|
if (activeElement) {
|
|
60804
60925
|
let elm = activeElement;
|
|
@@ -78394,54 +78515,83 @@ class ContentStuff {
|
|
|
78394
78515
|
constructor(builder) {
|
|
78395
78516
|
this.builder = builder;
|
|
78396
78517
|
const util = builder.util;
|
|
78397
|
-
const html =
|
|
78518
|
+
const html = `
|
|
78519
|
+
<!-- not used -->
|
|
78520
|
+
<div class="is-tool is-column-tool">
|
|
78398
78521
|
<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>
|
|
78399
78522
|
<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>
|
|
78400
78523
|
<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>
|
|
78401
78524
|
</div>
|
|
78525
|
+
<!-- /not used -->
|
|
78526
|
+
|
|
78402
78527
|
<div class="is-tool is-element-tool">
|
|
78403
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add"
|
|
78404
|
-
|
|
78405
|
-
|
|
78406
|
-
<button type="button" tabindex="-1" title="${util.out('
|
|
78528
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add">
|
|
78529
|
+
<svg class="is-icon-flex" style="width:14px;height:14px;color:#111"><use xlink:href="#icon-plus"></use></svg>
|
|
78530
|
+
</button>
|
|
78531
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="elm-more">
|
|
78532
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-dots2"></use></svg>
|
|
78533
|
+
</button>
|
|
78534
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="elm-remove">
|
|
78535
|
+
<svg class="is-icon-flex" style="width:15px;height:15px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
78536
|
+
</button>
|
|
78537
|
+
<button type="button" tabindex="-1" title="${util.out('Settings')}" class="elm-settings">
|
|
78538
|
+
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
78539
|
+
</button>
|
|
78407
78540
|
</div>
|
|
78408
78541
|
|
|
78409
78542
|
<div id="divButtonTool" class="is-tool">
|
|
78410
|
-
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit"
|
|
78411
|
-
|
|
78412
|
-
|
|
78543
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit">
|
|
78544
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-pencil2"></use></svg>
|
|
78545
|
+
</button>
|
|
78546
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="button-duplicate">
|
|
78547
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;color:#111"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
78548
|
+
</button>
|
|
78549
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="button-remove">
|
|
78550
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
78551
|
+
</button>
|
|
78413
78552
|
</div>
|
|
78553
|
+
|
|
78414
78554
|
<div class="is-tool is-code-tool">
|
|
78415
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:
|
|
78555
|
+
<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>
|
|
78416
78556
|
</div>
|
|
78557
|
+
|
|
78417
78558
|
<div id="divLinkTool" class="is-tool">
|
|
78418
|
-
|
|
78419
|
-
|
|
78420
|
-
|
|
78421
|
-
|
|
78559
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="link-button-edit" style="display:none;">
|
|
78560
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-pencil2"></use></svg>
|
|
78561
|
+
</button>
|
|
78562
|
+
<button title="${util.out('Link')}" data-title="${util.out('Link')}" class="link-edit">
|
|
78563
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg>
|
|
78564
|
+
</button>
|
|
78565
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="link-duplicate">
|
|
78566
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;color:#111"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
78567
|
+
</button>
|
|
78568
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="link-remove">
|
|
78569
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
78570
|
+
</button>
|
|
78422
78571
|
</div>
|
|
78572
|
+
|
|
78423
78573
|
<div class="is-tool is-iframe-tool">
|
|
78424
|
-
<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="#
|
|
78574
|
+
<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>
|
|
78425
78575
|
</div>
|
|
78426
78576
|
<div class="is-tool is-module-tool">
|
|
78427
|
-
|
|
78428
|
-
|
|
78577
|
+
<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>
|
|
78578
|
+
<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>
|
|
78429
78579
|
</div>
|
|
78430
78580
|
<div class="is-tool is-svg-tool">
|
|
78431
|
-
<button class="btn-svg-settings" title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#
|
|
78581
|
+
<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>
|
|
78432
78582
|
</div>
|
|
78433
78583
|
<div id="divSpacerTool" class="is-tool is-spacer-tool">
|
|
78434
|
-
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#
|
|
78435
|
-
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#
|
|
78584
|
+
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#icon-minus2"></use></svg></button>
|
|
78585
|
+
<button title="${util.out('Increase')}" data-value="+" style="border-left: none;"><svg class="is-icon-flex"><use xlink:href="#icon-plus"></use></svg></button>
|
|
78436
78586
|
</div>
|
|
78437
78587
|
<div class="is-tool is-table-tool">
|
|
78438
|
-
<button title="${util.out('Settings')}" style="width:
|
|
78588
|
+
<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>
|
|
78439
78589
|
</div>
|
|
78440
78590
|
<div class="is-tool is-video-tool">
|
|
78441
|
-
<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="#
|
|
78591
|
+
<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>
|
|
78442
78592
|
</div>
|
|
78443
78593
|
<div class="is-tool is-audio-tool">
|
|
78444
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:
|
|
78594
|
+
<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>
|
|
78445
78595
|
</div>
|
|
78446
78596
|
|
|
78447
78597
|
<div class="is-locked-indicator">
|
|
@@ -78561,7 +78711,7 @@ class ContentStuff {
|
|
|
78561
78711
|
<symbol viewBox="0 0 512 512" id="ion-volume-medium">
|
|
78562
78712
|
<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"/>
|
|
78563
78713
|
</symbol>
|
|
78564
|
-
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="
|
|
78714
|
+
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78565
78715
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78566
78716
|
<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>
|
|
78567
78717
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
@@ -78572,6 +78722,64 @@ class ContentStuff {
|
|
|
78572
78722
|
<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>
|
|
78573
78723
|
<path d="M20 4v5h-5"></path>
|
|
78574
78724
|
</symbol>
|
|
78725
|
+
|
|
78726
|
+
|
|
78727
|
+
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78728
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78729
|
+
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
78730
|
+
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
78731
|
+
</symbol>
|
|
78732
|
+
<symbol id="icon-plus2" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78733
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78734
|
+
<path d="M12 5l0 14"></path>
|
|
78735
|
+
<path d="M5 12l14 0"></path>
|
|
78736
|
+
</symbol>
|
|
78737
|
+
|
|
78738
|
+
<symbol id="icon-minus" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78739
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78740
|
+
<path d="M5 12l14 0"></path>
|
|
78741
|
+
</symbol>
|
|
78742
|
+
|
|
78743
|
+
<symbol id="icon-dots2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78744
|
+
<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" />
|
|
78745
|
+
</symbol>
|
|
78746
|
+
<symbol id="icon-close" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78747
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78748
|
+
<path d="M18 6l-12 12"></path>
|
|
78749
|
+
<path d="M6 6l12 12"></path>
|
|
78750
|
+
</symbol>
|
|
78751
|
+
<symbol id="icon-trash2" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78752
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78753
|
+
<path d="M4 7l16 0"></path>
|
|
78754
|
+
<path d="M10 11l0 6"></path>
|
|
78755
|
+
<path d="M14 11l0 6"></path>
|
|
78756
|
+
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
|
|
78757
|
+
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
|
|
78758
|
+
</symbol>
|
|
78759
|
+
<symbol id="icon-duplicate3" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78760
|
+
<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" />
|
|
78761
|
+
</symbol>
|
|
78762
|
+
<symbol id="icon-pencil2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78763
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78764
|
+
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
|
|
78765
|
+
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
|
|
78766
|
+
</symbol>
|
|
78767
|
+
<symbol id="icon-link2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78768
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78769
|
+
<path d="M9 15l6 -6"></path>
|
|
78770
|
+
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
|
|
78771
|
+
<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>
|
|
78772
|
+
</symbol>
|
|
78773
|
+
<symbol id="icon-cog" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78774
|
+
<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" />
|
|
78775
|
+
</symbol>
|
|
78776
|
+
<symbol id="icon-photo" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78777
|
+
<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" />
|
|
78778
|
+
</symbol>
|
|
78779
|
+
<symbol id="icon-minus2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78780
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78781
|
+
<path d="M5 12l14 0"></path>
|
|
78782
|
+
</symbol>
|
|
78575
78783
|
</defs>
|
|
78576
78784
|
</svg>
|
|
78577
78785
|
|
|
@@ -78765,6 +78973,9 @@ class ContentStuff {
|
|
|
78765
78973
|
}
|
|
78766
78974
|
|
|
78767
78975
|
/* Tool */
|
|
78976
|
+
|
|
78977
|
+
|
|
78978
|
+
/*
|
|
78768
78979
|
.is-tool.is-video-tool,
|
|
78769
78980
|
.is-tool.is-audio-tool,
|
|
78770
78981
|
.is-tool.is-iframe-tool {
|
|
@@ -78824,6 +79035,111 @@ class ContentStuff {
|
|
|
78824
79035
|
.is-tool.is-table-tool:hover {
|
|
78825
79036
|
z-index:10001 !important
|
|
78826
79037
|
}
|
|
79038
|
+
*/
|
|
79039
|
+
|
|
79040
|
+
|
|
79041
|
+
.is-tool.is-video-tool,
|
|
79042
|
+
.is-tool.is-audio-tool,
|
|
79043
|
+
.is-tool.is-iframe-tool {
|
|
79044
|
+
background: rgba(255, 255, 255, 0.97) !important;
|
|
79045
|
+
border: transparent 1px solid;
|
|
79046
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79047
|
+
border-radius: 20px;
|
|
79048
|
+
}
|
|
79049
|
+
|
|
79050
|
+
.is-tool.is-video-tool > div,
|
|
79051
|
+
.is-tool.is-video-tool > button,
|
|
79052
|
+
.is-tool.is-audio-tool > div,
|
|
79053
|
+
.is-tool.is-audio-tool > button,
|
|
79054
|
+
.is-tool.is-iframe-tool > div,
|
|
79055
|
+
.is-tool.is-iframe-tool > button {
|
|
79056
|
+
width: 35px !important;
|
|
79057
|
+
height: 35px !important;
|
|
79058
|
+
background: transparent;
|
|
79059
|
+
}
|
|
79060
|
+
|
|
79061
|
+
.is-tool.is-video-tool svg,
|
|
79062
|
+
.is-tool.is-audio-tool svg,
|
|
79063
|
+
.is-tool.is-iframe-tool svg {
|
|
79064
|
+
width: 17px;
|
|
79065
|
+
height: 17px;
|
|
79066
|
+
fill: #111 !important;
|
|
79067
|
+
color: #111 !important;
|
|
79068
|
+
}
|
|
79069
|
+
|
|
79070
|
+
.is-tool.is-spacer-tool {
|
|
79071
|
+
border: none;
|
|
79072
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79073
|
+
border-radius: 20px;
|
|
79074
|
+
overflow: hidden;
|
|
79075
|
+
}
|
|
79076
|
+
.is-tool.is-spacer-tool > button {
|
|
79077
|
+
width: 40px;
|
|
79078
|
+
height: 35px;
|
|
79079
|
+
background: rgba(255, 255, 255, 0.97) !important;
|
|
79080
|
+
}
|
|
79081
|
+
.is-tool.is-spacer-tool > button svg {
|
|
79082
|
+
fill: #111 !important;
|
|
79083
|
+
color: #111 !important;
|
|
79084
|
+
}
|
|
79085
|
+
.is-tool.is-table-tool {
|
|
79086
|
+
border: none;
|
|
79087
|
+
background: none;
|
|
79088
|
+
border-radius: 20px;
|
|
79089
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79090
|
+
}
|
|
79091
|
+
.is-tool.is-table-tool:hover {
|
|
79092
|
+
z-index: 10001 !important;
|
|
79093
|
+
}
|
|
79094
|
+
.is-tool.is-table-tool > button {
|
|
79095
|
+
width: 35px;
|
|
79096
|
+
height: 35px;
|
|
79097
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
79098
|
+
}
|
|
79099
|
+
.is-tool.is-table-tool > button svg {
|
|
79100
|
+
width: 17px !important;
|
|
79101
|
+
height: 17px !important;
|
|
79102
|
+
fill: #111 !important;
|
|
79103
|
+
color: #111 !important;
|
|
79104
|
+
}
|
|
79105
|
+
.is-tool.is-code-tool, .is-tool.is-module-tool, .is-tool.is-svg-tool {
|
|
79106
|
+
border: none;
|
|
79107
|
+
background: none;
|
|
79108
|
+
border-radius: 20px;
|
|
79109
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79110
|
+
overflow: hidden;
|
|
79111
|
+
}
|
|
79112
|
+
.is-tool.is-code-tool > button, .is-tool.is-module-tool > button, .is-tool.is-svg-tool > button {
|
|
79113
|
+
width: 35px;
|
|
79114
|
+
height: 35px;
|
|
79115
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
79116
|
+
}
|
|
79117
|
+
.is-tool.is-code-tool > button svg, .is-tool.is-module-tool > button svg, .is-tool.is-svg-tool > button svg {
|
|
79118
|
+
width: 17px !important;
|
|
79119
|
+
height: 17px !important;
|
|
79120
|
+
fill: #111 !important;
|
|
79121
|
+
color: #111 !important;
|
|
79122
|
+
}
|
|
79123
|
+
.is-tool#divLinkTool, .is-tool#divButtonTool {
|
|
79124
|
+
background: rgba(255, 255, 255, 0.95) !important;
|
|
79125
|
+
box-shadow: none;
|
|
79126
|
+
border-radius: 20px;
|
|
79127
|
+
overflow: hidden;
|
|
79128
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79129
|
+
margin-top: -10px;
|
|
79130
|
+
margin-left: 7px;
|
|
79131
|
+
}
|
|
79132
|
+
.is-tool#divLinkTool button, .is-tool#divButtonTool button {
|
|
79133
|
+
width: 37px;
|
|
79134
|
+
height: 37px;
|
|
79135
|
+
background: transparent !important;
|
|
79136
|
+
}
|
|
79137
|
+
.is-tool#divLinkTool button svg, .is-tool#divButtonTool button svg {
|
|
79138
|
+
fill: #111 !important;
|
|
79139
|
+
color: #111 !important;
|
|
79140
|
+
}
|
|
79141
|
+
|
|
79142
|
+
|
|
78827
79143
|
|
|
78828
79144
|
|
|
78829
79145
|
.dot {
|
|
@@ -78917,19 +79233,25 @@ class ContentStuff {
|
|
|
78917
79233
|
/* is-element-tool */
|
|
78918
79234
|
|
|
78919
79235
|
.is-tool.is-element-tool {
|
|
78920
|
-
background: rgba(243, 243, 243, 0.9);
|
|
78921
79236
|
border-radius: 3px;
|
|
78922
79237
|
overflow: hidden;
|
|
79238
|
+
margin-top: 10px;
|
|
79239
|
+
margin-left: 0px;
|
|
79240
|
+
border-radius: 100px;
|
|
79241
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79242
|
+
background-color: rgba(255, 255, 255, 0.97) !important;
|
|
78923
79243
|
}
|
|
78924
79244
|
.is-tool.is-element-tool button {
|
|
78925
|
-
width:
|
|
78926
|
-
height:
|
|
79245
|
+
width: 32px;
|
|
79246
|
+
height: 31px;
|
|
78927
79247
|
background: transparent;
|
|
79248
|
+
color: #111;
|
|
78928
79249
|
}
|
|
78929
79250
|
.is-tool.is-element-tool svg {
|
|
78930
79251
|
width: 14px;
|
|
78931
79252
|
height: 14px;
|
|
78932
|
-
fill: #111;
|
|
79253
|
+
fill: #111 !important;
|
|
79254
|
+
color: #111 !important;
|
|
78933
79255
|
}
|
|
78934
79256
|
.is-tool.is-element-tool .elm-more svg {
|
|
78935
79257
|
width: 11px;
|
|
@@ -79001,8 +79323,8 @@ class ContentStuff {
|
|
|
79001
79323
|
}
|
|
79002
79324
|
|
|
79003
79325
|
.is-tool.is-row-tool button {
|
|
79004
|
-
width:
|
|
79005
|
-
height:
|
|
79326
|
+
width: 28px;
|
|
79327
|
+
height: 28px;
|
|
79006
79328
|
display: flex;
|
|
79007
79329
|
justify-content: center;
|
|
79008
79330
|
align-items: center;
|
|
@@ -79134,10 +79456,11 @@ class ContentStuff {
|
|
|
79134
79456
|
box-shadow: none;
|
|
79135
79457
|
border-radius: 2px;
|
|
79136
79458
|
overflow: hidden;
|
|
79459
|
+
top: -3px !important;
|
|
79137
79460
|
}
|
|
79138
79461
|
.is-tool.is-col-tool button {
|
|
79139
|
-
width:
|
|
79140
|
-
height:
|
|
79462
|
+
width: 28px;
|
|
79463
|
+
height: 28px;
|
|
79141
79464
|
display: flex;
|
|
79142
79465
|
justify-content: center;
|
|
79143
79466
|
align-items: center;
|
|
@@ -79160,6 +79483,9 @@ class ContentStuff {
|
|
|
79160
79483
|
width: 14px;
|
|
79161
79484
|
height: 14px;
|
|
79162
79485
|
}
|
|
79486
|
+
.is-tool.is-col-tool svg * { /* prevent override by .is-dark-text * */
|
|
79487
|
+
color: #fff;
|
|
79488
|
+
}
|
|
79163
79489
|
|
|
79164
79490
|
|
|
79165
79491
|
.is-builder[gray] .is-tool.is-col-tool {
|
|
@@ -79273,6 +79599,9 @@ class ContentStuff {
|
|
|
79273
79599
|
width: 19px;
|
|
79274
79600
|
height: 19px;
|
|
79275
79601
|
}
|
|
79602
|
+
.is-tool.is-row-tool svg * { /* prevent override by .is-dark-text * */
|
|
79603
|
+
color: #fff;
|
|
79604
|
+
}
|
|
79276
79605
|
|
|
79277
79606
|
|
|
79278
79607
|
|