@aj-shadow/z-abs-complayer-visualizationsequencediagram-client 0.0.0-aj-beta.221

package/project/client/css/seq-dia-event-gui.css

@@ -0,0 +1,86 @@
+
+div.seq_dia_gui{
+  position:relative;
+  height:10px;
+}
+
+text.gui_seq_dia_function{
+  fill:Black;
+  font-weight:bold;
+  font-size:8px;
+  text-anchor:end;
+}
+
+rect.gui_seq_dia_function{
+  stroke:Black;
+  stroke-width:0.5;
+  fill:forestgreen;
+  rx:1.5;
+}
+
+//text.gui_seq_dia_svg{
+//  fill:Navy;
+//  font-weight:bold;
+//  font-size:8px;
+//  text-anchor:end;
+//}
+
+//text.gui_seq_dia_data_svg{
+//  color:Navy;
+//  font-weight:bold;
+//  font-size:10px;
+//  text-anchor:start;
+//}
+
+//rect.gui_seq_dia_svg{
+//  stroke:Navy;
+//  stroke-width:0.25;
+//  fill:lightyellow;
+//}
+
+//line.gui_seq_dia_svg{
+//  stroke:Navy;
+//  stroke-width:0.5;
+//}
+
+path.gui_seq_dia_browser_svg{
+  stroke:Black;
+  stroke-width:8;
+  fill:forestgreen;
+  stroke-linecap:round;
+}
+
+line.gui_seq_dia_browser_fuel{
+  stroke:Black;
+  stroke-width:4;
+  fill:forestgreen;
+}
+
+path.gui_seq_dia_page{
+  stroke-width:14px;
+  stroke:Black;
+  fill:forestgreen;
+}
+
+rect.gui_seq_dia_type{
+  fill:forestgreen;
+}
+
+div.seq_dia_show__phase_data__gui_event_object,
+div.seq_dia_show__phase_pre__gui_event_object,
+div.seq_dia_show__phase_exec__gui_event_object,
+div.seq_dia_show__phase_post__gui_event_object,
+div.seq_dia_show__phase_none__gui_event_object,
+div.seq_dia_show__phase_data__gui_event_event,
+div.seq_dia_show__phase_pre__gui_event_event,
+div.seq_dia_show__phase_exec__gui_event_event,
+div.seq_dia_show__phase_post__gui_event_event,
+div.seq_dia_show__phase_none__gui_event_event,
+div.seq_dia_show__phase_data__gui_event_function,
+div.seq_dia_show__phase_pre__gui_event_function,
+div.seq_dia_show__phase_exec__gui_event_function,
+div.seq_dia_show__phase_post__gui_event_function,
+div.seq_dia_show__phase_none__gui_event_function,
+div.seq_dia_show__gui_event_info{
+  display:flex;
+}

package/project/client/css/seq-dia-event-state.css

@@ -0,0 +1,13 @@
+
+div.seq_dia_show__phase_data__state_event__executed,
+div.seq_dia_show__phase_pre__state_event__executed,
+div.seq_dia_show__phase_exec__state_event__executed,
+div.seq_dia_show__phase_post__state_event__executed,
+div.seq_dia_show__phase_none__state_event__executed,
+div.seq_dia_show__phase_data__state_event__not_executed,
+div.seq_dia_show__phase_pre__state_event__not_executed,
+div.seq_dia_show__phase_exec__state_event__not_executed,
+div.seq_dia_show__phase_post__state_event__not_executed,
+div.seq_dia_show__phase_none__state_event__not_executed{
+  display:flex;
+}

package/project/client/css/seq-dia-event.css

