Project

Profile

Help

Trying to convert SVG to JSON » test_flyout.svg

data input - arniwarp Sklinb, 2017-06-15 16:15

 
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" class="blocklySvg" width="1018px" height="630px">
<defs>
<filter id="blocklyEmbossFilter534172471673269">
<feGaussianBlur in="SourceAlpha" stdDeviation="1" result="blur"/>
<feSpecularLighting in="blur" surfaceScale="1" specularConstant="0.5" specularExponent="10" lighting-color="white" result="specOut">
<fePointLight x="-5000" y="-10000" z="20000"/>
</feSpecularLighting>
<feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut"/>
<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
</filter>
<pattern id="blocklyDisabledPattern534172471673269" patternUnits="userSpaceOnUse" width="10" height="10">
<rect width="10" height="10" fill="#aaa"/>
<path d="M 0 0 L 10 10 M 10 0 L 0 10" stroke="#cc0"/>
</pattern>
<pattern id="blocklyGridPattern534172471673269" patternUnits="userSpaceOnUse" width="25" height="25" x="286" y="6.999999999999545">
<line stroke="#ccc" stroke-width="1" x1="11" y1="12.5" x2="14" y2="12.5"/>
<line stroke="#ccc" stroke-width="1" x1="12.5" y1="11" x2="12.5" y2="14"/>
</pattern>
</defs>
<style xmlns="http://www.w3.org/1999/xhtml" id="svgStyleCss">.blocklyDraggable {}
.blocklySvg {
background-color: #fff;
outline: none;
overflow: hidden;
}
.blocklyWidgetDiv {
display: none;
position: absolute;
z-index: 999;
}
.blocklyTooltipDiv {
background-color: #ffffc7;
border: 1px solid #ddc;
box-shadow: 4px 4px 20px 1px rgba(0,0,0,.15);
color: #000;
display: none;
font-family: sans-serif;
font-size: 9pt;
opacity: 0.9;
padding: 2px;
position: absolute;
z-index: 1000;
}
.blocklyResizeSE {
cursor: se-resize;
fill: #aaa;
}
.blocklyResizeSW {
cursor: sw-resize;
fill: #aaa;
}
.blocklyResizeLine {
stroke: #888;
stroke-width: 1;
}
.blocklyHighlightedConnectionPath {
fill: none;
stroke: #fc3;
stroke-width: 4px;
}
.blocklyPathLight {
fill: none;
stroke-linecap: round;
stroke-width: 1;
}
.blocklySelected>.blocklyPath {
stroke: #fc3;
stroke-width: 3px;
}
.blocklySelected>.blocklyPathLight {
display: none;
}
.blocklyDragging>.blocklyPath,
.blocklyDragging>.blocklyPathLight {
fill-opacity: .8;
stroke-opacity: .8;
}
.blocklyDragging>.blocklyPathDark {
display: none;
}
.blocklyDisabled>.blocklyPath {
fill-opacity: .5;
stroke-opacity: .5;
}
.blocklyDisabled>.blocklyPathLight,
.blocklyDisabled>.blocklyPathDark {
display: none;
}
.blocklyText {
cursor: default;
fill: #fff;
font-family: sans-serif;
font-size: 11pt;
}
.blocklyNonEditableText>text {
pointer-events: none;
}
.blocklyNonEditableText>rect,
.blocklyEditableText>rect {
fill: #fff;
fill-opacity: .6;
}
.blocklyNonEditableText>text,
.blocklyEditableText>text {
fill: #000;
}
.blocklyEditableText:hover>rect {
stroke: #fff;
stroke-width: 2;
}
.blocklyBubbleText {
fill: #000;
}
.blocklySvg text {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: inherit;
}
.blocklyHidden {
display: none;
}
.blocklyFieldDropdown:not(.blocklyHidden) {
display: block;
}
.blocklyIconGroup {
cursor: default;
}
.blocklyIconGroup:not(:hover),
.blocklyIconGroupReadonly {
opacity: .6;
}
.blocklyIconShape {
fill: #00f;
stroke: #fff;
stroke-width: 1px;
}
.blocklyIconSymbol {
fill: #fff;
}
.blocklyMinimalBody {
margin: 0;
padding: 0;
}
.blocklyCommentTextarea {
background-color: #ffc;
border: 0;
margin: 0;
padding: 2px;
resize: none;
}
.blocklyHtmlInput {
border: none;
border-radius: 4px;
font-family: sans-serif;
height: 100%;
margin: 0;
outline: none;
padding: 0 1px;
width: 100%
}
.blocklyMainBackground {
stroke-width: 1;
stroke: #c6c6c6;
}
.blocklyMutatorBackground {
fill: #fff;
stroke: #ddd;
stroke-width: 1;
}
.blocklyFlyoutBackground {
fill: #ddd;
fill-opacity: .8;
}
.blocklyScrollbarBackground {
opacity: 0;
}
.blocklyScrollbarHandle {
fill: #ccc;
}
.blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.blocklyScrollbarHandle:hover {
fill: #bbb;
}
.blocklyZoom>image {
opacity: .4;
}
.blocklyZoom>image:hover {
opacity: .6;
}
.blocklyZoom>image:active {
opacity: .8;
}
.blocklyFlyout .blocklyScrollbarHandle {
fill: #bbb;
}
.blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.blocklyFlyout .blocklyScrollbarHandle:hover {
fill: #aaa;
}
.blocklyInvalidInput {
background: #faa;
}
.blocklyAngleCircle {
stroke: #444;
stroke-width: 1;
fill: #ddd;
fill-opacity: .8;
}
.blocklyAngleMarks {
stroke: #444;
stroke-width: 1;
}
.blocklyAngleGauge {
fill: #f88;
fill-opacity: .8;
}
.blocklyAngleLine {
stroke: #f00;
stroke-width: 2;
stroke-linecap: round;
}
.blocklyContextMenu {
border-radius: 4px;
}
.blocklyDropdownMenu {
padding: 0 !important;
}
.blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox,
.blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon {
background: url(../../media/sprites.png) no-repeat -48px -16px !important;
}
.blocklyToolboxDiv {
background-color: #ddd;
overflow-x: visible;
overflow-y: auto;
position: absolute;
}
.blocklyTreeRoot {
padding: 4px 0;
}
.blocklyTreeRoot:focus {
outline: none;
}
.blocklyTreeRow {
height: 22px;
line-height: 22px;
margin-bottom: 3px;
padding-right: 8px;
white-space: nowrap;
}
.blocklyHorizontalTree {
float: left;
margin: 1px 5px 8px 0;
}
.blocklyHorizontalTreeRtl {
float: right;
margin: 1px 0 8px 5px;
}
.blocklyToolboxDiv[dir="RTL"] .blocklyTreeRow {
margin-left: 8px;
}
.blocklyTreeRow:not(.blocklyTreeSelected):hover {
background-color: #e4e4e4;
}
.blocklyTreeSeparator {
border-bottom: solid #e5e5e5 1px;
height: 0;
margin: 5px 0;
}
.blocklyTreeSeparatorHorizontal {
border-right: solid #e5e5e5 1px;
width: 0;
padding: 5px 0;
margin: 0 5px;
}
.blocklyTreeIcon {
background-image: url(../../media/sprites.png);
height: 16px;
vertical-align: middle;
width: 16px;
}
.blocklyTreeIconClosedLtr {
background-position: -32px -1px;
}
.blocklyTreeIconClosedRtl {
background-position: 0px -1px;
}
.blocklyTreeIconOpen {
background-position: -16px -1px;
}
.blocklyTreeSelected>.blocklyTreeIconClosedLtr {
background-position: -32px -17px;
}
.blocklyTreeSelected>.blocklyTreeIconClosedRtl {
background-position: 0px -17px;
}
.blocklyTreeSelected>.blocklyTreeIconOpen {
background-position: -16px -17px;
}
.blocklyTreeIconNone,
.blocklyTreeSelected>.blocklyTreeIconNone {
background-position: -48px -1px;
}
.blocklyTreeLabel {
cursor: default;
font-family: sans-serif;
font-size: 16px;
padding: 0 3px;
vertical-align: middle;
}
.blocklyTreeSelected .blocklyTreeLabel {
color: #fff;
}
.blocklyWidgetDiv .goog-palette {
outline: none;
cursor: default;
}
.blocklyWidgetDiv .goog-palette-table {
border: 1px solid #666;
border-collapse: collapse;
}
.blocklyWidgetDiv .goog-palette-cell {
height: 13px;
width: 15px;
margin: 0;
border: 0;
text-align: center;
vertical-align: middle;
border-right: 1px solid #666;
font-size: 1px;
}
.blocklyWidgetDiv .goog-palette-colorswatch {
position: relative;
height: 13px;
width: 15px;
border: 1px solid #666;
}
.blocklyWidgetDiv .goog-palette-cell-hover .goog-palette-colorswatch {
border: 1px solid #FFF;
}
.blocklyWidgetDiv .goog-palette-cell-selected .goog-palette-colorswatch {
border: 1px solid #000;
color: #fff;
}
.blocklyWidgetDiv .goog-menu {
background: #fff;
border-color: #ccc #666 #666 #ccc;
border-style: solid;
border-width: 1px;
cursor: default;
font: normal 13px Arial, sans-serif;
margin: 0;
outline: none;
padding: 4px 0;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
max-height: 100%;
z-index: 20000;
}
.blocklyWidgetDiv .goog-menuitem {
color: #000;
font: normal 13px Arial, sans-serif;
list-style: none;
margin: 0;
padding: 4px 7em 4px 28px;
white-space: nowrap;
}
.blocklyWidgetDiv .goog-menuitem.goog-menuitem-rtl {
padding-left: 7em;
padding-right: 28px;
}
.blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem,
.blocklyWidgetDiv .goog-menu-noicon .goog-menuitem {
padding-left: 12px;
}
.blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem {
padding-right: 20px;
}
.blocklyWidgetDiv .goog-menuitem-content {
color: #000;
font: normal 13px Arial, sans-serif;
}
.blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel,
.blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content {
color: #ccc !important;
}
.blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
.blocklyWidgetDiv .goog-menuitem-highlight,
.blocklyWidgetDiv .goog-menuitem-hover {
background-color: #d6e9f8;
border-color: #d6e9f8;
border-style: dotted;
border-width: 1px 0;
padding-bottom: 3px;
padding-top: 3px;
}
.blocklyWidgetDiv .goog-menuitem-checkbox,
.blocklyWidgetDiv .goog-menuitem-icon {
background-repeat: no-repeat;
height: 16px;
left: 6px;
position: absolute;
right: auto;
vertical-align: middle;
width: 16px;
}
.blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon {
left: auto;
right: 6px;
}
.blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox,
.blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon {
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}
.blocklyWidgetDiv .goog-menuitem-accel {
color: #999;
direction: ltr;
left: auto;
padding: 0 6px;
position: absolute;
right: 0;
text-align: right;
}
.blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel {
left: 0;
right: auto;
text-align: left;
}
.blocklyWidgetDiv .goog-menuitem-mnemonic-hint {
text-decoration: underline;
}
.blocklyWidgetDiv .goog-menuitem-mnemonic-separator {
color: #999;
font-size: 12px;
padding-left: 4px;
}
.blocklyWidgetDiv .goog-menuseparator {
border-top: 1px solid #ccc;
margin: 4px 0;
padding: 0;
}

