Function updateContextPanel

src/js/Panel.js:148–374

(elems)

    }

    function updateContextPanel(elems) {
      if (!elems) elems = editor.selected;
      var elem = elems[0] || editor.selected[0];
      const isNode = svgCanvas.pathActions.getNodePoint()
      // If element has just been deleted, consider it null
      if(!elem || !elem.parentNode) elem = null;

      const multiselected = elems.length > 1;
     
      var currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
      var currentMode = svgCanvas.getMode();

      $('.context_panel').hide();
      $("#align_tools").toggle(elem && !multiselected);

      if (currentMode === 'pathedit') return showPathEdit();
     
      var menu_items = $('#cmenu_canvas li');
     
      //hack to show the proper multialign box
      if (multiselected) {
        const multi = elems.filter(Boolean);
        elem = (svgCanvas.elementsAreSame(multi)) ? multi[0] : null
        if (elem) $("#panels").addClass("multiselected");
        const canTextPath = canPutTextOnPath(multi);
        $("#tool_text_on_path").toggle(canTextPath);
      }
      else {
        $("#panels").removeClass("multiselected");
      }

      if (!elem && !multiselected) {      
        $("#stroke_panel").hide();
        $("#canvas_panel").show();
      }
 
      if (elem !== null) {
        $("#stroke_panel").show();
        const strokeWidth = elem.getAttribute("stroke") && !elem.getAttribute("stroke-width") ? 1 : elem.getAttribute("stroke-width") || 0;
        $('#stroke_width').val(strokeWidth);
        // stroke style
        const strokeStyle = elem.getAttribute("stroke-dasharray") || "none";
        const strokeStyles = {
          "none": "—",
          "2,2": "...",
          "5,5": "- -",
          "5,2,2,2": "-·-",
          "5,2,2,2,2,2": "-··-"
        };
        $("#stroke_style_label").html(strokeStyles[strokeStyle] || "—");
        var elname = elem.nodeName;
        var angle = svgCanvas.getRotationAngle(elem);
        $('#angle').val(Math.round(angle));
        $('#group_opacity').val(svgCanvas.getOpacity(elem)*100 || 100);
        $.fn.dragInput.updateCursor(document.getElementById("group_opacity"));
        $('#tool_angle_indicator').css("transform", "rotate("+angle+"deg)");
        var blurval = svgCanvas.getBlur(elem);
        $('#blur').val(blurval);