@innovastudio/contentbuilder 1.5.81 → 1.5.83
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.
|
@@ -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
|
|