@innovastudio/contentbuilder 1.4.0 → 1.4.1
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.
package/package.json
CHANGED
|
@@ -4020,6 +4020,10 @@ button:focus-visible {
|
|
|
4020
4020
|
background: rgba(255, 255, 255, 0.2);
|
|
4021
4021
|
border: rgba(0, 0, 0, 0.09) 1px solid;
|
|
4022
4022
|
}
|
|
4023
|
+
#_cbhtml .elementstyles .is-settings button span,
|
|
4024
|
+
.is-ui .elementstyles .is-settings button span {
|
|
4025
|
+
margin-left: 5px;
|
|
4026
|
+
}
|
|
4023
4027
|
#_cbhtml .elementstyles .is-settings label,
|
|
4024
4028
|
.is-ui .elementstyles .is-settings label {
|
|
4025
4029
|
font-size: 13px;
|
|
@@ -4050,11 +4054,6 @@ button:focus-visible {
|
|
|
4050
4054
|
max-width: 100%;
|
|
4051
4055
|
max-height: 100%;
|
|
4052
4056
|
}
|
|
4053
|
-
#_cbhtml .elementstyles #divElementMore,
|
|
4054
|
-
.is-ui .elementstyles #divElementMore {
|
|
4055
|
-
top: 50px;
|
|
4056
|
-
left: 140px;
|
|
4057
|
-
}
|
|
4058
4057
|
#_cbhtml .editstyles,
|
|
4059
4058
|
.is-ui .editstyles {
|
|
4060
4059
|
display: none;
|
|
@@ -57440,7 +57440,13 @@ class RowTool {
|
|
|
57440
57440
|
<button title="${util.out('Desktop')}" class="input-device on" data-value="" style="width:40px;height:25px;">
|
|
57441
57441
|
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-device-desktop"></use></svg>
|
|
57442
57442
|
</button>
|
|
57443
|
-
|
|
57443
|
+
<!--<button title="${util.out('Laptop/Tablet (Landscape)')}" class="input-device" data-value="md" style="width:40px;height:25px;">
|
|
57444
|
+
<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-device-laptop"></use></svg>
|
|
57445
|
+
</button>-->
|
|
57446
|
+
<button title="${util.out('Laptop/Tablet (Landscape)')}" class="input-device" data-value="md" style="width:40px;height:25px;">
|
|
57447
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;transform:rotate(-90deg)"><use xlink:href="#icon-device-tablet"></use></svg>
|
|
57448
|
+
</button>
|
|
57449
|
+
<button title="${util.out('Tablet (Portrait)')}" class="input-device" data-value="sm" style="width:40px;height:25px;">
|
|
57444
57450
|
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-device-tablet"></use></svg>
|
|
57445
57451
|
</button>
|
|
57446
57452
|
<button title="${util.out('Mobile')}" class="input-device" data-value="xs" style="width:40px;height:25px;">
|
|
@@ -57700,6 +57706,8 @@ class RowTool {
|
|
|
57700
57706
|
row.classList.remove('xs-hidden');
|
|
57701
57707
|
} else if (target === 'sm') {
|
|
57702
57708
|
row.classList.remove('sm-hidden');
|
|
57709
|
+
} else if (target === 'md') {
|
|
57710
|
+
row.classList.remove('md-hidden');
|
|
57703
57711
|
} else if (target === '') {
|
|
57704
57712
|
row.classList.remove('desktop-hidden');
|
|
57705
57713
|
}
|
|
@@ -57718,6 +57726,8 @@ class RowTool {
|
|
|
57718
57726
|
row.classList.add('xs-hidden');
|
|
57719
57727
|
} else if (target === 'sm') {
|
|
57720
57728
|
row.classList.add('sm-hidden');
|
|
57729
|
+
} else if (target === 'md') {
|
|
57730
|
+
row.classList.add('md-hidden');
|
|
57721
57731
|
} else if (target === '') {
|
|
57722
57732
|
row.classList.add('desktop-hidden');
|
|
57723
57733
|
}
|
|
@@ -58415,7 +58425,13 @@ class ColumnTool {
|
|
|
58415
58425
|
<button title="${util.out('Desktop')}" class="input-device on" data-value="" style="width:40px;height:25px;">
|
|
58416
58426
|
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-device-desktop"></use></svg>
|
|
58417
58427
|
</button>
|
|
58418
|
-
|
|
58428
|
+
<!--<button title="${util.out('Laptop/Tablet (Landscape)')}" class="input-device" data-value="md" style="width:40px;height:25px;">
|
|
58429
|
+
<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-device-laptop"></use></svg>
|
|
58430
|
+
</button>-->
|
|
58431
|
+
<button title="${util.out('Laptop/Tablet (Landscape)')}" class="input-device" data-value="md" style="width:40px;height:25px;">
|
|
58432
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;transform:rotate(-90deg)"><use xlink:href="#icon-device-tablet"></use></svg>
|
|
58433
|
+
</button>
|
|
58434
|
+
<button title="${util.out('Tablet (Portrait)')}" class="input-device" data-value="sm" style="width:40px;height:25px;">
|
|
58419
58435
|
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-device-tablet"></use></svg>
|
|
58420
58436
|
</button>
|
|
58421
58437
|
<button title="${util.out('Mobile')}" class="input-device" data-value="xs" style="width:40px;height:25px;">
|
|
@@ -58425,11 +58441,11 @@ class ColumnTool {
|
|
|
58425
58441
|
|
|
58426
58442
|
<div style="padding-top:0;padding-bottom:3px;">${util.out('Visibility')}:</div>
|
|
58427
58443
|
<div class="div-visibility" style="display:flex;">
|
|
58428
|
-
<button title="${util.out('Visible')}" class="input-visible on"
|
|
58444
|
+
<button title="${util.out('Visible')}" class="input-visible on" style="width:100px;height:34px;">
|
|
58429
58445
|
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-eye"></use></svg>
|
|
58430
58446
|
<span>${util.out('Visible')}</span>
|
|
58431
58447
|
</button>
|
|
58432
|
-
<button title="${util.out('Hidden')}" class="input-hidden"
|
|
58448
|
+
<button title="${util.out('Hidden')}" class="input-hidden" style="width:100px;height:34px;">
|
|
58433
58449
|
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-eye-off"></use></svg>
|
|
58434
58450
|
<span>${util.out('Hidden')}</span>
|
|
58435
58451
|
</button>
|
|
@@ -60129,6 +60145,9 @@ class ColumnTool {
|
|
|
60129
60145
|
cell.classList.remove('xs-hidden');
|
|
60130
60146
|
} else if (target === 'sm') {
|
|
60131
60147
|
cell.classList.remove('sm-hidden');
|
|
60148
|
+
} else if (target === 'md') {
|
|
60149
|
+
cell.classList.remove('md-hidden');
|
|
60150
|
+
cell.parentNode.classList.remove('md-autofit');
|
|
60132
60151
|
} else if (target === '') {
|
|
60133
60152
|
cell.classList.remove('desktop-hidden');
|
|
60134
60153
|
}
|
|
@@ -60147,6 +60166,9 @@ class ColumnTool {
|
|
|
60147
60166
|
cell.classList.add('xs-hidden');
|
|
60148
60167
|
} else if (target === 'sm') {
|
|
60149
60168
|
cell.classList.add('sm-hidden');
|
|
60169
|
+
} else if (target === 'md') {
|
|
60170
|
+
cell.classList.add('md-hidden');
|
|
60171
|
+
cell.parentNode.classList.add('md-autofit');
|
|
60150
60172
|
} else if (target === '') {
|
|
60151
60173
|
cell.classList.add('desktop-hidden');
|
|
60152
60174
|
}
|
|
@@ -61181,7 +61203,13 @@ class ElementGeneralStyles {
|
|
|
61181
61203
|
<button title="${util.out('Desktop')}" class="input-device on" data-value="" style="width:40px;height:25px;">
|
|
61182
61204
|
<svg class="is-icon-flex" style="width:16px;height:16px;flex:none"><use xlink:href="#icon-device-desktop"></use></svg>
|
|
61183
61205
|
</button>
|
|
61184
|
-
|
|
61206
|
+
<!--<button title="${util.out('Laptop/Tablet (Landscape)')}" class="input-device" data-value="md" style="width:40px;height:25px;">
|
|
61207
|
+
<svg class="is-icon-flex" style="width:19px;height:19px;flex:none"><use xlink:href="#icon-device-laptop"></use></svg>
|
|
61208
|
+
</button>-->
|
|
61209
|
+
<button title="${util.out('Laptop/Tablet (Landscape)')}" class="input-device" data-value="md" style="width:40px;height:25px;">
|
|
61210
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;flex:none;transform:rotate(-90deg)"><use xlink:href="#icon-device-tablet"></use></svg>
|
|
61211
|
+
</button>
|
|
61212
|
+
<button title="${util.out('Tablet (Portrait)')}" class="input-device" data-value="sm" style="width:40px;height:25px;">
|
|
61185
61213
|
<svg class="is-icon-flex" style="width:16px;height:16px;flex:none"><use xlink:href="#icon-device-tablet"></use></svg>
|
|
61186
61214
|
</button>
|
|
61187
61215
|
<button title="${util.out('Mobile')}" class="input-device" data-value="xs" style="width:40px;height:25px;">
|
|
@@ -61192,11 +61220,11 @@ class ElementGeneralStyles {
|
|
|
61192
61220
|
<div style="padding-top:0;padding-bottom:3px;">${util.out('Visibility')}:</div>
|
|
61193
61221
|
<div class="div-visibility" style="display:flex;">
|
|
61194
61222
|
<button title="${util.out('Visible')}" class="input-visible on" data-value="sm" style="width:100px;height:34px;">
|
|
61195
|
-
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-eye"></use></svg>
|
|
61223
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;flex:none"><use xlink:href="#icon-eye"></use></svg>
|
|
61196
61224
|
<span>${util.out('Visible')}</span>
|
|
61197
61225
|
</button>
|
|
61198
61226
|
<button title="${util.out('Hidden')}" class="input-hidden" data-value="xs" style="width:100px;height:34px;">
|
|
61199
|
-
<svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-eye-off"></use></svg>
|
|
61227
|
+
<svg class="is-icon-flex" style="width:16px;height:16px;flex:none"><use xlink:href="#icon-eye-off"></use></svg>
|
|
61200
61228
|
<span>${util.out('Hidden')}</span>
|
|
61201
61229
|
</button>
|
|
61202
61230
|
</div>
|
|
@@ -61383,6 +61411,8 @@ class ElementGeneralStyles {
|
|
|
61383
61411
|
elm.classList.remove('xs-hidden');
|
|
61384
61412
|
} else if (target === 'sm') {
|
|
61385
61413
|
elm.classList.remove('sm-hidden');
|
|
61414
|
+
} else if (target === 'md') {
|
|
61415
|
+
elm.classList.remove('md-hidden');
|
|
61386
61416
|
} else if (target === '') {
|
|
61387
61417
|
elm.classList.remove('desktop-hidden');
|
|
61388
61418
|
}
|
|
@@ -61400,6 +61430,8 @@ class ElementGeneralStyles {
|
|
|
61400
61430
|
elm.classList.add('xs-hidden');
|
|
61401
61431
|
} else if (target === 'sm') {
|
|
61402
61432
|
elm.classList.add('sm-hidden');
|
|
61433
|
+
} else if (target === 'md') {
|
|
61434
|
+
elm.classList.add('md-hidden');
|
|
61403
61435
|
} else if (target === '') {
|
|
61404
61436
|
elm.classList.add('desktop-hidden');
|
|
61405
61437
|
}
|
|
@@ -76348,6 +76380,7 @@ class Responsive {
|
|
|
76348
76380
|
getVisibility(elm, target) {
|
|
76349
76381
|
if (target === 'xs') return !elm.classList.contains('xs-hidden');
|
|
76350
76382
|
if (target === 'sm') return !elm.classList.contains('sm-hidden');
|
|
76383
|
+
if (target === 'md') return !elm.classList.contains('md-hidden');
|
|
76351
76384
|
if (target === '') return !elm.classList.contains('desktop-hidden');
|
|
76352
76385
|
}
|
|
76353
76386
|
|
|
@@ -76360,6 +76393,10 @@ class Responsive {
|
|
|
76360
76393
|
if (visibility) elm.classList.remove('sm-hidden');else elm.classList.add('sm-hidden');
|
|
76361
76394
|
}
|
|
76362
76395
|
|
|
76396
|
+
if (target === 'md') {
|
|
76397
|
+
if (visibility) elm.classList.remove('md-hidden');else elm.classList.add('md-hidden');
|
|
76398
|
+
}
|
|
76399
|
+
|
|
76363
76400
|
if (target === '') {
|
|
76364
76401
|
if (visibility) elm.classList.remove('desktop-hidden');else elm.classList.add('desktop-hidden');
|
|
76365
76402
|
}
|