@@ -0,0 +1,55 @@
+
+div.seq_dia_event_row_header{
+  position:relative;
+  height:inherit;
+}
+
+div.seq_dia_event_column_header_left{
+  position:absolute;
+  height:inherit;
+}
+
+div.seq_dia_event_column_header_middle{
+  position:absolute;
+  height:inherit;
+}
+
+div.seq_dia_event_column_header_right{
+  position:absolute;
+  height:inherit;
+}
+
+div.seq_dia_event_row{
+  position:relative;
+  height:inherit;
+}
+
+div.seq_dia_event_column_left{
+  position:absolute;
+  height:inherit;
+  border-left:1px solid Black;
+}
+
+div.seq_dia_event_column_middle{
+  position:absolute;
+  height:inherit;
+}
+
+div.seq_dia_event_column_right{
+  position:absolute;
+  height:inherit;
+  border-right:1px solid Black;
+}
+
+div.seq_dia_event_actor_line{
+  position:absolute;
+  height:inherit;
+  width:2px;
+  margin:0px 89px;
+  background-color:black;
+}
+
+svg.actor_svg{
+  position:absolute;
+  overflow:visible!important;
+}

package/project/client/css/seq-dia-inner.css

@@ -0,0 +1,246 @@
+
+
+
+text.seq_dia_msg_caption_text_left_right{
+  font-weight:bold;
+  font-size:10px;
+  text-anchor:start;
+  fill:darkslategray;
+}
+
+text.seq_dia_msg_caption_text_right_left{
+  font-weight:bold;
+  font-size:10px;
+  text-anchor:end;
+  fill:darkslategray;
+}
+
+rect.seq_dia_msg_nbr{
+  stroke:Black;
+  stroke-width:0.25px;
+}
+
+rect.seq_dia_msg_nbr_sent{
+  fill:White;
+}
+
+rect.seq_dia_msg_nbr_received{
+  fill:LightGrey;
+}
+
+
+line.seq_dia_msg_nbr{
+  stroke:Black;
+  stroke-width:0.25px;
+}
+
+g.seq_dia_msg_nbr_hide{
+  display:none;
+}
+
+text.actor_text{
+  text-anchor:middle;
+  font-weight:bold;
+  font-size:10px;
+}
+
+div.seq_dia_protocol_outer{
+  position:relative;
+  top:20px;
+  min-width:200px;
+  white-space:nowrap;
+  width:fit-content;
+  margin:0 auto;
+  display:block;
+}
+
+div.seq_dia_protocol_header{
+  position:relative;
+  z-index:1;
+  height:10px;
+  border-radius:4px 4px 0px 0px;
+}
+
+ul.seq_dia_protocol_log_inner_part {
+  position:relative;
+  display:block;
+}
+
+li.seq_dia_protocol_log_parts {
+  position:relative;
+  width:100%;
+  height:10px;
+  font-size:7px;
+  font-family:monospace;
+}
+
+p.seq_dia_protocol_log_parts {
+  position:relative;
+  display: inline-block;
+  margin:0;
+  left:12px;
+  font-weight:bold;
+}
+
+p.seq_dia_protocol_header_stack{
+  position:absolute;
+  margin:0;
+  top:-1px;
+  left:2px;
+  font-size:7px;
+  font-weight:bold;
+}
+
+p.seq_dia_protocol_header_transport{
+  position:absolute;
+  margin:0;
+  top:-1px;
+  right:2px;
+  font-size:7px;
+  font-weight:bold;
+}
+
+div.seq_dia_protocol_msg_inner {
+  position:relative;
+  z-index:1;
+  display:block;
+  min-width:200px;
+  margin:0;
+  padding:0;
+  border-radius:0px 0px 4px 4px;
+  background-color:whitesmoke;
+  border-top:none !important;
+}
+
+ul.protocol_msg_seq_dia_ul{
+  font-size:7px;
+  line-height:7px;
+  font-weight:bold;
+  padding-bottom:2px;
+}
+
+span.protocol_msg_seq_dia_li_expander{
+  margin-right:1px;
+  font-size:8px;
+  transform-origin:2px 4px;
+  top:0px;
+}
+
+
+
+
+
+div.seq_dia_protocol_inners_outer{
+  padding-left:16px;
+}
+
+div.seq_dia_protocol_inners_outer_hide{
+  display:none;
+}
+
+div.seq_dia_protocol_inner_row{
+  height:16px;
+  padding-left:2px;
+  padding-right:8px;
+}
+
+div.inner_dynamic_inline_flex{
+  display:inline-flex;
+  height:100%;
+  width:100%;
+  vertical-align:top;
+}
+
+div.seq_dia_protocol_inner_row_buffer{
+  width:100%;
+  height:100%;
+  background-color:White;
+}
+
+div.seq_dia_protocol_inner_toolbar{
+  position:relative;
+  height:16px;
+  padding-left:2px;
+  background-color:lightgray;
+}
+
+button.seq_dia_protocol_inner_toolbar_button{
+  width:14px;
+  height:14px;
+}
+
+span.seq_dia_button_message_content_all_open{
+  transform:rotate(45deg) scale(0.8);
+}
+
+span.seq_dia_button_message_content_all_closed{
+  transform:scale(0.8);
+}
+
+p.seq_dia_protocol_base,
+pre.seq_dia_protocol_base,
+a.seq_dia_protocol_base{
+  display:inline-grid;
+  font-family:sans-serif;
+  height:100%;
+  font-size:10px;
+  font-weight:bold;
+}
+
+p.seq_dia_protocol{
+  margin:0px 8px 0px 16px;
+}
+
+a.seq_dia_protocol_first{
+  margin:0px 2px 0px 19px;
+}
+
+pre.seq_dia_protocol_first{
+  margin:0px 2px 0px 19px;
+}
+
+a.seq_dia_protocol{
+  margin:0px 2px 0px 1px;
+}
+
+p.seq_dia_protocol_no_inners{
+  margin-left:34px;
+}
+
+pre.seq_dia_inner_buffer {
+  display:inherit;
+  height:-moz-fit-content;
+  height:fit-content;
+  overflow-x:auto;
+  margin:0px;
+  padding:3px;
+  font-family:monospace, monospace;
+  font-size:10px;
+  font-weight:bold;
+  line-height:inherit;
+  color:inherit;
+  word-break:inherit;
+  word-wrap:inherit;
+  background-color:whitesmoke;
+  border:none;
+  border-radius:inherit;
+}
+
+svg.markup_seq{
+  background-color:#fcfcfc;
+  border:1px solid #ccc;
+}
+
+.svg_display_block{
+  display:block;
+}
+
+.svg_display_none{
+  display:none;
+}
+
+.btn-default:active, .btn-default.active {
+  background-color:#d0d0d0!important;
+  border-color:#e0e0e0!important;
+}
+

