<mxfile host="Electron" modified="2023-10-03T19:39:23.379Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.2 Chrome/114.0.5735.289 Electron/25.8.4 Safari/537.36" etag="VPB9lQL-bSP3b1GkR2eW" version="22.0.2" type="device">
  <diagram id="4kbN9NpsKroH37jktCzz" name="Page-1">
    <mxGraphModel dx="2058" dy="1202" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="Ck-qS1VmkanUmCayB5zA-2" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="160" y="210" width="200" height="20" as="geometry" />
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-3" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="210" width="120" height="20" as="geometry" />
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-9" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="40" y="150" width="120" height="20" as="geometry" />
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-4" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="Ck-qS1VmkanUmCayB5zA-9" source="Ck-qS1VmkanUmCayB5zA-7" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="120" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-7" value="label_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="Ck-qS1VmkanUmCayB5zA-9" vertex="1">
          <mxGeometry x="20" width="70" height="20" as="geometry" />
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-8" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="Ck-qS1VmkanUmCayB5zA-9" target="Ck-qS1VmkanUmCayB5zA-7" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="120" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-47" value="one_line: true" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;strokeColor=none;fontStyle=1;fontSize=14;align=left;verticalAlign=top;" parent="1" vertex="1">
          <mxGeometry x="40" y="20" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-48" value="one_line: false" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;strokeColor=none;fontStyle=1;fontSize=14;align=left;" parent="1" vertex="1">
          <mxGeometry x="440" y="20" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="Ck-qS1VmkanUmCayB5zA-49" value="&lt;b&gt;props: &lt;/b&gt;label_width: 150" style="rounded=0;whiteSpace=wrap;html=1;fontSize=12;fillColor=#00CC66;strokeColor=none;fontColor=#FFFFFF;" parent="1" vertex="1">
          <mxGeometry x="40" y="120" width="720" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="210" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-2" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="190" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-45" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="160" y="280" width="180" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-73" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="340" y="280" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-74" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="740" y="280" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-75" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="280" width="300" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-134" value="" style="group;fontColor=#3333FF;" parent="1" vertex="1" connectable="0">
          <mxGeometry x="40" y="60" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-135" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#3333FF;" parent="3t0ZLjvyp7SiTGsuRRwA-134" source="3t0ZLjvyp7SiTGsuRRwA-136" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="320" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-136" value="available width: 400" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#3333FF;" parent="3t0ZLjvyp7SiTGsuRRwA-134" vertex="1">
          <mxGeometry x="90" width="140" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-137" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#3333FF;" parent="3t0ZLjvyp7SiTGsuRRwA-134" target="3t0ZLjvyp7SiTGsuRRwA-136" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="320" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-161" value="&lt;b&gt;props: &lt;/b&gt;width: 350, label_width: 100" style="rounded=0;whiteSpace=wrap;html=1;fontSize=12;fillColor=#00CC66;strokeColor=none;fontColor=#FFFFFF;" parent="1" vertex="1">
          <mxGeometry x="40" y="360" width="720" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-210" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="260" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-211" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="280" width="120" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-216" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="120" y="470" width="200" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-217" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="470" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-222" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="470" width="280" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-223" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="450" width="280" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-224" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="150" y="540" width="150" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-225" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="300" y="540" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-226" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="700" y="540" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-227" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="540" width="260" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-228" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="520" width="280" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-229" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="540" width="110" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-230" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="40" y="390" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-231" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-230" source="3t0ZLjvyp7SiTGsuRRwA-232" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-232" value="label_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-230" vertex="1">
          <mxGeometry x="10" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-233" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-230" target="3t0ZLjvyp7SiTGsuRRwA-232" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-234" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="40" y="410" width="280" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-235" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-234" source="3t0ZLjvyp7SiTGsuRRwA-236" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="280" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-236" value="width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-234" vertex="1">
          <mxGeometry x="120" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-237" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-234" target="3t0ZLjvyp7SiTGsuRRwA-236" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="280" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-254" value="(label grows if it doesn&#39;t fit)" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;" parent="1" vertex="1">
          <mxGeometry x="40" y="565" width="150" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-255" value="(label grows to 100% width when one_line: false)" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;" parent="1" vertex="1">
          <mxGeometry x="440" y="150" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-258" value="(label grows to 100% width when one_line: false)" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;" parent="1" vertex="1">
          <mxGeometry x="440" y="390" width="280" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-259" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="440" y="410" width="280" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-260" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-259" source="3t0ZLjvyp7SiTGsuRRwA-261" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="280" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-261" value="width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-259" vertex="1">
          <mxGeometry x="120" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-262" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-259" target="3t0ZLjvyp7SiTGsuRRwA-261" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="280" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-263" value="&lt;b&gt;props: &lt;/b&gt;field_width: 100" style="rounded=0;whiteSpace=wrap;html=1;fontSize=12;fillColor=#00CC66;strokeColor=none;fontColor=#FFFFFF;" parent="1" vertex="1">
          <mxGeometry x="40" y="640" width="720" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-264" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="280" y="730" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-265" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="730" width="240" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-266" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="730" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-267" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="710" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-268" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="280" y="800" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-269" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="340" y="800" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-270" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="530" y="800" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-271" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="800" width="90" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-272" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="780" width="110" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-273" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="800" width="240" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-274" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="280" y="670" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-275" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-274" source="3t0ZLjvyp7SiTGsuRRwA-276" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-276" value="field_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-274" vertex="1">
          <mxGeometry x="10" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-277" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-274" target="3t0ZLjvyp7SiTGsuRRwA-276" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-282" value="(label grows if it doesn&#39;t fit,&lt;br&gt;as result field_width grows, too)" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;" parent="1" vertex="1">
          <mxGeometry x="560" y="780" width="200" height="40" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-288" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="440" y="670" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-289" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-288" source="3t0ZLjvyp7SiTGsuRRwA-290" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-290" value="field_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-288" vertex="1">
          <mxGeometry x="10" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-291" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-288" target="3t0ZLjvyp7SiTGsuRRwA-290" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-292" value="field width always includes suffix" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;align=right;" parent="1" vertex="1">
          <mxGeometry x="40" y="830" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-293" value="" style="group;fontColor=#3333FF;" parent="1" vertex="1" connectable="0">
          <mxGeometry x="440" y="60" width="320" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-294" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#3333FF;" parent="3t0ZLjvyp7SiTGsuRRwA-293" source="3t0ZLjvyp7SiTGsuRRwA-295" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="320" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-295" value="available width: 400" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#3333FF;" parent="3t0ZLjvyp7SiTGsuRRwA-293" vertex="1">
          <mxGeometry x="90" width="140" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-296" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#3333FF;" parent="3t0ZLjvyp7SiTGsuRRwA-293" target="3t0ZLjvyp7SiTGsuRRwA-295" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="320" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-297" value="&lt;b&gt;props: &lt;/b&gt;label_width: 100, field_width: 100" style="rounded=0;whiteSpace=wrap;html=1;fontSize=12;fillColor=#00CC66;strokeColor=none;fontColor=#FFFFFF;" parent="1" vertex="1">
          <mxGeometry x="40" y="920" width="720" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-298" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="120" y="1010" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-299" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="1010" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-300" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="1010" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-301" value="Some label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="990" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-302" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="150" y="1080" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-303" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="210" y="1080" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-304" value="&amp;nbsp;kg" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;" parent="1" vertex="1">
          <mxGeometry x="500" y="1080" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-305" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="440" y="1080" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-306" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="440" y="1060" width="110" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-307" value="Some long label: ?" style="rounded=0;whiteSpace=wrap;html=1;align=right;strokeColor=none;fillColor=#E6E6E6;" parent="1" vertex="1">
          <mxGeometry x="40" y="1080" width="110" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-308" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="120" y="950" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-309" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-308" source="3t0ZLjvyp7SiTGsuRRwA-310" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-310" value="field_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-308" vertex="1">
          <mxGeometry x="10" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-311" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-308" target="3t0ZLjvyp7SiTGsuRRwA-310" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-313" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="440" y="950" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-314" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-313" source="3t0ZLjvyp7SiTGsuRRwA-315" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-315" value="field_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-313" vertex="1">
          <mxGeometry x="10" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-316" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-313" target="3t0ZLjvyp7SiTGsuRRwA-315" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-317" value="label width grows as necessary, this doesnt&#39; affect field_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;align=left;" parent="1" vertex="1">
          <mxGeometry x="40" y="1110" width="360" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-318" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="40" y="950" width="80" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-319" value="" style="endArrow=baseDash;html=1;rounded=0;startArrow=none;endFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-318" source="3t0ZLjvyp7SiTGsuRRwA-320" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-320" value="label_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-318" vertex="1">
          <mxGeometry x="10" width="60" height="20" as="geometry" />
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-321" value="" style="endArrow=none;html=1;rounded=0;startArrow=baseDash;startFill=0;strokeColor=#808080;" parent="3t0ZLjvyp7SiTGsuRRwA-318" target="3t0ZLjvyp7SiTGsuRRwA-320" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint y="10" as="sourcePoint" />
            <mxPoint x="80" y="10" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3t0ZLjvyp7SiTGsuRRwA-323" value="label width grows as necessary, this doesnt&#39; affect field_width" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fontColor=#00994D;align=left;" parent="1" vertex="1">
          <mxGeometry x="440" y="1110" width="360" height="20" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
