icn3d 3.23.4 → 3.23.6

package/icn3d.js

@@ -7039,6 +7039,18 @@ class ClickMenu {
             thisClass.setLogCmd('color confidence', true);
         });
 
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrIgstrand", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+            //ic.legendClick = 6;
+            ic.setOptionCls.setOption('color', 'ig strand');
+            thisClass.setLogCmd('color ig strand', true);
+        });
+
+        me.myEventCls.onIds("#" + me.pre + "mn4_clrIgproto", "click", function(e) { let ic = me.icn3d; //e.preventDefault();
+            //ic.legendClick = 6;
+            ic.setOptionCls.setOption('color', 'ig protodomain');
+            thisClass.setLogCmd('color ig protodomain', true);
+        });
+
 
         me.myEventCls.onIds("#" + me.pre + "mn4_clrArea", "click", function(e) { me.icn3d; //e.preventDefault();
             me.htmlCls.dialogCls.openDlg('dl_colorbyarea', "Color based on residue's solvent accessibility");
@@ -9354,6 +9366,10 @@ class SetMenu {
             //if(!me.cfg.mmtfid && !me.cfg.pdbid && !me.cfg.opmid && !me.cfg.mmdbid && !me.cfg.gi && !me.cfg.uniprotid && !me.cfg.blast_rep_id && !me.cfg.cid && !me.cfg.mmcifid && !me.cfg.align && !me.cfg.chainalign) {
                 html += this.getRadio('mn4_clr', 'mn4_clrConfidence', 'AlphaFold<br><span style="padding-left:1.5em;">Confidence</span>', undefined, 1, 1);
             //}
+
+            //!!!
+            //html += this.getRadio('mn4_clr', 'mn4_clrIgstrand', 'Ig Strand', undefined, undefined, 2);
+            //html += this.getRadio('mn4_clr', 'mn4_clrIgproto', 'Ig Protodomain', undefined, undefined, 2);
         }
         else {
             //if(!me.cfg.hidelicense) html += this.getRadio('mn4_clr', 'mn1_delphi2', 'DelPhi<br><span style="padding-left:1.5em;">Potential ' + me.htmlCls.licenseStr + '</span>');
@@ -9572,6 +9588,7 @@ class SetMenu {
             html += this.getMenuText('mn6_igrefwrap', 'Ref. Number', undefined, undefined, 1);
 
             html += "<ul>";
+//!!!
 /*
             html += this.getLink('mn6_igrefYes', 'Show Ig Ref. Number', undefined, 2);
             html += this.getLink('mn6_igrefNo', 'Hide Ig Ref. Number', undefined, 2);
@@ -10677,7 +10694,7 @@ class SetDialog {
         html += me.htmlCls.divStr + "dl_mmdbafid' class='" + dialogClass + "' style='max-width:600px'>";
         html += "List of PDB, MMDB, or AlphaFold UniProt structures: " + me.htmlCls.inputTextStr + "id='" + me.pre + "mmdbafid' placeholder='e.g., 1HHO,4N7N,P69905,P01942' size=30> <br><br>";
         html += "<div style='display:inline-block; width:20px'></div>" + me.htmlCls.buttonStr + "reload_mmdbaf' style='width:150px'>Load Biological Unit</button>" + me.htmlCls.buttonStr + "reload_mmdbaf_asym' style='margin-left:30px; width:250px'>Load Asymmetric Unit (All Chains)</button>" + "<br/><br/>";
-        html += "<div style='display:inline-block; width:20px'>or</div>" + me.htmlCls.buttonStr + "reload_mmdbaf_append' style='width:150px'>Append Biological Unit</button>" + me.htmlCls.buttonStr + "reload_mmdbaf_asym_append' style='margin-left:30px; width:250px'>Append Asymmetric ; Unit (All Chains)</button>" + "<br/><br/>";
+        html += "<div style='display:inline-block; width:20px'>or</div>" + me.htmlCls.buttonStr + "reload_mmdbaf_append' style='width:150px'>Append Biological Unit</button>" + me.htmlCls.buttonStr + "reload_mmdbaf_asym_append' style='margin-left:30px; width:250px'>Append Asymmetric Unit (All Chains)</button>" + "<br/><br/>";
 
         html += '<b>Note</b>: The "<b>biological unit</b>" is the <b>biochemically active form of a biomolecule</b>, <div style="width:20px; margin:6px 0 0 20px; display:inline-block;"><span id="'
         + me.pre + 'asu_bu2_expand" class="ui-icon ui-icon-plus icn3d-expand icn3d-link" style="width:15px;" title="Expand"></span><span id="'
@@ -11811,9 +11828,16 @@ class Events {
                 else {
                     ic.loadCmd = 'load mmdbaf0 ' + me.cfg.mmdbafid;
                 }
-                me.htmlCls.clickMenuCls.setLogCmd(ic.loadCmd, true);
+                me.htmlCls.clickMenuCls.setLogCmd(ic.loadCmd, true);  
+
+                let bStructures = (ic.structures && Object.keys(ic.structures).length > 0) ? true : false;
 
                 await ic.chainalignParserCls.downloadMmdbAf(me.cfg.mmdbafid);   
+
+                if(bStructures) {
+                    if(ic.bSetChainsAdvancedMenu) ic.definedSetsCls.showSets();
+                    if(ic.bAnnoShown) await ic.showAnnoCls.showAnnotations();
+                }
             }
         }
     }
@@ -31837,6 +31861,8 @@ class Alternate {
 
         ic.dAtoms = {};
 
+        let bMutation = moleculeArray.length == 2 && moleculeArray[1].replace(moleculeArray[0], '') == '2';
+
         for(let i = 0, il = moleculeArray.length; i < il; ++i) {
             let structure = moleculeArray[i];
             //if(i > ic.ALTERNATE_STRUCTURE || (ic.ALTERNATE_STRUCTURE === il - 1 && i === 0) ) {
@@ -31869,7 +31895,17 @@ class Alternate {
 
                 if(ic.ALTERNATE_STRUCTURE < 0) ic.ALTERNATE_STRUCTURE += il;
 
-                $("#" + ic.pre + "title").html(structure);
+                let label = '';
+                if(bMutation) {
+                    if(i == 0) {
+                        label = "Wild Type ";
+                    }
+                    else if(i == 1) {
+                        label = "Mutant ";
+                    }
+                }
+
+                $("#" + ic.pre + "title").html(label + structure);
 
                 break;
             }
@@ -34366,6 +34402,64 @@ class SetColor {
 
                 break;
 
+            case 'ig strand':
+                if(ic.bShowRefnum) {
+                    for(let resid in ic.resid2refnum) {
+                        let refnumLabel = ic.resid2refnum[resid];
+                        let color;
+                        if(!refnumLabel) {
+                            color = me.parasCls.thr(me.htmlCls.GREYB);
+                        }
+                        else {
+                            let refnumStr = refnumLabel.replace(/'/g, '').replace(/\*/g, '').replace(/\^/g, '').substr(1); // C', C''
+                            let currStrand = refnumLabel.replace(new RegExp(refnumStr,'g'), '');
+                            color = ic.showSeqCls.getRefnumColor(currStrand);
+
+                            if(ic.residIgLoop.hasOwnProperty(resid)) {
+                                color = me.parasCls.thr(me.htmlCls.GREYB);
+                            }
+                        }
+                        
+                        for (let i in ic.residues[resid]) {
+                            let atom = ic.atoms[i];
+                            atom.color = me.parasCls.thr(color);
+        
+                            ic.atomPrevColors[i] = atom.color;
+                        }
+                    }
+                }
+
+                break;
+
+            case 'ig protodomain':
+                if(ic.bShowRefnum) {
+                    for(let resid in ic.resid2refnum) {
+                        let refnumLabel = ic.resid2refnum[resid];
+                        let color;
+                        if(!refnumLabel) {
+                            color = me.parasCls.thr(me.htmlCls.GREYB);
+                        }
+                        else {
+                            let refnumStr = refnumLabel.replace(/'/g, '').replace(/\*/g, '').replace(/\^/g, '').substr(1); // C', C''
+                            let currStrand = refnumLabel.replace(new RegExp(refnumStr,'g'), '');
+                            color = ic.showSeqCls.getProtodomainColor(currStrand);
+
+                            if(ic.residIgLoop.hasOwnProperty(resid)) {
+                                color = me.parasCls.thr(me.htmlCls.GREYB);
+                            }
+                        }
+                        
+                        for (let i in ic.residues[resid]) {
+                            let atom = ic.atoms[i];
+                            atom.color = me.parasCls.thr(color);
+        
+                            ic.atomPrevColors[i] = atom.color;
+                        }
+                    }
+                }
+
+                break;
+
             case 'residue custom':
                 for (let i in atoms) {
                     let atom = ic.atoms[i];
@@ -35027,6 +35121,12 @@ class SetOption {
         else if(colorType == 'hydrophobic') {
             colorLabel = 'Hydrophobicity';
         }
+        else if(colorType == 'ig strand') {
+            colorLabel = 'Ig Strand';
+        }
+        else if(colorType == 'ig protodomain') {
+            colorLabel = 'Ig Protodomain';
+        }
 
         let html = "Color by <b>" + colorLabel + "</b><br><br>";
  
@@ -35047,6 +35147,12 @@ class SetOption {
         else if (colorType == 'charge'){
             html += this.getColorLegendForCharge(ic.hAtoms);
         }
+        else if (colorType == 'ig strand'){
+            html += this.getColorLegendForIgstrand(ic.hAtoms);
+        }
+        else if (colorType == 'ig protodomain'){
+            html += this.getColorLegendForIgproto(ic.hAtoms);
+        }
         //else if (ic.legendClick == 4){
         else if (colorType == 'normalized hydrophobic' || colorType == 'hydrophobic') {
             let bOriResn = true;
@@ -35270,6 +35376,70 @@ class SetOption {
 
         return html;
      }
+
+     getColorLegendForIgstrand(atomHash) { let ic = this.icn3d; ic.icn3dui;
+        let html = '';
+
+        const name2color = {
+            "A^ Strand": "FF00FF", 
+            "A Strand": "663399",
+            "A* Strand": "FFC0CB",
+            "A' Strand": "663399", //"9370db",
+            "B Strand": "ba55d3",
+            "C Strand": "0000FF",
+            "C' Strand": "6495ED",
+            "C'' Strand": "006400",
+            "D Strand": "00FF00",
+            "E Strand": "F7DC6F", //"F0E68C",
+            "F Strand": "FFA500",
+            "G Strand": "FF0000",
+            "G* Strand": "8B0000",
+            "Loop": "CCCCCC"
+        };
+
+        html += "<div>";
+        for (let name in name2color) {
+            let color = name2color[name];
+            html += "<span>";
+            html += "<div style='width: 10px; height: 10px; background-color:#" + color + "; border: 0px;display:inline-block;' ></div> ";
+            html += name;
+            html +=  "</span><br>";
+        }
+
+        html += "</div>";
+
+        return html;
+     }
+
+     getColorLegendForIgproto(atomHash) { let ic = this.icn3d; ic.icn3dui;
+        let html = '';
+
+        const name2color = {
+            "A Strand": "0000FF",
+            "B Strand": "006400",
+            "C Strand": "F7DC6F", //"F0E68C",
+            "C' Strand": "FFA500",
+            "C'' Strand": "FF0000",
+            "D Strand": "0000FF",
+            "E Strand": "006400",
+            "F Strand": "F7DC6F", //"F0E68C",
+            "G Strand": "FFA500",
+            "Loop": "CCCCCC"
+        };
+
+        html += "<div>";
+        for (let name in name2color) {
+            let color = name2color[name];
+            html += "<span>";
+            html += "<div style='width: 10px; height: 10px; background-color:#" + color + "; border: 0px;display:inline-block;' ></div> ";
+            html += name;
+            html +=  "</span><br>";
+        }
+
+        html += "</div>";
+
+        return html;
+     }
  }
 
 /**
@@ -40388,6 +40558,14 @@ class ShowAnno {
              } // align seq to structure
         }
         ic.bAnnoShown = true;
+
+        if(ic.bShowRefnum) {
+            ic.opts.color = 'ig strand';
+            ic.setColorCls.setColorByOptions(ic.opts, ic.atoms);
+
+            ic.selectionCls.selectAll_base();
+            ic.hlUpdateCls.updateHlAll();
+        }
     }
 
     async showAnnoSeqData(nucleotide_chainid, chemical_chainid, chemical_set) { let ic = this.icn3d, me = ic.icn3dui;
@@ -41387,6 +41565,8 @@ class ShowSeq {
         let html = '', html3 = '';
 
         let chainList = '';
+        if(!ic.chainid2index[chnid]) return {html: html, html3: html3};
+
         for(let i = 0, il = ic.chainid2index[chnid].length; i < il; ++i) {
             chainList += ic.refpdbArray[ic.chainid2index[chnid][i]] + " ";
         }
@@ -41678,6 +41858,7 @@ class ShowSeq {
                     else {
                         if(bShowRefnum && currStrand != ' ') {
                             html += this.getRefnumHtml(residueid, refnumStr, refnumStr_ori, refnumLabel, currStrand, bLoop, bHidelabel);
+                            if(bLoop) ic.residIgLoop[residueid] = 1;
                         }
                         else {
                             html += '<span></span>';
@@ -41725,6 +41906,7 @@ class ShowSeq {
 
                         if(bShowRefnum && currStrand != ' ') {
                             html += this.getRefnumHtml(residueid, refnumStr, refnumStr_ori, refnumLabel, currStrand, bLoop, bHidelabel);
+                            if(bLoop) ic.residIgLoop[residueid] = 1;
                         }
                         else {
                             html += '<span></span>';
@@ -41857,48 +42039,69 @@ class ShowSeq {
         return html;
     }
 
-    getRefnumColor(currStrand) {  let ic = this.icn3d; ic.icn3dui;
-        if(currStrand == "A^") { // deep sky blue
-            return '#9900ff'; //'#00BFFF';
+    getRefnumColor(currStrand) {  let ic = this.icn3d, me = ic.icn3dui;
+        if(currStrand == "A^") { //magenta // deep sky blue
+            return '#FF00FF'; //'#9900ff'; //'#00BFFF';
+        }
+        else if(currStrand == "A") { //rebecca purple // blue
+            return '#663399'; //'#9900ff'; //'#0000FF';
+        }
+        else if(currStrand == "A*") { //pink  // sky blue
+            return '#FFC0CB'; //'#9900ff'; //'#87CEEB';
+        }
+        else if(currStrand == "A'") { //medium purple // steel blue
+            return '#663399'; //'#9370db'; //'#9900ff'; //'#4682B4';
+        }
+        else if(currStrand == "B") { //medium orchid // cyan
+            return '#ba55d3'; //'#0000FF'; //'#4a86e8'; //'#00FFFF';
+        }
+        else if(currStrand == "C") { //blue // green
+            return '#0000FF'; //'#76d6ff'; //'#00FF00';
+        }
+        else if(currStrand == "C'") { //corn blue // yellow
+            return '#6495ED'; //'#006400'; //'#00b050'; //'#FFFF00';
         }
-        else if(currStrand == "A") { // blue
-            return '#9900ff'; //'#0000FF';
+        else if(currStrand == "C''") { //dark green // orange
+            return '#006400'; //'#00ff00'; //'#FFA500';
         }
-        else if(currStrand == "A*") { // sky blue
-            return '#9900ff'; //'#87CEEB';
+        else if(currStrand == "D") { //green // brown
+            return '#00FF00'; //'#fffb00'; //'#A52A2A';
         }
-        else if(currStrand == "A'") { // steel blue
-            return '#9900ff'; //'#4682B4';
+        else if(currStrand == "E") { //yellow // pink
+            return "#F7DC6F"; //'#F0E68C'; //'#ff9900'; //'#ffd966'; //'#FFC0CB';
         }
-        else if(currStrand == "B") { // cyan
-            return '#4a86e8'; //'#00FFFF';
+        else if(currStrand == "F") { //orange // magenta
+            return '#FFA500'; //'#FF00FF'; //'#ff9900'; //'#FF00FF';
         }
-        else if(currStrand == "C") { // green
-            return '#76d6ff'; //'#00FF00';
+        else if(currStrand == "G") { //red // red
+            return '#FF0000'; //'#ff2600'; //'#FF0000';
         }
-        else if(currStrand == "C'") { // yellow
-            return '#00b050'; //'#FFFF00';
+        else if(currStrand == "G*") { //dark red // salmon
+            return '#8B0000'; //'#ff2600'; //'#FA8072';
         }
-        else if(currStrand == "C''") { // orange
-            return '#00ff00'; //'#FFA500';
+        else {
+            return me.htmlCls.GREYB;
         }
-        else if(currStrand == "D") { // brown
-            return '#fffb00'; //'#A52A2A';
+    }
+
+    getProtodomainColor(currStrand) {  let ic = this.icn3d, me = ic.icn3dui;
+        if((currStrand && currStrand.substr(0,1) == "A") || currStrand == "D") {
+            return '#0000FF';
         }
-        else if(currStrand == "E") { // pink
-            return '#ffd966'; //'#FFC0CB';
+        else if(currStrand == "B" || currStrand == "E") {
+            return '#006400';
         }
-        else if(currStrand == "F") { // magenta
-            return '#ff9900'; //'#FF00FF';
+        else if(currStrand == "C" || currStrand == "F") {
+            return "#F7DC6F"; //'#F0E68C'; 
         }
-        else if(currStrand == "G") { // red
-            return '#ff2600'; //'#FF0000';
+        else if(currStrand == "C'" || (currStrand && currStrand.substr(0, 1) == "G")) {
+            return '#FFA500'; 
         }
-        else if(currStrand == "G*") { // salmon
-            return '#ff2600'; //'#FA8072';
+        else if(currStrand == "C''") { //linker
+            return '#FF0000'; 
         }
         else {
-            return '#000';
+            return me.htmlCls.GREYB;
         }
     }
 
@@ -42964,7 +43167,7 @@ class LineGraph {
             // Node for common interaction: {id : "Q24.A.2AJF|Q24", r : "1_1_2AJF_A_24", s: "a", ...}
             let nodeArray1SplitCommon = [], nodeArray2SplitCommon = [], linkArraySplitCommon = [], nameHashSplitCommon = [];
             let nodeArray1SplitDiff = [], nodeArray2SplitDiff = [], linkArraySplitDiff = [], nameHashSplitDiff = [];
-            let linkedNodeCnt = {};
+            let linkedNodeCnt = {}, linkedNodeInterDiff = {};
 
             for(let i = 0, il = structureArray.length; i < il; ++i) {   
                 nodeArray1Split[i] = [];
@@ -42984,7 +43187,7 @@ class LineGraph {
 
                 struc2index[structureArray[i]] = i;
             }
-
+            
             for(let i = 0, il = linkArray.length; i < il; ++i) {
                 let link = linkArray[i];
                 let nodeA = name2node[link.source];
@@ -43020,9 +43223,11 @@ class LineGraph {
 
                           if(!linkedNodeCnt.hasOwnProperty(mappingid)) {
                             linkedNodeCnt[mappingid] = 1;
+                            linkedNodeInterDiff[mappingid] = link.n;
                           }
                           else {
                             ++linkedNodeCnt[mappingid];
+                            linkedNodeInterDiff[mappingid] -= link.n; // show difference
                           }
                       }
                 } 
@@ -43073,7 +43278,7 @@ class LineGraph {
                           linkDiff.source += separatorDiff + ic.chainsMapping[chainid1][resid1];
                           linkDiff.target += separatorDiff + ic.chainsMapping[chainid2][resid2];
                       
-                          if(linkedNodeCnt[mappingid] == structureArray.length) {
+                          if(linkedNodeCnt[mappingid] == structureArray.length && linkedNodeInterDiff[mappingid] == 0) {
                               linkArraySplitCommon[index].push(linkCommon);
                           }  
                           else {
@@ -43862,7 +44067,10 @@ class GetGraph {
             ic.hBondCls.calculateChemicalHbonds(me.hashUtilsCls.intHash2Atoms(ic.dAtoms, complement, ic.atoms), me.hashUtilsCls.intHash2Atoms(ic.dAtoms, firstSetAtoms, ic.atoms), parseFloat(threshold), bSaltbridge, 'graph', true );
             resid2ResidhashHbond = me.hashUtilsCls.cloneHash(ic.resid2Residhash);
         }
-        let hbondStr = this.getGraphLinks(resid2ResidhashHbond, resid2ResidhashHbond, me.htmlCls.hbondInsideColor, labelType, me.htmlCls.hbondValuehbondInsideValue);
+
+        //let hbondStr = this.getGraphLinks(resid2ResidhashHbond, resid2ResidhashHbond, me.htmlCls.hbondInsideColor, labelType, me.htmlCls.hbondValuehbondInsideValue);
+        let hbondStr = this.getGraphLinks(resid2ResidhashHbond, resid2ResidhashHbond, me.htmlCls.hbondInsideColor, labelType, me.htmlCls.hbondInsideValue);
+
         return hbondStr;
     }
     getIonicLinksForSet(atoms, labelType) { let ic = this.icn3d, me = ic.icn3dui;
@@ -43962,9 +44170,10 @@ class GetGraph {
     getGraphLinks(hash1, hash2, color, labelType, value, bCartoon2d) {var ic = this.icn3d, me = ic.icn3dui;
         let hbondStr = '';
         value =(value === undefined) ? 1 : value;
-        let prevLinkStr = '';
-        let sourceTargetHash = {};
+        //let prevLinkStr = '';
+        //let sourceTargetHash = {};
 
+        let linkstr2cnt = {};
         for(let resid1 in hash1) {
             //ASN $1KQ2.A:6@ND2
             //or ASN $1KQ2.A:6
@@ -43995,7 +44204,7 @@ class GetGraph {
                     resName1 = ic.resi2resirange[resName1];
                     resName2 = ic.resi2resirange[resName2];
                 }
-
+/*
                 if(!sourceTargetHash.hasOwnProperty(resName1 + '_' + resName2) && resName1 !== undefined && resName2 !== undefined ) {
                     let linkStr = ', {"source": "' + resName1 + '", "target": "' + resName2 + '", "v": ' + value + ', "c": "' + color + '"}';
                     if(linkStr != prevLinkStr) hbondStr += linkStr;
@@ -44004,8 +44213,29 @@ class GetGraph {
                     sourceTargetHash[resName1 + '_' + resName2] = 1;
                     sourceTargetHash[resName2 + '_' + resName1] = 1;
                 }
+*/
+
+                if(resName1 !== undefined && resName2 !== undefined ) {
+                    let linkStr = '"source": "' + resName1 + '", "target": "' + resName2 + '", "v": ' + value + ', "c": "' + color + '"';
+
+                    //prevLinkStr = linkStr;
+
+                    if(!linkstr2cnt.hasOwnProperty(linkStr)) {
+                        linkstr2cnt[linkStr] = 1;
+                        linkstr2cnt[linkStr] = 1;
+                    }
+                    else {
+                        linkstr2cnt[linkStr] += 1;
+                        linkstr2cnt[linkStr] += 1;
+                    }
+                }
             }
         }
+
+        for(let linkStr in linkstr2cnt) {
+            hbondStr += ', {' + linkStr + ', "n": ' + linkstr2cnt[linkStr] + '}';
+        }
+
         return hbondStr;
     }
     convertLabel2Resid(residLabel) {var ic = this.icn3d; ic.icn3dui;
@@ -44441,12 +44671,14 @@ class ViewInterPairs {
        let bondCnt;
 
        // reset
-       ic.hbondpnts = [];
-       ic.saltbridgepnts = [];
-       ic.contactpnts = [];
-       ic.halogenpnts = [];
-       ic.picationpnts = [];
-       ic.pistackingpnts = [];
+       if(!bHbondCalc) {
+            ic.hbondpnts = [];
+            ic.saltbridgepnts = [];
+            ic.contactpnts = [];
+            ic.halogenpnts = [];
+            ic.picationpnts = [];
+            ic.pistackingpnts = [];
+       }
 
        // type: view, save, forcegraph
        ic.bRender = false;
@@ -47140,7 +47372,18 @@ class ChainalignParser {
         }
 
         // ic.deferredMmdbaf = $.Deferred(function() {
-        let structArray = idlist.split(',');
+        let structArrayTmp = idlist.split(',');
+
+        let structArray = [];
+        // remove redundant structures
+        for(let i = 0, il = structArrayTmp.length; i < il; ++i) {
+            if(!ic.structures.hasOwnProperty(structArrayTmp[i].toUpperCase())) {
+                structArray.push(structArrayTmp[i]);
+            }
+        }
+        
+        if(structArray.length == 0) return;
+        
         ic.structArray = ic.structArray.concat(structArray);
 
         let ajaxArray = [];
@@ -47597,7 +47840,7 @@ class MmcifParser {
     }
 
     async downloadMmcifSymmetry(mmcifid, type) { let ic = this.icn3d, me = ic.icn3dui;
-        // https://files.rcsb.org/header/ i snot accessible in Node.js 
+        // https://files.rcsb.org/header/ is not accessible in Node.js 
         let url = (me.bNode) ? "https://files.rcsb.org/view/" + mmcifid + ".cif" : "https://files.rcsb.org/header/" + mmcifid + ".cif";
 
         //ic.bCid = undefined;
@@ -48896,7 +49139,8 @@ class PdbParser {
         }
         else {
             url = "https://files.rcsb.org/view/" + pdbid + ".pdb";
-            ic.ParserUtilsCls.setYourNote(pdbid.toUpperCase() + '(PDB) in iCn3D');
+            pdbid = pdbid.toUpperCase();
+            ic.ParserUtilsCls.setYourNote(pdbid + '(PDB) in iCn3D');
         }
 
         //ic.bCid = undefined;
@@ -54205,6 +54449,7 @@ class LoadPDB {
         //let chainMissingResidueArray = {}
 
         let id = (pdbid) ? pdbid : ic.defaultPdbId;
+
         let structure = id;
 
         let prevMissingChain = '';
@@ -58627,6 +58872,10 @@ class LoadScript {
 
         // load pdb, mmcif, mmdb, cid
         let id = loadStr.substr(loadStr.lastIndexOf(' ') + 1);
+
+        // skip loading the structure if it was loaded before
+        if(ic.structures.hasOwnProperty(id)) return;
+
         ic.inputid = id;
         if(command.indexOf('load mmtf') !== -1) {
           me.cfg.mmtfid = id;
@@ -58701,7 +58950,7 @@ class LoadScript {
         else if(command.indexOf('load alignment') !== -1) {
           me.cfg.align = id;
 
-          if(me.cfg.inpara.indexOf('atype=2') == -1) {
+          if(me.cfg.inpara || me.cfg.inpara.indexOf('atype=2') == -1) {
             await ic.alignParserCls.downloadAlignment(me.cfg.align);
           }
           else {
@@ -69257,7 +69506,7 @@ class iCn3D {
     this.optsOri = {};
     this.optsOri['camera']             = 'perspective';        //perspective, orthographic
     this.optsOri['background']         = 'black';              //transparent, black, grey, white
-    this.optsOri['color']              = 'chain';              //spectrum, secondary structure, charge, hydrophobic, conserved, chain, residue, atom, b factor, red, green, blue, magenta, yellow, cyan, white, grey, custom
+    this.optsOri['color']              = 'chain';              //spectrum, secondary structure, charge, hydrophobic, conserved, chain, residue, atom, b factor, red, green, blue, magenta, yellow, cyan, white, grey, custom, ig strand
     this.optsOri['proteins']           = 'ribbon';             //ribbon, strand, cylinder and plate, schematic, c alpha trace, backbone, b factor tube, lines, stick, ball and stick, sphere, nothing
     this.optsOri['sidec']              = 'nothing';            //lines2, stick2, ball and stick2, sphere2, nothing
     this.optsOri['nucleotides']        = 'nucleotide cartoon'; //nucleotide cartoon, o3 trace, backbone, schematic, lines, stick,
@@ -69524,6 +69773,7 @@ iCn3D.prototype.init_base = function (bKeepCmd) {
 
     this.chainsMapping = {}; // structure_chain name -> residue id hash such as {'structure_chain_resi1': 'reference residue such as K10', ...}
     this.resid2refnum = {}; // residue id -> reference number, e.g.,  {'1WIO_A_16': '2150', ...}
+    this.residIgLoop = {}; // residue ids in the loop regions of ig domain
     this.refnum2residArray = {}; // reference number -> array of residue id, e.g.,  {'2150': ['1WIO_A_16', ...], ...}
     this.bShowRefnum = false;
     
@@ -69696,7 +69946,7 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.23.1';
+    this.REVISION = '3.23.2';
 
     // In nodejs, iCn3D defines "window = {navigator: {}}"
     this.bNode = (Object.keys(window).length < 2) ? true : false;