@innovastudio/contentbox 1.6.0 → 1.6.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -1090,7 +1090,7 @@ class SideBar {
            let val = modalTypography.querySelector('input[name="rdoApplyTypoStyle"]:checked').value;
            if (val === '1') {
               // Replace all sections' style
-              let links = document.getElementsByTagName('link');
+              let links = this.builder.doc.getElementsByTagName('link');
               for (let i = 0; i < links.length; i++) {
                    if (links[i].getAttribute('data-name') === 'contentstyle') {
                        let classname = links[i].getAttribute('data-class');
@@ -1104,20 +1104,20 @@ class SideBar {
                       }
                    }
               }
-              let dels = document.querySelectorAll('[data-rel="_del"]');
+              let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
               dels.forEach((item)=>{
                   item.parentNode.removeChild(item);
               });
           }
            //Cleanup (remove previous css that has prefix 'basetype-')
-          let links = document.getElementsByTagName('link');
+          let links = this.builder.doc.getElementsByTagName('link');
           for (let i = 0; i < links.length; i++) {
               let src = links[i].href.toLowerCase();
               if (src.indexOf('basetype-') != -1) {
                   links[i].setAttribute('data-rel', '_del');
               }
           }
-          let dels = document.querySelectorAll('[data-rel="_del"]');
+          let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
           dels.forEach((item)=>{
               item.parentNode.removeChild(item);
           });
@@ -1143,6 +1143,13 @@ class SideBar {
         });
       });
     }
+
+    let chkTypoTarget = document.querySelectorAll('input[name="typoTarget"]');
+    chkTypoTarget.forEach(chk => {
+      chk.addEventListener('click', () => {
+        this.selectType();
+      });
+    });
   } //constructor
 
 
@@ -1379,8 +1386,8 @@ class SideBar {
 
   selectType() {
     const selection = this.builderStuff.querySelector('#divStyles');
-    const activeType = selection.querySelector('.active');
-    if (activeType) activeType.classList.remove('active');
+    const activeType = selection.querySelectorAll('.active');
+    activeType.forEach(elm => elm.classList.remove('active'));
     let mode = document.querySelector('input[name="typoTarget"]:checked').value;
 
     if (mode === 'page') {
@@ -1489,7 +1496,7 @@ class SideBar {
           dom$o.addClass(activeSection, className); //Add css
 
           let exist = false;
-          let links = document.getElementsByTagName('link');
+          let links = this.builder.doc.getElementsByTagName('link');
 
           for (let i = 0; i < links.length; i++) {
             let src = links[i].href.toLowerCase();
@@ -1506,7 +1513,7 @@ class SideBar {
         } //Cleanup unused
 
 
-        let links = document.getElementsByTagName('link');
+        let links = this.builder.doc.getElementsByTagName('link');
 
         for (let i = 0; i < links.length; i++) {
           if (links[i].getAttribute('data-name') === 'contentstyle') {
@@ -1518,13 +1525,13 @@ class SideBar {
           }
         }
 
-        let dels = document.querySelectorAll('[data-rel="_del"]');
+        let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
         dels.forEach(item => {
           item.parentNode.removeChild(item);
         });
       } else if (mode === 'page') {
         // Replace all sections' style
-        let links = document.getElementsByTagName('link');
+        let links = this.builder.doc.getElementsByTagName('link');
 
         for (let i = 0; i < links.length; i++) {
           if (links[i].getAttribute('data-name') === 'contentstyle') {
@@ -1540,12 +1547,12 @@ class SideBar {
           }
         }
 
-        let dels = document.querySelectorAll('[data-rel="_del"]');
+        let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
         dels.forEach(item => {
           item.parentNode.removeChild(item);
         }); //Cleanup (remove previous css that has prefix 'basetype-')
 
-        links = document.getElementsByTagName('link');
+        links = this.builder.doc.getElementsByTagName('link');
 
         for (let i = 0; i < links.length; i++) {
           let src = links[i].href.toLowerCase();
@@ -1555,7 +1562,7 @@ class SideBar {
           }
         }
 
-        dels = document.querySelectorAll('[data-rel="_del"]');
+        dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
         dels.forEach(item => {
           item.parentNode.removeChild(item);
         }); //Add new page css
@@ -1568,7 +1575,7 @@ class SideBar {
           }
         }
       } else if (mode === 'container') {
-        let builderActive = document.querySelector('.builder-active');
+        let builderActive = this.builder.doc.querySelector('.builder-active');
         if (!builderActive) return;
         let box = dom$o.parentsHasClass(builderActive, 'is-box');
         let classList = box.getAttribute('class').split(/\s+/);
@@ -1583,7 +1590,7 @@ class SideBar {
           dom$o.addClass(box, className); //Add css
 
           let exist = false;
-          let links = document.getElementsByTagName('link');
+          let links = this.builder.doc.getElementsByTagName('link');
 
           for (let i = 0; i < links.length; i++) {
             let src = links[i].href.toLowerCase();
@@ -1600,7 +1607,7 @@ class SideBar {
         } //Cleanup unused
 
 
-        let links = document.getElementsByTagName('link');
+        let links = this.builder.doc.getElementsByTagName('link');
 
         for (let i = 0; i < links.length; i++) {
           if (links[i].getAttribute('data-name') === 'contentstyle') {
@@ -1612,7 +1619,7 @@ class SideBar {
           }
         }
 
-        let dels = document.querySelectorAll('[data-rel="_del"]');
+        let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
         dels.forEach(item => {
           item.parentNode.removeChild(item);
         });
@@ -1635,7 +1642,7 @@ class SideBar {
           dom$o.addClass(activeBox, className); //Add css
 
           let exist = false;
-          let links = document.getElementsByTagName('link');
+          let links = this.builder.doc.getElementsByTagName('link');
 
           for (let i = 0; i < links.length; i++) {
             let src = links[i].href.toLowerCase();
@@ -1652,7 +1659,7 @@ class SideBar {
         } //Cleanup unused
 
 
-        let links = document.getElementsByTagName('link');
+        let links = this.builder.doc.getElementsByTagName('link');
 
         for (let i = 0; i < links.length; i++) {
           if (links[i].getAttribute('data-name') === 'contentstyle') {
@@ -1664,7 +1671,7 @@ class SideBar {
           }
         }
 
-        let dels = document.querySelectorAll('[data-rel="_del"]');
+        let dels = this.builder.doc.querySelectorAll('[data-rel="_del"]');
         dels.forEach(item => {
           item.parentNode.removeChild(item);
         });