package/project/client/css/seq-dia-ip-address-name.css

@@ -0,0 +1,14 @@
+
+text.seq_dia_event_ip_address{
+  font-weight:bold;
+  font-size:7px;
+  text-anchor:start;
+  fill:#222;
+}
+
+text.seq_dia_event_address{
+  font-weight:bold;
+  font-size:7px;
+  text-anchor:start;
+  fill:#222;
+}

package/project/client/css/seq-dia-phase.css

@@ -0,0 +1,90 @@
+
+div.seq_dia_phase_start{
+  position:relative;
+  height:5px;
+}
+
+div.seq_dia_phase_start_middle{
+  border-top:1px solid black;
+}
+
+div.seq_dia_phase_end{
+  position:relative;
+  height:5px;
+}
+
+div.seq_dia_phase_end_middle{
+  border-bottom:1px solid black;
+}
+
+div.seq_dia_phase_data{
+  background-color:#fce6e6;
+}
+
+div.seq_dia_phase_pre{
+  background-color:#e7f5fb;
+}
+
+div.seq_dia_phase_exec{
+  background-color:#eafeea;
+}
+
+div.seq_dia_phase_post{
+  background-color:#ffffe6;
+}
+
+div.seq_dia_phase_none{
+  background-color:White;
+}
+
+//////////////////////////////////
+
+
+
+
+
+
+
+span.seq_dia_phase_data{
+  color:#fce6e6;
+}
+
+span.seq_dia_dark_phase_data{
+  color:#fc7373;
+}
+
+span.seq_dia_phase_pre{
+  color:#e7f5fb;
+}
+
+span.seq_dia_dark_phase_pre{
+  color:#737afb;
+}
+
+span.seq_dia_phase_exec{
+  color:#eafeea;
+}
+
+span.seq_dia_dark_phase_exec{
+  color:#75f275;
+}
+
+span.seq_dia_phase_post{
+  color:#ffffe6;
+}
+
+span.seq_dia_dark_phase_post{
+  color:#efef5a;
+}
+
+div.seq_dia_phase_none{
+  background-color:White;
+}
+
+span.seq_dia_phase_none{
+  color:White;
+}
+
+span.seq_dia_dark_phase_none{
+  color:#dfdfdf;
+}

