Add additional text to pn.Transition

Hey guys, I am trying to add conditions in Form of text to the standard pn.Transition. While searching for inspiration i found demo.List from @kumilingus, a custom Element which pretty much does what i need but in a slightly different way. (https://github.com/clientIO/joint/blob/master/demo/list/src/index.ts) I would love to use it right away, but i am hesitating because i would need to refactor my whole application which is based on the architecture of a pn.Transition.

Is there any way i can extend pn.Transition in such a way that the base architecture is kept but I am still able to add these list-items or simply some text inside the transition-rectangle delimited by new lines? Also i don’t need the List Items to be connectable via Links, it should just be some kind of text, maybe with a button to delete the item in a quick manner.

Any help is appreciated. Thanks in advance!

[LordHeImchen]

That totally makes sense. Thank you very much, highly appreciate your support and engagement in this library!

[kumilingus]

z attribute is a top-level attribute (same as size, position, attrs). Note that while HTML knows z-index property, SVG does not. When the z attribute is changed, JointJS change the order of the elements in the DOM.

const link = new joint.shapes.standard.Link({
  z: -1,
  attrs: { line: { stroke: 'green' }}
});