@startuml skinparam packageStyle rectangle skinparam package<<Layout>> { borderColor Transparent backgroundColor Transparent fontColor Transparent stereotypeFontColor Transparent } allow_mixing component Browser package "Conceptual WebConsole\n(WebConsole Gateway)" { component WebConsole component ConsoleWeblet WebConsole "1" -left-* "1" ConsoleWeblet } ConsoleWeblet "*" -left- "*" Browser package together <<Layout>> { component ConletB WebConsole "1" -right- "1" ConletB component ConletA WebConsole "1" -right- "1" ConletA class ConletAData { -conletId: String } ConletAData "*" -up- "1" ConletA class ConletBData { -conletId: String } ConletBData "*" -up- "1" ConletB ConletAData "*" -up-* "1" Session ConletBData "*" -up-* "1" Session } component PageResourceProvider WebConsole "1" -down- "*" PageResourceProvider component ConsolePolicy WebConsole "1" -down- "*" ConsolePolicy @enduml Submit amiga aws-orange black-knight bluegray blueprint cerulean-outline cerulean crt-amber crt-green cyborg-outline cyborg hacker lightgray mars materia-outline materia metal mimeograph minty plain reddress-darkblue reddress-darkgreen reddress-darkorange reddress-darkred reddress-lightblue reddress-lightgreen reddress-lightorange reddress-lightred sandstone silver sketchy-outline sketchy spacelab spacelab-white superhero-outline superhero toy united vibrant       🎉 Discover the future PlantUML Web Editor! 🚀  PNG  SVG  ASCII Art