.blocklyTypeHighlightedConnectionPath {
fill: none;
stroke: #FC3;
stroke-width: 2px;
opacity: 1;
}
.blocklyHighlightedConnectionPath {
stroke: #FC3;
stroke-width: 4px;
opacity: 1;
}
.blocklyOccupiedTypeHighlightedConnectionPath {
fill: none;
stroke: #FC3;
stroke-width: 2px;
opacity: 1;
}.blocklyWidgetDiv .goog-date-picker,
.blocklyWidgetDiv .goog-date-picker th,
.blocklyWidgetDiv .goog-date-picker td {
font: 13px Arial, sans-serif;
}
.blocklyWidgetDiv .goog-date-picker {
-moz-user-focus: normal;
-moz-user-select: none;
position: relative;
border: 1px solid #000;
float: left;
padding: 2px;
color: #000;
background: #c3d9ff;
cursor: default;
}
.blocklyWidgetDiv .goog-date-picker th {
text-align: center;
}
.blocklyWidgetDiv .goog-date-picker td {
text-align: center;
vertical-align: middle;
padding: 1px 3px;
}
.blocklyWidgetDiv .goog-date-picker-menu {
position: absolute;
background: threedface;
border: 1px solid gray;
-moz-user-focus: normal;
z-index: 1;
outline: none;
}
.blocklyWidgetDiv .goog-date-picker-menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.blocklyWidgetDiv .goog-date-picker-menu ul li {
cursor: default;
}
.blocklyWidgetDiv .goog-date-picker-menu-selected {
background: #ccf;
}
.blocklyWidgetDiv .goog-date-picker th {
font-size: .9em;
}
.blocklyWidgetDiv .goog-date-picker td div {
float: left;
}
.blocklyWidgetDiv .goog-date-picker button {
padding: 0px;
margin: 1px 0;
border: 0;
color: #20c;
font-weight: bold;
background: transparent;
}
.blocklyWidgetDiv .goog-date-picker-date {
background: #fff;
}
.blocklyWidgetDiv .goog-date-picker-week,
.blocklyWidgetDiv .goog-date-picker-wday {
padding: 1px 3px;
border: 0;
border-color: #a2bbdd;
border-style: solid;
}
.blocklyWidgetDiv .goog-date-picker-week {
border-right-width: 1px;
}
.blocklyWidgetDiv .goog-date-picker-wday {
border-bottom-width: 1px;
}
.blocklyWidgetDiv .goog-date-picker-head td {
text-align: center;
}
.blocklyWidgetDiv td.goog-date-picker-today-cont {
text-align: center;
}
.blocklyWidgetDiv td.goog-date-picker-none-cont {
text-align: center;
}
.blocklyWidgetDiv .goog-date-picker-month {
min-width: 11ex;
white-space: nowrap;
}
.blocklyWidgetDiv .goog-date-picker-year {
min-width: 6ex;
white-space: nowrap;
}
.blocklyWidgetDiv .goog-date-picker-monthyear {
white-space: nowrap;
}
.blocklyWidgetDiv .goog-date-picker table {
border-collapse: collapse;
}
.blocklyWidgetDiv .goog-date-picker-other-month {
color: #888;
}
.blocklyWidgetDiv .goog-date-picker-wkend-start,
.blocklyWidgetDiv .goog-date-picker-wkend-end {
background: #eee;
}
.blocklyWidgetDiv td.goog-date-picker-selected {
background: #c3d9ff;
}
.blocklyWidgetDiv .goog-date-picker-today {
background: #9ab;
font-weight: bold !important;
border-color: #246 #9bd #9bd #246;
color: #fff;
}
</style>
<g class="blocklyWorkspace">
<g class="blocklyBlockCanvas" transform="translate(186,6) scale(1)">
<g class="blocklyDraggable" transform="translate(-162,18)">
<path class="blocklyPathDark" transform="translate(1,1)" fill="#7a4984" d="m 0,8 A 8,8 0 0,1 8,0 H 195.5999984741211 v 25 H 50 l -6,4 -3,0 -6,-4 h -7 a 8,8 0 0,0 -8,8 v 114 a 8,8 0 0,0 8,8 H 195.5999984741211 v 10 H 8 a 8,8 0 0,1 -8,-8 z&#10;"/>
<path class="blocklyPath" fill="#995ba5" d="m 0,8 A 8,8 0 0,1 8,0 H 195.5999984741211 v 25 H 50 l -6,4 -3,0 -6,-4 h -7 a 8,8 0 0,0 -8,8 v 114 a 8,8 0 0,0 8,8 H 195.5999984741211 v 10 H 8 a 8,8 0 0,1 -8,-8 z&#10;"/>
<path class="blocklyPathLight" stroke="#b88cc0" d="m 0.5,7.5 A 7.5,7.5 0 0,1 8,0.5 H 195.0999984741211 M 195.0999984741211,0.5 M 195.0999984741211,25.5 M 21.989592359914347,153.01040764008565 a 8.5,8.5 0 0,0 6.0104076400856545,2.4895923599143455 H 195.0999984741211 M 2.6966991411008934,162.3033008588991 A 7.5,7.5 0 0,1 0.5,157 V 8&#10;"/>
<g class="blocklyIconGroup" display="block" transform="translate(10,5)">
<rect class="blocklyIconShape" rx="4" ry="4" height="16" width="16"/>
<path class="blocklyIconSymbol" d="m4.203,7.296 0,1.368 -0.92,0.677 -0.11,0.41 0.9,1.559 0.41,0.11 1.043,-0.457 1.187,0.683 0.127,1.134 0.3,0.3 1.8,0 0.3,-0.299 0.127,-1.138 1.185,-0.682 1.046,0.458 0.409,-0.11 0.9,-1.559 -0.11,-0.41 -0.92,-0.677 0,-1.366 0.92,-0.677 0.11,-0.41 -0.9,-1.559 -0.409,-0.109 -1.046,0.458 -1.185,-0.682 -0.127,-1.138 -0.3,-0.299 -1.8,0 -0.3,0.3 -0.126,1.135 -1.187,0.682 -1.043,-0.457 -0.41,0.11 -0.899,1.559 0.108,0.409z"/>
<circle class="blocklyIconShape" r="2.7" cx="8" cy="8"/>
</g>
<g class="blocklyIconGroup" display="block" transform="translate(37,5)">
<circle class="blocklyIconShape" r="8" cx="8" cy="8"/>
<path class="blocklyIconSymbol" d="m6.8,10h2c0.003,-0.617 0.271,-0.962 0.633,-1.266 2.875,-2.405 0.607,-5.534 -3.765,-3.874v1.7c3.12,-1.657 3.698,0.118 2.336,1.25 -1.201,0.998 -1.201,1.528 -1.204,2.19z"/>
<rect class="blocklyIconSymbol" x="6.8" y="10.78" height="2" width="2"/>
</g>
<g class="blocklyDraggable" transform="translate(21,26)">
<path class="blocklyPathDark" transform="translate(1,1)" fill="#5d4984" d="m 0,8 A 8,8 0 0,1 8,0 H 15 l 6,4 3,0 6,-4 H 74 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 6 v 25 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 6 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 29 H 29.5 l -6,4 -3,0 -6,-4 H 8 a 8,8 0 0,1 -8,-8 z&#10;"/>
<path class="blocklyPath" fill="#745ba5" d="m 0,8 A 8,8 0 0,1 8,0 H 15 l 6,4 3,0 6,-4 H 74 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 6 v 25 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 6 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 29 H 29.5 l -6,4 -3,0 -6,-4 H 8 a 8,8 0 0,1 -8,-8 z&#10;"/>
<path class="blocklyPathLight" stroke="#9e8cc0" d="m 0.5,7.5 A 7.5,7.5 0 0,1 8,0.5 H 15 l 6,4 3,0 6,-4 H 73.5 M 73.5,0.5 M 69,19.3 l 3.68,-2.1 M 73.5,26.5 M 73.5,51.5 M 69,70.3 l 3.68,-2.1 M 73.5,77.5 M 69,96.3 l 3.68,-2.1 M 2.6966991411008934,123.3033008588991 A 7.5,7.5 0 0,1 0.5,118 V 8&#10;"/>
<text class="blocklyText" y="12.5" transform="translate(10,5)">in list</text>
<g class="blocklyEditableText" transform="translate(10,31)" style="cursor: default;">
<rect rx="4" ry="4" x="-5" y="0" height="16" width="42"/>
<text class="blocklyText" y="12.5">set
<tspan style="fill: rgb(116, 91, 165);"></tspan>
</text>
</g>
<text class="blocklyText" y="12.5" transform="translate(52,31)"> </text>
<g class="blocklyEditableText" transform="translate(10,56)" style="cursor: default;">
<rect rx="4" ry="4" x="-5" y="0" height="16" width="30.799999237060547"/>
<text class="blocklyText" y="12.5">#
<tspan style="fill: rgb(116, 91, 165);"></tspan>
</text>
</g>
<text class="blocklyText" y="12.5" transform="translate(10,82)">as</text>
<g class="blocklyDraggable" transform="translate(75,0)">
<path class="blocklyPathDark" transform="translate(1,1)" fill="#844966" d="m 0,0 H 50.400001525878906 v 25 H 0 V 20 c 0,-10 -8,8 -8,-7.5 s 8,2.5 8,-7.5 z&#10;"/>
<path class="blocklyPath" fill="#a55b80" d="m 0,0 H 50.400001525878906 v 25 H 0 V 20 c 0,-10 -8,8 -8,-7.5 s 8,2.5 8,-7.5 z&#10;"/>
<path class="blocklyPathLight" stroke="#c08ca6" d="m 0.5,0.5 H 49.900001525878906 M 49.900001525878906,0.5 M 0.5,24.5 V 18.5 m -7.36,-0.5 q -1.52,-5.5 0,-11 m 7.36,1 V 0.5 H 1&#10;"/>
<g class="blocklyEditableText" transform="translate(10,5)" style="cursor: default;">
<rect rx="4" ry="4" x="-5" y="0" height="16" width="40.400001525878906"/>
<text class="blocklyText" y="12.5">list
<tspan style="fill: rgb(165, 91, 128);"></tspan>
</text>
</g>
</g>
<g class="blocklyDraggable" transform="translate(75,51)">
<path class="blocklyPathDark" transform="translate(1,1)" fill="#495284" d="m 0,0 H 28 v 25 H 0 V 20 c 0,-10 -8,8 -8,-7.5 s 8,2.5 8,-7.5 z&#10;"/>
<path class="blocklyPath" fill="#5b67a5" d="m 0,0 H 28 v 25 H 0 V 20 c 0,-10 -8,8 -8,-7.5 s 8,2.5 8,-7.5 z&#10;"/>
<path class="blocklyPathLight" stroke="#8c95c0" d="m 0.5,0.5 H 27.5 M 27.5,0.5 M 0.5,24.5 V 18.5 m -7.36,-0.5 q -1.52,-5.5 0,-11 m 7.36,1 V 0.5 H 1&#10;"/>
<g class="blocklyEditableText" transform="translate(10,5)" style="cursor: text;">
<rect rx="4" ry="4" x="-5" y="0" height="16" width="18"/>
<text class="blocklyText" y="12.5">0</text>
</g>
</g>
<g class="blocklyDraggable" transform="translate(75,77)">
<path class="blocklyPathDark" transform="translate(1,1)" fill="#498470" d="m 0,0 H 151 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 5 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 4 H 0 V 20 c 0,-10 -8,8 -8,-7.5 s 8,2.5 8,-7.5 z&#10;"/>
<path class="blocklyPath" fill="#5ba58c" d="m 0,0 H 151 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 5 v 5 c 0,10 -8,-8 -8,7.5 s 8,-2.5 8,7.5 v 4 H 0 V 20 c 0,-10 -8,8 -8,-7.5 s 8,2.5 8,-7.5 z&#10;"/>
<path class="blocklyPathLight" stroke="#8cc0af" d="m 0.5,0.5 H 150.5 M 150.5,0.5 M 146,19.3 l 3.68,-2.1 M 150.5,25.5 M 146,44.3 l 3.68,-2.1 M 0.5,48.5 V 18.5 m -7.36,-0.5 q -1.52,-5.5 0,-11 m 7.36,1 V 0.5 H 1&#10;"/>
<g class="blocklyIconGroup" display="block" transform="translate(10,5)">
<rect class="blocklyIconShape" rx="4" ry="4" height="16" width="16"/>
<path class="blocklyIconSymbol" d="m4.203,7.296 0,1.368 -0.92,0.677 -0.11,0.41 0.9,1.559 0.41,0.11 1.043,-0.457 1.187,0.683 0.127,1.134 0.3,0.3 1.8,0 0.3,-0.299 0.127,-1.138 1.185,-0.682 1.046,0.458 0.409,-0.11 0.9,-1.559 -0.11,-0.41 -0.92,-0.677 0,-1.366 0.92,-0.677 0.11,-0.41 -0.9,-1.559 -0.409,-0.109 -1.046,0.458 -1.185,-0.682 -0.127,-1.138 -0.3,-0.299 -1.8,0 -0.3,0.3 -0.126,1.135 -1.187,0.682 -1.043,-0.457 -0.41,0.11 -0.899,1.559 0.108,0.409z"/>
<circle class="blocklyIconShape" r="2.7" cx="8" cy="8"/>
</g>
<text class="blocklyText" y="12.5" transform="translate(37,5)">create text with</text>
</g>
</g>
<text class="blocklyText" y="12.5" transform="translate(64,5)">to</text>
<g class="blocklyEditableText" transform="translate(86,5)" style="cursor: text;">
<rect rx="4" ry="4" x="-5" y="0" height="16" width="95.5999984741211"/>
<text class="blocklyText" y="12.5">do something</text>
</g>
<text class="blocklyText" y="12.5" transform="translate(181.5999984741211,5)"> </text>
</g>
</g>
<g class="blocklyBubbleCanvas" transform="translate(286,6.999999999999545) scale(1)"/></g>
</svg>
(3-3/3)