@innovastudio/contentbox 1.6.0 → 1.6.2
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -1090,7 +1090,7 @@ class SideBar {
|
|
1090
1090
|
let val = modalTypography.querySelector('input[name="rdoApplyTypoStyle"]:checked').value;
|
1091
1091
|
if (val === '1') {
|
1092
1092
|
// Replace all sections' style
|
1093
|
-
let links =
|
1093
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1094
1094
|
for (let i = 0; i < links.length; i++) {
|
1095
1095
|
if (links[i].getAttribute('data-name') === 'contentstyle') {
|
1096
1096
|
let classname = links[i].getAttribute('data-class');
|
@@ -1104,20 +1104,20 @@ class SideBar {
|
|
1104
1104
|
}
|
1105
1105
|
}
|
1106
1106
|
}
|
1107
|
-
let dels =
|
1107
|
+
let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1108
1108
|
dels.forEach((item)=>{
|
1109
1109
|
item.parentNode.removeChild(item);
|
1110
1110
|
});
|
1111
1111
|
}
|
1112
1112
|
//Cleanup (remove previous css that has prefix 'basetype-')
|
1113
|
-
let links =
|
1113
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1114
1114
|
for (let i = 0; i < links.length; i++) {
|
1115
1115
|
let src = links[i].href.toLowerCase();
|
1116
1116
|
if (src.indexOf('basetype-') != -1) {
|
1117
1117
|
links[i].setAttribute('data-rel', '_del');
|
1118
1118
|
}
|
1119
1119
|
}
|
1120
|
-
let dels =
|
1120
|
+
let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1121
1121
|
dels.forEach((item)=>{
|
1122
1122
|
item.parentNode.removeChild(item);
|
1123
1123
|
});
|
@@ -1143,6 +1143,13 @@ class SideBar {
|
|
1143
1143
|
});
|
1144
1144
|
});
|
1145
1145
|
}
|
1146
|
+
|
1147
|
+
let chkTypoTarget = document.querySelectorAll('input[name="typoTarget"]');
|
1148
|
+
chkTypoTarget.forEach(chk => {
|
1149
|
+
chk.addEventListener('click', () => {
|
1150
|
+
this.selectType();
|
1151
|
+
});
|
1152
|
+
});
|
1146
1153
|
} //constructor
|
1147
1154
|
|
1148
1155
|
|
@@ -1379,8 +1386,8 @@ class SideBar {
|
|
1379
1386
|
|
1380
1387
|
selectType() {
|
1381
1388
|
const selection = this.builderStuff.querySelector('#divStyles');
|
1382
|
-
const activeType = selection.
|
1383
|
-
|
1389
|
+
const activeType = selection.querySelectorAll('.active');
|
1390
|
+
activeType.forEach(elm => elm.classList.remove('active'));
|
1384
1391
|
let mode = document.querySelector('input[name="typoTarget"]:checked').value;
|
1385
1392
|
|
1386
1393
|
if (mode === 'page') {
|
@@ -1489,7 +1496,7 @@ class SideBar {
|
|
1489
1496
|
dom$o.addClass(activeSection, className); //Add css
|
1490
1497
|
|
1491
1498
|
let exist = false;
|
1492
|
-
let links =
|
1499
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1493
1500
|
|
1494
1501
|
for (let i = 0; i < links.length; i++) {
|
1495
1502
|
let src = links[i].href.toLowerCase();
|
@@ -1506,7 +1513,7 @@ class SideBar {
|
|
1506
1513
|
} //Cleanup unused
|
1507
1514
|
|
1508
1515
|
|
1509
|
-
let links =
|
1516
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1510
1517
|
|
1511
1518
|
for (let i = 0; i < links.length; i++) {
|
1512
1519
|
if (links[i].getAttribute('data-name') === 'contentstyle') {
|
@@ -1518,13 +1525,13 @@ class SideBar {
|
|
1518
1525
|
}
|
1519
1526
|
}
|
1520
1527
|
|
1521
|
-
let dels =
|
1528
|
+
let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1522
1529
|
dels.forEach(item => {
|
1523
1530
|
item.parentNode.removeChild(item);
|
1524
1531
|
});
|
1525
1532
|
} else if (mode === 'page') {
|
1526
1533
|
// Replace all sections' style
|
1527
|
-
let links =
|
1534
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1528
1535
|
|
1529
1536
|
for (let i = 0; i < links.length; i++) {
|
1530
1537
|
if (links[i].getAttribute('data-name') === 'contentstyle') {
|
@@ -1540,12 +1547,12 @@ class SideBar {
|
|
1540
1547
|
}
|
1541
1548
|
}
|
1542
1549
|
|
1543
|
-
let dels =
|
1550
|
+
let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1544
1551
|
dels.forEach(item => {
|
1545
1552
|
item.parentNode.removeChild(item);
|
1546
1553
|
}); //Cleanup (remove previous css that has prefix 'basetype-')
|
1547
1554
|
|
1548
|
-
links =
|
1555
|
+
links = this.builder.doc.getElementsByTagName('link');
|
1549
1556
|
|
1550
1557
|
for (let i = 0; i < links.length; i++) {
|
1551
1558
|
let src = links[i].href.toLowerCase();
|
@@ -1555,7 +1562,7 @@ class SideBar {
|
|
1555
1562
|
}
|
1556
1563
|
}
|
1557
1564
|
|
1558
|
-
dels =
|
1565
|
+
dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1559
1566
|
dels.forEach(item => {
|
1560
1567
|
item.parentNode.removeChild(item);
|
1561
1568
|
}); //Add new page css
|
@@ -1568,7 +1575,7 @@ class SideBar {
|
|
1568
1575
|
}
|
1569
1576
|
}
|
1570
1577
|
} else if (mode === 'container') {
|
1571
|
-
let builderActive =
|
1578
|
+
let builderActive = this.builder.doc.querySelector('.builder-active');
|
1572
1579
|
if (!builderActive) return;
|
1573
1580
|
let box = dom$o.parentsHasClass(builderActive, 'is-box');
|
1574
1581
|
let classList = box.getAttribute('class').split(/\s+/);
|
@@ -1583,7 +1590,7 @@ class SideBar {
|
|
1583
1590
|
dom$o.addClass(box, className); //Add css
|
1584
1591
|
|
1585
1592
|
let exist = false;
|
1586
|
-
let links =
|
1593
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1587
1594
|
|
1588
1595
|
for (let i = 0; i < links.length; i++) {
|
1589
1596
|
let src = links[i].href.toLowerCase();
|
@@ -1600,7 +1607,7 @@ class SideBar {
|
|
1600
1607
|
} //Cleanup unused
|
1601
1608
|
|
1602
1609
|
|
1603
|
-
let links =
|
1610
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1604
1611
|
|
1605
1612
|
for (let i = 0; i < links.length; i++) {
|
1606
1613
|
if (links[i].getAttribute('data-name') === 'contentstyle') {
|
@@ -1612,7 +1619,7 @@ class SideBar {
|
|
1612
1619
|
}
|
1613
1620
|
}
|
1614
1621
|
|
1615
|
-
let dels =
|
1622
|
+
let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1616
1623
|
dels.forEach(item => {
|
1617
1624
|
item.parentNode.removeChild(item);
|
1618
1625
|
});
|
@@ -1635,7 +1642,7 @@ class SideBar {
|
|
1635
1642
|
dom$o.addClass(activeBox, className); //Add css
|
1636
1643
|
|
1637
1644
|
let exist = false;
|
1638
|
-
let links =
|
1645
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1639
1646
|
|
1640
1647
|
for (let i = 0; i < links.length; i++) {
|
1641
1648
|
let src = links[i].href.toLowerCase();
|
@@ -1652,7 +1659,7 @@ class SideBar {
|
|
1652
1659
|
} //Cleanup unused
|
1653
1660
|
|
1654
1661
|
|
1655
|
-
let links =
|
1662
|
+
let links = this.builder.doc.getElementsByTagName('link');
|
1656
1663
|
|
1657
1664
|
for (let i = 0; i < links.length; i++) {
|
1658
1665
|
if (links[i].getAttribute('data-name') === 'contentstyle') {
|
@@ -1664,7 +1671,7 @@ class SideBar {
|
|
1664
1671
|
}
|
1665
1672
|
}
|
1666
1673
|
|
1667
|
-
let dels =
|
1674
|
+
let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
|
1668
1675
|
dels.forEach(item => {
|
1669
1676
|
item.parentNode.removeChild(item);
|
1670
1677
|
});
|
@@ -27934,7 +27941,7 @@ class Element$2 {
|
|
27934
27941
|
btnVisibility.forEach(btn => {
|
27935
27942
|
btn.addEventListener('click', () => {
|
27936
27943
|
const s = btn.getAttribute('data-visibility');
|
27937
|
-
const target = this.
|
27944
|
+
const target = this.getDeviceTarget(divTarget);
|
27938
27945
|
this.setVisibility(s, target);
|
27939
27946
|
btnVisibility.forEach(btn => btn.classList.remove('on'));
|
27940
27947
|
btn.classList.add('on');
|