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