Method showShowNodePanel

src/LGraphCanvas.ts:7284–7425

(node: LGraphNode)

  }

  showShowNodePanel(node: LGraphNode): void {
    this.SELECTED_NODE = node
    this.closePanels()
    const ref_window = this.getCanvasWindow()
    const panel = this.createPanel(node.title || "", {
      closable: true,
      window: ref_window,
      onOpen: () => {
        this.NODEPANEL_IS_OPEN = true
      },
      onClose: () => {
        this.NODEPANEL_IS_OPEN = false
        this.node_panel = null
      },
    })
    this.node_panel = panel
    panel.id = "node-panel"
    panel.node = node
    panel.classList.add("settings")

    const inner_refresh = () => {
      // clear
      panel.content.innerHTML = ""
      // @ts-expect-error ctor props
      panel.addHTML(`<span class='node_type'>${node.type}</span><span class='node_desc'>${node.constructor.desc || ""}</span><span class='separator'></span>`)

      panel.addHTML("<h3>Properties</h3>")

      const fUpdate = (name: string, value: string | number | boolean | object | undefined) => {
        if (!this.graph) throw new NullGraphError()
        this.graph.beforeChange(node)
        switch (name) {
        case "Title":
          if (typeof value !== "string") throw new TypeError("Attempting to set title to non-string value.")

          node.title = value
          break
        case "Mode": {
          if (typeof value !== "string") throw new TypeError("Attempting to set mode to non-string value.")

          const kV = Object.values(LiteGraph.NODE_MODES).indexOf(value)
          if (kV !== -1 && LiteGraph.NODE_MODES[kV]) {
            node.changeMode(kV)
          } else {
            console.warn(`unexpected mode: ${value}`)
          }
          break
        }
        case "Color":
          if (typeof value !== "string") throw new TypeError("Attempting to set colour to non-string value.")

          if (LGraphCanvas.node_colors[value]) {
            node.color = LGraphCanvas.node_colors[value].color
            node.bgcolor = LGraphCanvas.node_colors[value].bgcolor
          } else {
            console.warn(`unexpected color: ${value}`)
          }
          break