package/project/client/css/seq-dia-protocol.css

@@ -0,0 +1,119 @@
+
+div.seq_dia_protocol_left{
+  position:absolute;
+  left:calc(-250% - 14px);
+  width:300%;
+  z-index:1;
+}
+
+div.seq_dia_protocol_right{
+  position:absolute;
+  left:calc(50% - -14px);
+  width:300%;
+  z-index:1;
+}
+
+text.seq_dia_protocol_text_left{
+  font-weight:bold;
+  font-size:8px;
+  text-anchor:middle;
+}
+
+text.seq_dia_protocol_text_right{
+  font-weight:bold;
+  font-size:8px;
+  text-anchor:middle;
+}
+
+text.seq_dia_protocol_text{
+  font-weight:bold;
+  font-size:8px;
+  text-anchor:middle;
+}
+
+div.seq_dia_protocol_data_left{
+  position:relative;
+  border:1px solid black;
+  border-radius:2px;
+  float:right;
+  height:9.5px;
+  display:block;
+  margin:0px 1px;
+}
+
+div.seq_dia_protocol_data_right{
+  position:relative;
+  border:1px solid black;
+  border-radius:2px;
+  float:left;
+  height:9.5px;
+  display:block;
+  margin:0px 1px;
+}
+
+div.seq_dia_no_protocol_data{
+  color:black;
+  background-color:white;
+}
+
+p.seq_dia_protocol_data{
+  margin:-2px 0px 0px 0px;
+  padding:0px 1px;
+  height:inherit;
+  font-weight:700;
+  font-size:8px;
+}
+
+p.seq_dia_protocol_caption_east{
+  position:absolute;
+  left:9px;
+  margin:0px;
+  padding:0px;
+  height:inherit;
+  font-weight:700;
+  font-size:9px;
+  white-space:nowrap;
+}
+
+p.seq_dia_protocol_caption_west{
+  position:absolute;
+  right:9px;
+  margin:0px;
+  padding:0px;
+  height:inherit;
+  font-weight:700;
+  font-size:9px;
+  white-space:nowrap;
+}
+
+
+line.seq_dia_protocol_connection_line{
+  stroke-width:1;
+}
+
+line.seq_dia_protocol_message_line{
+  stroke-width:2;
+}
+
+line.seq_dia_protocol_message_part_line{
+  stroke-width:0.5;
+  stroke:Black!important;
+  stroke-dasharray:1 1;
+}
+
+line.seq_dia_protocol_tcp_line{
+}
+
+line.seq_dia_protocol_udp_line{
+  stroke-dasharray:2;
+  stroke-dashoffset:2;
+}
+
+line.seq_dia_protocol_mc_line{
+  stroke-dasharray:12 2 2 2;
+  stroke-dashoffset:1;
+}
+
+line.seq_dia_protocol_tls_line{
+  stroke-dasharray:12 1 12 1;
+}

package/project/client/css/seq-dia-receive.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_receive{
+  position:relative;
+  height:20px;
+}

package/project/client/css/seq-dia-send.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_send{
+  position:relative;
+  height:20px;
+}

package/project/client/css/seq-dia-sequence-diagram.css

@@ -0,0 +1,10 @@
+
+div.comp_layer_seq_dia_rows {
+  position:absolute;
+  overflow:auto;
+  top:28px;
+  right:0px;
+  bottom:0px;
+  left:0px;
+  z-index:1;
+}

package/project/client/css/seq-dia-server-accepted.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_accepted{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-accepting.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_accepting{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-attached.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_attached{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-detached.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_detached{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-not-started.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_not_started{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-started.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_started{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-starting.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_starting{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-stopped.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_stopped{
+  position:relative;
+  height:10px;
+}

package/project/client/css/seq-dia-server-stopping.css

@@ -0,0 +1,5 @@
+
+div.seq_dia_server_stopping{
+  position:relative;
+  height:10px;
+}