sclass JG22Labels extends MetaWithChangeListeners {
  settableWithVar bool showCount = true;
  settableWithVar bool allowCreation = true;
  settableWithVar L<G22Label> labels;
  
  transient JLabel lblInfo = jlabel();
  transient JPanel line = jline();
  transient ReliableSingleThread rstUpdate = new(r _update);
  transient settableWithVar JG22Label creating;

  cachedVisualize {
    varLabels().onChangeAndNow(rstUpdate);
    varCreating().onChangeAndNow(rstUpdate);
    ret borderless(jscrollHorizontal(line));
  }
  
  void _update {
    var labels = labels();
    
    removeAllComponents(line);
    if (showCount) {
      setText(lblInfo, nLabels(labels) + (empty(labels) ? "" : ":"));
      line.add(lblInfo);
    }
    
    fOr (label : labels)
      line.add(makeLabelComponent(label));
    
    if (creating != null)  
      line.add(creating);
    else if (allowCreation)
      line.add(jimageButtonScaledToWidth(16, #1103069, "Add a label", r _addALabel));
      
    revalidate(line);
  }
  
  JG22Label makeLabelComponent(G22Label label) {
    var lbl = new JG22Label(label);
    componentPopupMenuItem(lbl.jLabel, "Remove label", rThread { removeLabel(label) });
    ret lbl;
  }
  
  bool containsLabel(S text) {
    ret containsPred(labels, lbl -> lbl.textIs(text));
  }
  
  swappable void addLabel(S text) {}
  swappable void removeLabel(G22Label label) {}
  
  void _addALabel {
    new JG22Label lbl;
    lbl.onDoneEditing(text -> {
      if (!containsLabel(text)) {
        print("Adding label: " + text);
        addLabel(text);
      } else
        infoBox("Label already contained");
      creating(null);
    });
    focusOnFirstShowVerbose(lbl.focusablePart());
    creating(lbl);
  }
}