@innovastudio/contentbuilder 1.5.81 → 1.5.82
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -6299,8 +6299,8 @@ class Util {
|
|
|
6299
6299
|
const newPos = this.getElementPosition(btnCellMore);
|
|
6300
6300
|
let top = newPos.top;
|
|
6301
6301
|
let left = newPos.left;
|
|
6302
|
-
columnMore.style.top = top + 35 + 'px';
|
|
6303
|
-
columnMore.style.left = left - 7 + 'px';
|
|
6302
|
+
columnMore.style.top = top + 35 + window.pageYOffset + 'px';
|
|
6303
|
+
columnMore.style.left = left - 7 + window.pageXOffset + 'px';
|
|
6304
6304
|
setTimeout(() => {
|
|
6305
6305
|
columnMore.classList.remove('transition1');
|
|
6306
6306
|
}, 300);
|
|
@@ -15561,7 +15561,7 @@ const prepareSvgIcons = builder => {
|
|
|
15561
15561
|
<path d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"></path>
|
|
15562
15562
|
</symbol>
|
|
15563
15563
|
|
|
15564
|
-
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15564
|
+
<symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15565
15565
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15566
15566
|
<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
15567
|
<path d="M20 4v5h-5"></path>
|
|
@@ -15639,7 +15639,7 @@ const prepareSvgIcons = builder => {
|
|
|
15639
15639
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
15640
15640
|
<path d="M20.2 20.2l1.8 1.8"></path>
|
|
15641
15641
|
</symbol>
|
|
15642
|
-
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="
|
|
15642
|
+
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15643
15643
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15644
15644
|
<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
15645
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
@@ -15818,7 +15818,7 @@ const prepareSvgIcons = builder => {
|
|
|
15818
15818
|
<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
15819
|
</symbol>
|
|
15820
15820
|
|
|
15821
|
-
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="
|
|
15821
|
+
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15822
15822
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15823
15823
|
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
15824
15824
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
@@ -15833,6 +15833,47 @@ const prepareSvgIcons = builder => {
|
|
|
15833
15833
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15834
15834
|
<path d="M5 12l14 0"></path>
|
|
15835
15835
|
</symbol>
|
|
15836
|
+
|
|
15837
|
+
<symbol id="icon-dots2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15838
|
+
<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" />
|
|
15839
|
+
</symbol>
|
|
15840
|
+
<symbol id="icon-close" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15841
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15842
|
+
<path d="M18 6l-12 12"></path>
|
|
15843
|
+
<path d="M6 6l12 12"></path>
|
|
15844
|
+
</symbol>
|
|
15845
|
+
<symbol id="icon-trash2" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15846
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15847
|
+
<path d="M4 7l16 0"></path>
|
|
15848
|
+
<path d="M10 11l0 6"></path>
|
|
15849
|
+
<path d="M14 11l0 6"></path>
|
|
15850
|
+
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
|
|
15851
|
+
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
|
|
15852
|
+
</symbol>
|
|
15853
|
+
<symbol id="icon-duplicate3" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15854
|
+
<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" />
|
|
15855
|
+
</symbol>
|
|
15856
|
+
<symbol id="icon-pencil2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15857
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15858
|
+
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
|
|
15859
|
+
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
|
|
15860
|
+
</symbol>
|
|
15861
|
+
<symbol id="icon-link2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15862
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15863
|
+
<path d="M9 15l6 -6"></path>
|
|
15864
|
+
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
|
|
15865
|
+
<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>
|
|
15866
|
+
</symbol>
|
|
15867
|
+
<symbol id="icon-cog" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15868
|
+
<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" />
|
|
15869
|
+
</symbol>
|
|
15870
|
+
<symbol id="icon-photo" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15871
|
+
<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" />
|
|
15872
|
+
</symbol>
|
|
15873
|
+
<symbol id="icon-minus2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
15874
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
15875
|
+
<path d="M5 12l14 0"></path>
|
|
15876
|
+
</symbol>
|
|
15836
15877
|
</svg>`;
|
|
15837
15878
|
builder.dom.appendHtml(builder.builderStuff, html);
|
|
15838
15879
|
};
|
|
@@ -16871,8 +16912,8 @@ class RowTool$1 {
|
|
|
16871
16912
|
}
|
|
16872
16913
|
*/
|
|
16873
16914
|
const newPos = this.builder.util.getElementPosition(elm);
|
|
16874
|
-
let top = newPos.top;
|
|
16875
|
-
let left = newPos.left;
|
|
16915
|
+
let top = newPos.top + window.pageYOffset;
|
|
16916
|
+
let left = newPos.left + window.pageXOffset;
|
|
16876
16917
|
|
|
16877
16918
|
// const w = rowMore.offsetWidth;
|
|
16878
16919
|
rowMore.style.top = top - 8 + 'px';
|
|
@@ -45235,12 +45276,14 @@ class Image$1 {
|
|
|
45235
45276
|
let html = `
|
|
45236
45277
|
<div id="divImageTool" class="is-tool">
|
|
45237
45278
|
<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%;"
|
|
45279
|
+
<div style="position:absolute;width:100%;height:100%;">
|
|
45280
|
+
<svg class="is-icon-flex" style="position: absolute;top: 13px;left: 15px;width: 16px;height: 16px;"><use xlink:href="#ion-image"></use></svg>
|
|
45281
|
+
</div>
|
|
45239
45282
|
<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
45283
|
</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:
|
|
45284
|
+
<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>
|
|
45285
|
+
<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>
|
|
45286
|
+
<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
45287
|
</div>
|
|
45245
45288
|
<div id="divImageProgress">
|
|
45246
45289
|
<div>
|
|
@@ -48580,10 +48623,18 @@ class Hyperlink {
|
|
|
48580
48623
|
let linkTool = builderStuff.querySelector('#divLinkTool');
|
|
48581
48624
|
if (!linkTool) {
|
|
48582
48625
|
let html = `<div id="divLinkTool" class="is-tool">
|
|
48583
|
-
|
|
48584
|
-
|
|
48585
|
-
|
|
48586
|
-
<button title="${util.out('
|
|
48626
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="link-button-edit" style="display:none;">
|
|
48627
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg>
|
|
48628
|
+
</button>
|
|
48629
|
+
<button title="${util.out('Link')}" data-title="${util.out('Link')}" class="link-edit">
|
|
48630
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg>
|
|
48631
|
+
</button>
|
|
48632
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="link-duplicate">
|
|
48633
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
48634
|
+
</button>
|
|
48635
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="link-remove">
|
|
48636
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
48637
|
+
</button>
|
|
48587
48638
|
</div>
|
|
48588
48639
|
`;
|
|
48589
48640
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49175,9 +49226,15 @@ class Button {
|
|
|
49175
49226
|
let buttonTool = builderStuff.querySelector('#divButtonTool');
|
|
49176
49227
|
if (!buttonTool) {
|
|
49177
49228
|
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
|
-
|
|
49229
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit">
|
|
49230
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-pencil2"></use></svg>
|
|
49231
|
+
</button>
|
|
49232
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="button-duplicate">
|
|
49233
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
49234
|
+
</button>
|
|
49235
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="button-remove">
|
|
49236
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
49237
|
+
</button>
|
|
49181
49238
|
</div>
|
|
49182
49239
|
`;
|
|
49183
49240
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49309,8 +49366,8 @@ class Spacer {
|
|
|
49309
49366
|
if (!spacerTool) {
|
|
49310
49367
|
let html = `
|
|
49311
49368
|
<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="#
|
|
49369
|
+
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#icon-minus2"></use></svg></button>
|
|
49370
|
+
<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
49371
|
</div>
|
|
49315
49372
|
`;
|
|
49316
49373
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49470,7 +49527,7 @@ class Module {
|
|
|
49470
49527
|
let html = `
|
|
49471
49528
|
<div class="is-tool is-module-tool">
|
|
49472
49529
|
<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="#
|
|
49530
|
+
<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
49531
|
</div>
|
|
49475
49532
|
`;
|
|
49476
49533
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49720,7 +49777,7 @@ class Code {
|
|
|
49720
49777
|
if (!codeTool) {
|
|
49721
49778
|
let html = `
|
|
49722
49779
|
<div class="is-tool is-code-tool">
|
|
49723
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}"
|
|
49780
|
+
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}"><svg class="is-icon-flex"><use xlink:href="#icon-cog"></use></svg></button>
|
|
49724
49781
|
</div>
|
|
49725
49782
|
`;
|
|
49726
49783
|
dom.appendHtml(builderStuff, html);
|
|
@@ -49848,7 +49905,7 @@ class Iframe {
|
|
|
49848
49905
|
if (!iframeTool) {
|
|
49849
49906
|
let html = `
|
|
49850
49907
|
<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="#
|
|
49908
|
+
<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
49909
|
</div>
|
|
49853
49910
|
`;
|
|
49854
49911
|
dom.appendHtml(builderStuff, html);
|
|
@@ -50008,7 +50065,7 @@ class Table {
|
|
|
50008
50065
|
//<div class="is-modal-bar is-draggable" style="background:#f9f9f9;"></div>
|
|
50009
50066
|
let html = `
|
|
50010
50067
|
<div class="is-tool is-table-tool">
|
|
50011
|
-
<button title="${util.out('Settings')}" style="width:
|
|
50068
|
+
<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
50069
|
</div>
|
|
50013
50070
|
`;
|
|
50014
50071
|
dom.appendHtml(builderStuff, html);
|
|
@@ -50566,7 +50623,7 @@ class Video {
|
|
|
50566
50623
|
if (!videoTool) {
|
|
50567
50624
|
let html = `
|
|
50568
50625
|
<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="#
|
|
50626
|
+
<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
50627
|
</div>
|
|
50571
50628
|
`;
|
|
50572
50629
|
dom.appendHtml(builderStuff, html);
|
|
@@ -50823,7 +50880,7 @@ class Audio {
|
|
|
50823
50880
|
if (!audioTool) {
|
|
50824
50881
|
let html = `
|
|
50825
50882
|
<div class="is-tool is-audio-tool">
|
|
50826
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="
|
|
50883
|
+
<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
50884
|
</div>
|
|
50828
50885
|
`;
|
|
50829
50886
|
dom.appendHtml(builderStuff, html);
|
|
@@ -51016,7 +51073,7 @@ class Svg {
|
|
|
51016
51073
|
if (!svgTool) {
|
|
51017
51074
|
let html = `
|
|
51018
51075
|
<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="#
|
|
51076
|
+
<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
51077
|
</div>
|
|
51021
51078
|
`;
|
|
51022
51079
|
dom.appendHtml(builderStuff, html);
|
|
@@ -51391,14 +51448,20 @@ class RowTool {
|
|
|
51391
51448
|
if (!rowtool) {
|
|
51392
51449
|
let html = `<div class="is-tool is-row-tool" style="${!this.builder.rowTool && this.builder.rowTool !== '' ? 'display:none;' : ''}">
|
|
51393
51450
|
<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="#
|
|
51451
|
+
<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
51452
|
<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="#
|
|
51453
|
+
<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
51454
|
</div>
|
|
51398
51455
|
<div class="is-tool is-col-tool">
|
|
51399
|
-
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add"
|
|
51400
|
-
|
|
51401
|
-
|
|
51456
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="cell-add">
|
|
51457
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-plus"></use></svg>
|
|
51458
|
+
</button>
|
|
51459
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="cell-more">
|
|
51460
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-dots2"></use></svg>
|
|
51461
|
+
</button>
|
|
51462
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="cell-remove">
|
|
51463
|
+
<svg class="is-icon-flex" style="color:#fff;width:15px;height:15px;"><use xlink:href="#icon-trash2"></use></svg>
|
|
51464
|
+
</button>
|
|
51402
51465
|
</div>
|
|
51403
51466
|
`;
|
|
51404
51467
|
dom.appendHtml(row, html);
|
|
@@ -51800,7 +51863,7 @@ class RowTool {
|
|
|
51800
51863
|
${htmlbutton}
|
|
51801
51864
|
<div class="is-separator"></div>
|
|
51802
51865
|
<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:
|
|
51866
|
+
<button type="button" title="${util.out('Settings')}" class="row-settings"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>
|
|
51804
51867
|
</div>
|
|
51805
51868
|
</div>
|
|
51806
51869
|
`;
|
|
@@ -53285,17 +53348,7 @@ class ColumnTool {
|
|
|
53285
53348
|
${htmlbutton}
|
|
53286
53349
|
<div class="is-separator"></div>
|
|
53287
53350
|
<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:
|
|
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
|
-
-->
|
|
53351
|
+
<button type="button" title="${util.out('Settings')}" class="cell-settings"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>
|
|
53299
53352
|
</div>
|
|
53300
53353
|
</div>
|
|
53301
53354
|
`;
|
|
@@ -60276,18 +60329,27 @@ class ElementTool {
|
|
|
60276
60329
|
let elementMore = builderStuff.querySelector('.elmmore');
|
|
60277
60330
|
if (!elementTool) {
|
|
60278
60331
|
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('
|
|
60332
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add">
|
|
60333
|
+
<svg class="is-icon-flex" style="width:14px;height:14px;color:#111"><use xlink:href="#icon-plus"></use></svg>
|
|
60334
|
+
</button>
|
|
60335
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="elm-more">
|
|
60336
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-dots2"></use></svg>
|
|
60337
|
+
</button>
|
|
60338
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="elm-remove">
|
|
60339
|
+
<svg class="is-icon-flex" style="width:15px;height:15px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
60340
|
+
</button>
|
|
60341
|
+
<button type="button" tabindex="-1" title="${util.out('Settings')}" class="elm-settings">
|
|
60342
|
+
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
60343
|
+
</button>
|
|
60283
60344
|
</div>
|
|
60345
|
+
|
|
60284
60346
|
<div class="is-pop elmmore" style="z-index:10002;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
|
|
60285
60347
|
<div style="display:flex;flex-flow:wrap;">
|
|
60286
60348
|
<button type="button" title="${util.out('Move Up')}" class="elm-up"><span><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></span>${util.out('Move Up')}</button>
|
|
60287
60349
|
<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
60350
|
<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
60351
|
${this.builder.opts.elementEditor ? `
|
|
60290
|
-
<button type="button" title="${util.out('Settings')}" class="elm-settings"><span><svg class="is-icon-flex" style="width:
|
|
60352
|
+
<button type="button" title="${util.out('Settings')}" class="elm-settings"><span><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-cog"></use></svg></span>${util.out('Settings')}</button>
|
|
60291
60353
|
` : ''}
|
|
60292
60354
|
</div>
|
|
60293
60355
|
</div>
|
|
@@ -60338,7 +60400,7 @@ class ElementTool {
|
|
|
60338
60400
|
const w = quickadd.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
|
|
60339
60401
|
const h = quickadd.offsetHeight;
|
|
60340
60402
|
if (viewportHeight - top > h) {
|
|
60341
|
-
quickadd.style.top = top + window.pageYOffset +
|
|
60403
|
+
quickadd.style.top = top + window.pageYOffset + 42 + 'px';
|
|
60342
60404
|
quickadd.style.left = left - w / 2 + 10 + 'px';
|
|
60343
60405
|
dom.removeClass(quickadd, 'arrow-bottom');
|
|
60344
60406
|
dom.removeClass(quickadd, 'arrow-right');
|
|
@@ -60503,7 +60565,7 @@ class ElementTool {
|
|
|
60503
60565
|
const w = elementMore.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
|
|
60504
60566
|
const h = elementMore.offsetHeight;
|
|
60505
60567
|
if (viewportHeight - top > h) {
|
|
60506
|
-
elementMore.style.top = top + window.pageYOffset +
|
|
60568
|
+
elementMore.style.top = top + window.pageYOffset + 42 + 'px';
|
|
60507
60569
|
elementMore.style.left = left - w / 2 + 10 + 'px';
|
|
60508
60570
|
dom.removeClass(elementMore, 'arrow-bottom');
|
|
60509
60571
|
dom.removeClass(elementMore, 'arrow-right');
|
|
@@ -60799,6 +60861,9 @@ class ElementTool {
|
|
|
60799
60861
|
}
|
|
60800
60862
|
}
|
|
60801
60863
|
}
|
|
60864
|
+
if (activeElement && activeElement.classList.contains('ovl') && this.builder.activeIframe) {
|
|
60865
|
+
activeElement = this.builder.activeIframe.closest('.embed-responsive');
|
|
60866
|
+
}
|
|
60802
60867
|
this.builder.activeElement = activeElement;
|
|
60803
60868
|
if (activeElement) {
|
|
60804
60869
|
let elm = activeElement;
|
|
@@ -78394,54 +78459,83 @@ class ContentStuff {
|
|
|
78394
78459
|
constructor(builder) {
|
|
78395
78460
|
this.builder = builder;
|
|
78396
78461
|
const util = builder.util;
|
|
78397
|
-
const html =
|
|
78462
|
+
const html = `
|
|
78463
|
+
<!-- not used -->
|
|
78464
|
+
<div class="is-tool is-column-tool">
|
|
78398
78465
|
<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
78466
|
<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
78467
|
<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
78468
|
</div>
|
|
78469
|
+
<!-- /not used -->
|
|
78470
|
+
|
|
78402
78471
|
<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('
|
|
78472
|
+
<button type="button" tabindex="-1" title="${util.out('Add')}" class="elm-add">
|
|
78473
|
+
<svg class="is-icon-flex" style="width:14px;height:14px;color:#111"><use xlink:href="#icon-plus"></use></svg>
|
|
78474
|
+
</button>
|
|
78475
|
+
<button type="button" tabindex="-1" title="${util.out('More')}" class="elm-more">
|
|
78476
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-dots2"></use></svg>
|
|
78477
|
+
</button>
|
|
78478
|
+
<button type="button" tabindex="-1" title="${util.out('Delete')}" class="elm-remove">
|
|
78479
|
+
<svg class="is-icon-flex" style="width:15px;height:15px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
78480
|
+
</button>
|
|
78481
|
+
<button type="button" tabindex="-1" title="${util.out('Settings')}" class="elm-settings">
|
|
78482
|
+
<svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg>
|
|
78483
|
+
</button>
|
|
78407
78484
|
</div>
|
|
78408
78485
|
|
|
78409
78486
|
<div id="divButtonTool" class="is-tool">
|
|
78410
|
-
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit"
|
|
78411
|
-
|
|
78412
|
-
|
|
78487
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="button-edit">
|
|
78488
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-pencil2"></use></svg>
|
|
78489
|
+
</button>
|
|
78490
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="button-duplicate">
|
|
78491
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;color:#111"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
78492
|
+
</button>
|
|
78493
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="button-remove">
|
|
78494
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
78495
|
+
</button>
|
|
78413
78496
|
</div>
|
|
78497
|
+
|
|
78414
78498
|
<div class="is-tool is-code-tool">
|
|
78415
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:
|
|
78499
|
+
<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
78500
|
</div>
|
|
78501
|
+
|
|
78417
78502
|
<div id="divLinkTool" class="is-tool">
|
|
78418
|
-
|
|
78419
|
-
|
|
78420
|
-
|
|
78421
|
-
|
|
78503
|
+
<button title="${util.out('Edit Button')}" data-title="${util.out('Edit Button')}" class="link-button-edit" style="display:none;">
|
|
78504
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-pencil2"></use></svg>
|
|
78505
|
+
</button>
|
|
78506
|
+
<button title="${util.out('Link')}" data-title="${util.out('Link')}" class="link-edit">
|
|
78507
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111;transform:rotate(45deg)"><use xlink:href="#icon-link2"></use></svg>
|
|
78508
|
+
</button>
|
|
78509
|
+
<button title="${util.out('Duplicate')}" data-title="${util.out('Duplicate')}" class="link-duplicate">
|
|
78510
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;color:#111"><use xlink:href="#icon-duplicate3"></use></svg>
|
|
78511
|
+
</button>
|
|
78512
|
+
<button title="${util.out('Delete')}" data-title="${util.out('Delete')}" class="link-remove">
|
|
78513
|
+
<svg class="is-icon-flex" style="width:17px;height:17px;color:#111"><use xlink:href="#icon-trash2"></use></svg>
|
|
78514
|
+
</button>
|
|
78422
78515
|
</div>
|
|
78516
|
+
|
|
78423
78517
|
<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="#
|
|
78518
|
+
<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
78519
|
</div>
|
|
78426
78520
|
<div class="is-tool is-module-tool">
|
|
78427
|
-
|
|
78428
|
-
|
|
78521
|
+
<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>
|
|
78522
|
+
<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
78523
|
</div>
|
|
78430
78524
|
<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="#
|
|
78525
|
+
<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
78526
|
</div>
|
|
78433
78527
|
<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="#
|
|
78528
|
+
<button title="${util.out('Decrease')}" data-value="-"><svg class="is-icon-flex"><use xlink:href="#icon-minus2"></use></svg></button>
|
|
78529
|
+
<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
78530
|
</div>
|
|
78437
78531
|
<div class="is-tool is-table-tool">
|
|
78438
|
-
<button title="${util.out('Settings')}" style="width:
|
|
78532
|
+
<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
78533
|
</div>
|
|
78440
78534
|
<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="#
|
|
78535
|
+
<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
78536
|
</div>
|
|
78443
78537
|
<div class="is-tool is-audio-tool">
|
|
78444
|
-
<button title="${util.out('Settings')}" data-title="${util.out('Settings')}" style="width:
|
|
78538
|
+
<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
78539
|
</div>
|
|
78446
78540
|
|
|
78447
78541
|
<div class="is-locked-indicator">
|
|
@@ -78561,7 +78655,7 @@ class ContentStuff {
|
|
|
78561
78655
|
<symbol viewBox="0 0 512 512" id="ion-volume-medium">
|
|
78562
78656
|
<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
78657
|
</symbol>
|
|
78564
|
-
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="
|
|
78658
|
+
<symbol id="icon-folder2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78565
78659
|
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78566
78660
|
<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
78661
|
<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
|
@@ -78572,6 +78666,64 @@ class ContentStuff {
|
|
|
78572
78666
|
<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
78667
|
<path d="M20 4v5h-5"></path>
|
|
78574
78668
|
</symbol>
|
|
78669
|
+
|
|
78670
|
+
|
|
78671
|
+
<symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78672
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78673
|
+
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
78674
|
+
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
78675
|
+
</symbol>
|
|
78676
|
+
<symbol id="icon-plus2" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78677
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78678
|
+
<path d="M12 5l0 14"></path>
|
|
78679
|
+
<path d="M5 12l14 0"></path>
|
|
78680
|
+
</symbol>
|
|
78681
|
+
|
|
78682
|
+
<symbol id="icon-minus" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78683
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78684
|
+
<path d="M5 12l14 0"></path>
|
|
78685
|
+
</symbol>
|
|
78686
|
+
|
|
78687
|
+
<symbol id="icon-dots2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78688
|
+
<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" />
|
|
78689
|
+
</symbol>
|
|
78690
|
+
<symbol id="icon-close" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78691
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78692
|
+
<path d="M18 6l-12 12"></path>
|
|
78693
|
+
<path d="M6 6l12 12"></path>
|
|
78694
|
+
</symbol>
|
|
78695
|
+
<symbol id="icon-trash2" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78696
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78697
|
+
<path d="M4 7l16 0"></path>
|
|
78698
|
+
<path d="M10 11l0 6"></path>
|
|
78699
|
+
<path d="M14 11l0 6"></path>
|
|
78700
|
+
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
|
|
78701
|
+
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
|
|
78702
|
+
</symbol>
|
|
78703
|
+
<symbol id="icon-duplicate3" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78704
|
+
<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" />
|
|
78705
|
+
</symbol>
|
|
78706
|
+
<symbol id="icon-pencil2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78707
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78708
|
+
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
|
|
78709
|
+
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
|
|
78710
|
+
</symbol>
|
|
78711
|
+
<symbol id="icon-link2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78712
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78713
|
+
<path d="M9 15l6 -6"></path>
|
|
78714
|
+
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
|
|
78715
|
+
<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>
|
|
78716
|
+
</symbol>
|
|
78717
|
+
<symbol id="icon-cog" viewBox="0 0 24 24" stroke-width="1.4" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78718
|
+
<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" />
|
|
78719
|
+
</symbol>
|
|
78720
|
+
<symbol id="icon-photo" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78721
|
+
<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" />
|
|
78722
|
+
</symbol>
|
|
78723
|
+
<symbol id="icon-minus2" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
78724
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
78725
|
+
<path d="M5 12l14 0"></path>
|
|
78726
|
+
</symbol>
|
|
78575
78727
|
</defs>
|
|
78576
78728
|
</svg>
|
|
78577
78729
|
|
|
@@ -78765,6 +78917,9 @@ class ContentStuff {
|
|
|
78765
78917
|
}
|
|
78766
78918
|
|
|
78767
78919
|
/* Tool */
|
|
78920
|
+
|
|
78921
|
+
|
|
78922
|
+
/*
|
|
78768
78923
|
.is-tool.is-video-tool,
|
|
78769
78924
|
.is-tool.is-audio-tool,
|
|
78770
78925
|
.is-tool.is-iframe-tool {
|
|
@@ -78824,6 +78979,111 @@ class ContentStuff {
|
|
|
78824
78979
|
.is-tool.is-table-tool:hover {
|
|
78825
78980
|
z-index:10001 !important
|
|
78826
78981
|
}
|
|
78982
|
+
*/
|
|
78983
|
+
|
|
78984
|
+
|
|
78985
|
+
.is-tool.is-video-tool,
|
|
78986
|
+
.is-tool.is-audio-tool,
|
|
78987
|
+
.is-tool.is-iframe-tool {
|
|
78988
|
+
background: rgba(255, 255, 255, 0.97) !important;
|
|
78989
|
+
border: transparent 1px solid;
|
|
78990
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
78991
|
+
border-radius: 20px;
|
|
78992
|
+
}
|
|
78993
|
+
|
|
78994
|
+
.is-tool.is-video-tool > div,
|
|
78995
|
+
.is-tool.is-video-tool > button,
|
|
78996
|
+
.is-tool.is-audio-tool > div,
|
|
78997
|
+
.is-tool.is-audio-tool > button,
|
|
78998
|
+
.is-tool.is-iframe-tool > div,
|
|
78999
|
+
.is-tool.is-iframe-tool > button {
|
|
79000
|
+
width: 35px !important;
|
|
79001
|
+
height: 35px !important;
|
|
79002
|
+
background: transparent;
|
|
79003
|
+
}
|
|
79004
|
+
|
|
79005
|
+
.is-tool.is-video-tool svg,
|
|
79006
|
+
.is-tool.is-audio-tool svg,
|
|
79007
|
+
.is-tool.is-iframe-tool svg {
|
|
79008
|
+
width: 17px;
|
|
79009
|
+
height: 17px;
|
|
79010
|
+
fill: #111 !important;
|
|
79011
|
+
color: #111 !important;
|
|
79012
|
+
}
|
|
79013
|
+
|
|
79014
|
+
.is-tool.is-spacer-tool {
|
|
79015
|
+
border: none;
|
|
79016
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79017
|
+
border-radius: 20px;
|
|
79018
|
+
overflow: hidden;
|
|
79019
|
+
}
|
|
79020
|
+
.is-tool.is-spacer-tool > button {
|
|
79021
|
+
width: 40px;
|
|
79022
|
+
height: 35px;
|
|
79023
|
+
background: rgba(255, 255, 255, 0.97) !important;
|
|
79024
|
+
}
|
|
79025
|
+
.is-tool.is-spacer-tool > button svg {
|
|
79026
|
+
fill: #111 !important;
|
|
79027
|
+
color: #111 !important;
|
|
79028
|
+
}
|
|
79029
|
+
.is-tool.is-table-tool {
|
|
79030
|
+
border: none;
|
|
79031
|
+
background: none;
|
|
79032
|
+
border-radius: 20px;
|
|
79033
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79034
|
+
}
|
|
79035
|
+
.is-tool.is-table-tool:hover {
|
|
79036
|
+
z-index: 10001 !important;
|
|
79037
|
+
}
|
|
79038
|
+
.is-tool.is-table-tool > button {
|
|
79039
|
+
width: 35px;
|
|
79040
|
+
height: 35px;
|
|
79041
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
79042
|
+
}
|
|
79043
|
+
.is-tool.is-table-tool > button svg {
|
|
79044
|
+
width: 17px !important;
|
|
79045
|
+
height: 17px !important;
|
|
79046
|
+
fill: #111 !important;
|
|
79047
|
+
color: #111 !important;
|
|
79048
|
+
}
|
|
79049
|
+
.is-tool.is-code-tool, .is-tool.is-module-tool, .is-tool.is-svg-tool {
|
|
79050
|
+
border: none;
|
|
79051
|
+
background: none;
|
|
79052
|
+
border-radius: 20px;
|
|
79053
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79054
|
+
overflow: hidden;
|
|
79055
|
+
}
|
|
79056
|
+
.is-tool.is-code-tool > button, .is-tool.is-module-tool > button, .is-tool.is-svg-tool > button {
|
|
79057
|
+
width: 35px;
|
|
79058
|
+
height: 35px;
|
|
79059
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
79060
|
+
}
|
|
79061
|
+
.is-tool.is-code-tool > button svg, .is-tool.is-module-tool > button svg, .is-tool.is-svg-tool > button svg {
|
|
79062
|
+
width: 17px !important;
|
|
79063
|
+
height: 17px !important;
|
|
79064
|
+
fill: #111 !important;
|
|
79065
|
+
color: #111 !important;
|
|
79066
|
+
}
|
|
79067
|
+
.is-tool#divLinkTool, .is-tool#divButtonTool {
|
|
79068
|
+
background: rgba(255, 255, 255, 0.95) !important;
|
|
79069
|
+
box-shadow: none;
|
|
79070
|
+
border-radius: 20px;
|
|
79071
|
+
overflow: hidden;
|
|
79072
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79073
|
+
margin-top: -10px;
|
|
79074
|
+
margin-left: 7px;
|
|
79075
|
+
}
|
|
79076
|
+
.is-tool#divLinkTool button, .is-tool#divButtonTool button {
|
|
79077
|
+
width: 37px;
|
|
79078
|
+
height: 37px;
|
|
79079
|
+
background: transparent !important;
|
|
79080
|
+
}
|
|
79081
|
+
.is-tool#divLinkTool button svg, .is-tool#divButtonTool button svg {
|
|
79082
|
+
fill: #111 !important;
|
|
79083
|
+
color: #111 !important;
|
|
79084
|
+
}
|
|
79085
|
+
|
|
79086
|
+
|
|
78827
79087
|
|
|
78828
79088
|
|
|
78829
79089
|
.dot {
|
|
@@ -78917,19 +79177,25 @@ class ContentStuff {
|
|
|
78917
79177
|
/* is-element-tool */
|
|
78918
79178
|
|
|
78919
79179
|
.is-tool.is-element-tool {
|
|
78920
|
-
background: rgba(243, 243, 243, 0.9);
|
|
78921
79180
|
border-radius: 3px;
|
|
78922
79181
|
overflow: hidden;
|
|
79182
|
+
margin-top: 10px;
|
|
79183
|
+
margin-left: 0px;
|
|
79184
|
+
border-radius: 100px;
|
|
79185
|
+
box-shadow: -1px 5px 8px 0px rgba(0, 0, 0, 0.08);
|
|
79186
|
+
background-color: rgba(255, 255, 255, 0.97) !important;
|
|
78923
79187
|
}
|
|
78924
79188
|
.is-tool.is-element-tool button {
|
|
78925
|
-
width:
|
|
78926
|
-
height:
|
|
79189
|
+
width: 32px;
|
|
79190
|
+
height: 31px;
|
|
78927
79191
|
background: transparent;
|
|
79192
|
+
color: #111;
|
|
78928
79193
|
}
|
|
78929
79194
|
.is-tool.is-element-tool svg {
|
|
78930
79195
|
width: 14px;
|
|
78931
79196
|
height: 14px;
|
|
78932
|
-
fill: #111;
|
|
79197
|
+
fill: #111 !important;
|
|
79198
|
+
color: #111 !important;
|
|
78933
79199
|
}
|
|
78934
79200
|
.is-tool.is-element-tool .elm-more svg {
|
|
78935
79201
|
width: 11px;
|
|
@@ -79001,8 +79267,8 @@ class ContentStuff {
|
|
|
79001
79267
|
}
|
|
79002
79268
|
|
|
79003
79269
|
.is-tool.is-row-tool button {
|
|
79004
|
-
width:
|
|
79005
|
-
height:
|
|
79270
|
+
width: 28px;
|
|
79271
|
+
height: 28px;
|
|
79006
79272
|
display: flex;
|
|
79007
79273
|
justify-content: center;
|
|
79008
79274
|
align-items: center;
|
|
@@ -79134,10 +79400,11 @@ class ContentStuff {
|
|
|
79134
79400
|
box-shadow: none;
|
|
79135
79401
|
border-radius: 2px;
|
|
79136
79402
|
overflow: hidden;
|
|
79403
|
+
top: -3px !important;
|
|
79137
79404
|
}
|
|
79138
79405
|
.is-tool.is-col-tool button {
|
|
79139
|
-
width:
|
|
79140
|
-
height:
|
|
79406
|
+
width: 28px;
|
|
79407
|
+
height: 28px;
|
|
79141
79408
|
display: flex;
|
|
79142
79409
|
justify-content: center;
|
|
79143
79410
|
align-items: center;
|
|
@@ -79160,6 +79427,9 @@ class ContentStuff {
|
|
|
79160
79427
|
width: 14px;
|
|
79161
79428
|
height: 14px;
|
|
79162
79429
|
}
|
|
79430
|
+
.is-tool.is-col-tool svg * { /* prevent override by .is-dark-text * */
|
|
79431
|
+
color: #fff;
|
|
79432
|
+
}
|
|
79163
79433
|
|
|
79164
79434
|
|
|
79165
79435
|
.is-builder[gray] .is-tool.is-col-tool {
|
|
@@ -79273,6 +79543,9 @@ class ContentStuff {
|
|
|
79273
79543
|
width: 19px;
|
|
79274
79544
|
height: 19px;
|
|
79275
79545
|
}
|
|
79546
|
+
.is-tool.is-row-tool svg * { /* prevent override by .is-dark-text * */
|
|
79547
|
+
color: #fff;
|
|
79548
|
+
}
|
|
79276
79549
|
|
|
79277
79550
|
|
|
79278
79551
|
|