@innovastudio/contentbuilder 1.3.50 → 1.3.52
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
|
@@ -4586,19 +4586,18 @@ class Util {
|
|
|
4586
4586
|
cols.forEach(col => {
|
|
4587
4587
|
if (dom.hasClass(col, 'is-row-tool') || dom.hasClass(col, 'is-col-tool') || dom.hasClass(col, 'is-rowadd-tool') || dom.hasClass(col, 'is-row-overlay')) return; // Bootstrap stuff
|
|
4588
4588
|
|
|
4589
|
-
col.
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4596
|
-
|
|
4597
|
-
|
|
4598
|
-
|
|
4599
|
-
|
|
4600
|
-
|
|
4601
|
-
});
|
|
4589
|
+
if (col.className.indexOf('col-md-') !== -1) ; else if (col.className.indexOf('col-sm-') !== -1) {
|
|
4590
|
+
colClass = ['col-sm-1', 'col-sm-2', 'col-sm-3', 'col-sm-4', 'col-sm-5', 'col-sm-6', 'col-sm-7', 'col-sm-8', 'col-sm-9', 'col-sm-10', 'col-sm-11', 'col-sm-12'];
|
|
4591
|
+
} else if (col.className.indexOf('col-xs-') !== -1) {
|
|
4592
|
+
colClass = ['col-xs-1', 'col-xs-2', 'col-xs-3', 'col-xs-4', 'col-xs-5', 'col-xs-6', 'col-xs-7', 'col-xs-8', 'col-xs-9', 'col-xs-10', 'col-xs-11', 'col-xs-12'];
|
|
4593
|
+
} else if (col.className.indexOf('col-lg-') !== -1) {
|
|
4594
|
+
colClass = ['col-lg-1', 'col-lg-2', 'col-lg-3', 'col-lg-4', 'col-lg-5', 'col-lg-6', 'col-lg-7', 'col-lg-8', 'col-lg-9', 'col-lg-10', 'col-lg-11', 'col-lg-12'];
|
|
4595
|
+
} else if (col.className.indexOf('col-xl-') !== -1) {
|
|
4596
|
+
colClass = ['col-xl-1', 'col-xl-2', 'col-xl-3', 'col-xl-4', 'col-xl-5', 'col-xl-6', 'col-xl-7', 'col-xl-8', 'col-xl-9', 'col-xl-10', 'col-xl-11', 'col-xl-12'];
|
|
4597
|
+
} else if (col.className.indexOf('col-xxl-') !== -1) {
|
|
4598
|
+
colClass = ['col-xxl-1', 'col-xxl-2', 'col-xxl-3', 'col-xxl-4', 'col-xxl-5', 'col-xxl-6', 'col-xxl-7', 'col-xxl-8', 'col-xxl-9', 'col-xxl-10', 'col-xxl-11', 'col-xxl-12'];
|
|
4599
|
+
}
|
|
4600
|
+
|
|
4602
4601
|
n++;
|
|
4603
4602
|
|
|
4604
4603
|
for (var i = 0; i <= colClass.length - 1; i++) {
|
|
@@ -17771,19 +17770,17 @@ class Grid {
|
|
|
17771
17770
|
|
|
17772
17771
|
if (rowClass !== '' && colClass.length > 0) {
|
|
17773
17772
|
// Bootstrap stuff
|
|
17774
|
-
cell.
|
|
17775
|
-
|
|
17776
|
-
|
|
17777
|
-
|
|
17778
|
-
|
|
17779
|
-
|
|
17780
|
-
|
|
17781
|
-
|
|
17782
|
-
|
|
17783
|
-
|
|
17784
|
-
|
|
17785
|
-
}
|
|
17786
|
-
});
|
|
17773
|
+
if (cell.className.indexOf('col-md-') !== -1) ; else if (cell.className.indexOf('col-sm-') !== -1) {
|
|
17774
|
+
colClass = ['col-sm-1', 'col-sm-2', 'col-sm-3', 'col-sm-4', 'col-sm-5', 'col-sm-6', 'col-sm-7', 'col-sm-8', 'col-sm-9', 'col-sm-10', 'col-sm-11', 'col-sm-12'];
|
|
17775
|
+
} else if (cell.className.indexOf('col-xs-') !== -1) {
|
|
17776
|
+
colClass = ['col-xs-1', 'col-xs-2', 'col-xs-3', 'col-xs-4', 'col-xs-5', 'col-xs-6', 'col-xs-7', 'col-xs-8', 'col-xs-9', 'col-xs-10', 'col-xs-11', 'col-xs-12'];
|
|
17777
|
+
} else if (cell.className.indexOf('col-lg-') !== -1) {
|
|
17778
|
+
colClass = ['col-lg-1', 'col-lg-2', 'col-lg-3', 'col-lg-4', 'col-lg-5', 'col-lg-6', 'col-lg-7', 'col-lg-8', 'col-lg-9', 'col-lg-10', 'col-lg-11', 'col-lg-12'];
|
|
17779
|
+
} else if (cell.className.indexOf('col-xl-') !== -1) {
|
|
17780
|
+
colClass = ['col-xl-1', 'col-xl-2', 'col-xl-3', 'col-xl-4', 'col-xl-5', 'col-xl-6', 'col-xl-7', 'col-xl-8', 'col-xl-9', 'col-xl-10', 'col-xl-11', 'col-xl-12'];
|
|
17781
|
+
} else if (cell.className.indexOf('col-xxl-') !== -1) {
|
|
17782
|
+
colClass = ['col-xxl-1', 'col-xxl-2', 'col-xxl-3', 'col-xxl-4', 'col-xxl-5', 'col-xxl-6', 'col-xxl-7', 'col-xxl-8', 'col-xxl-9', 'col-xxl-10', 'col-xxl-11', 'col-xxl-12'];
|
|
17783
|
+
}
|
|
17787
17784
|
|
|
17788
17785
|
if (!dom.hasClass(cell, colClass[11])) {
|
|
17789
17786
|
//if not column full
|
|
@@ -17947,19 +17944,17 @@ class Grid {
|
|
|
17947
17944
|
|
|
17948
17945
|
if (rowClass !== '' && colClass.length > 0) {
|
|
17949
17946
|
// Bootstrap stuff
|
|
17950
|
-
cell.
|
|
17951
|
-
|
|
17952
|
-
|
|
17953
|
-
|
|
17954
|
-
|
|
17955
|
-
|
|
17956
|
-
|
|
17957
|
-
|
|
17958
|
-
|
|
17959
|
-
|
|
17960
|
-
|
|
17961
|
-
}
|
|
17962
|
-
});
|
|
17947
|
+
if (cell.className.indexOf('col-md-') !== -1) ; else if (cell.className.indexOf('col-sm-') !== -1) {
|
|
17948
|
+
colClass = ['col-sm-1', 'col-sm-2', 'col-sm-3', 'col-sm-4', 'col-sm-5', 'col-sm-6', 'col-sm-7', 'col-sm-8', 'col-sm-9', 'col-sm-10', 'col-sm-11', 'col-sm-12'];
|
|
17949
|
+
} else if (cell.className.indexOf('col-xs-') !== -1) {
|
|
17950
|
+
colClass = ['col-xs-1', 'col-xs-2', 'col-xs-3', 'col-xs-4', 'col-xs-5', 'col-xs-6', 'col-xs-7', 'col-xs-8', 'col-xs-9', 'col-xs-10', 'col-xs-11', 'col-xs-12'];
|
|
17951
|
+
} else if (cell.className.indexOf('col-lg-') !== -1) {
|
|
17952
|
+
colClass = ['col-lg-1', 'col-lg-2', 'col-lg-3', 'col-lg-4', 'col-lg-5', 'col-lg-6', 'col-lg-7', 'col-lg-8', 'col-lg-9', 'col-lg-10', 'col-lg-11', 'col-lg-12'];
|
|
17953
|
+
} else if (cell.className.indexOf('col-xl-') !== -1) {
|
|
17954
|
+
colClass = ['col-xl-1', 'col-xl-2', 'col-xl-3', 'col-xl-4', 'col-xl-5', 'col-xl-6', 'col-xl-7', 'col-xl-8', 'col-xl-9', 'col-xl-10', 'col-xl-11', 'col-xl-12'];
|
|
17955
|
+
} else if (cell.className.indexOf('col-xxl-') !== -1) {
|
|
17956
|
+
colClass = ['col-xxl-1', 'col-xxl-2', 'col-xxl-3', 'col-xxl-4', 'col-xxl-5', 'col-xxl-6', 'col-xxl-7', 'col-xxl-8', 'col-xxl-9', 'col-xxl-10', 'col-xxl-11', 'col-xxl-12'];
|
|
17957
|
+
}
|
|
17963
17958
|
|
|
17964
17959
|
if (!dom.hasClass(cell, colClass[11])) {
|
|
17965
17960
|
//if not column full
|
|
@@ -57330,9 +57325,13 @@ class ColumnTool {
|
|
|
57330
57325
|
<button title="${util.out('Clear')}" class="input-cell-textcolor" data-command=""><svg class="is-icon-flex" style="flex:none;width:18px;height:18px;margin-top: 2px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>
|
|
57331
57326
|
</div>
|
|
57332
57327
|
|
|
57333
|
-
<div style="padding-top:
|
|
57328
|
+
<div style="padding-top:30px;">
|
|
57334
57329
|
<label class="label-cell-grayscale label-checkbox" for="chkCellGrayscale"><input id="chkCellGrayscale" class="chk-cell-grayscale" type="checkbox" /> ${util.out('Grayscale')}</label>
|
|
57335
57330
|
</div>
|
|
57331
|
+
|
|
57332
|
+
<div style="padding:20px 0 10px;">
|
|
57333
|
+
<label class="label-cell-hideonmobile label-checkbox" for="chkHideColumnOnMobile"><input id="chkHideColumnOnMobile" class="chk-cell-hideonmobile" type="checkbox" /> ${util.out('Hide Column on Mobile')}</label>
|
|
57334
|
+
</div>
|
|
57336
57335
|
|
|
57337
57336
|
<!--
|
|
57338
57337
|
<div style="display:none;padding-top:20px;padding-bottom:3px;">${util.out('Enlarge Row')}:</div>
|
|
@@ -58406,6 +58405,20 @@ class ColumnTool {
|
|
|
58406
58405
|
} //Trigger Change event
|
|
58407
58406
|
|
|
58408
58407
|
|
|
58408
|
+
this.builder.opts.onChange();
|
|
58409
|
+
});
|
|
58410
|
+
const chkHideColumnOnMobile = cellSettings.querySelector('.chk-cell-hideonmobile');
|
|
58411
|
+
dom.addEventListener(chkHideColumnOnMobile, 'click', () => {
|
|
58412
|
+
this.builder.uo.saveForUndo();
|
|
58413
|
+
let cell = util.cellSelected();
|
|
58414
|
+
|
|
58415
|
+
if (chkHideColumnOnMobile.checked) {
|
|
58416
|
+
cell.classList.add('hideonmobile');
|
|
58417
|
+
} else {
|
|
58418
|
+
cell.classList.remove('hideonmobile');
|
|
58419
|
+
} //Trigger Change event
|
|
58420
|
+
|
|
58421
|
+
|
|
58409
58422
|
this.builder.opts.onChange();
|
|
58410
58423
|
});
|
|
58411
58424
|
elms = cellSettings.querySelectorAll('.input-cell-height');
|
|
@@ -58890,6 +58903,13 @@ class ColumnTool {
|
|
|
58890
58903
|
}
|
|
58891
58904
|
}
|
|
58892
58905
|
|
|
58906
|
+
const chkHideColumnOnMobile = this.cellSettings.querySelector('.chk-cell-hideonmobile');
|
|
58907
|
+
chkHideColumnOnMobile.checked = false;
|
|
58908
|
+
|
|
58909
|
+
if (cell.classList.contains('hideonmobile')) {
|
|
58910
|
+
chkHideColumnOnMobile.checked = true;
|
|
58911
|
+
}
|
|
58912
|
+
|
|
58893
58913
|
elms = this.cellSettings.querySelectorAll('.input-cell-height');
|
|
58894
58914
|
Array.prototype.forEach.call(elms, elm => {
|
|
58895
58915
|
dom.removeClass(elm, 'on');
|