tdf#131416 Basic syntax diagrams reusable fragments

- a new help page to aggregate all fragments
- reusable fragments as media/helpimg's

Change-Id: If28747a75bbbd14ae8a0cc04bdedb8b7d81f173b
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/92009
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

5 files changed, 242 insertions, 0 deletions

diff --git a/source/media/helpimg/sbasic/Type_statement.svg b/source/media/helpimg/sbasic/Type_statement.svg
new file mode 100644
index 0000000000..c1fab324a3
--- /dev/null
+++ b/source/media/helpimg/sbasic/Type_statement.svg
@@ -0,0 +1,54 @@
+<svg class="railroad-diagram" height="248" viewBox="0 0 889.5 248" width="889.5" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g>
+<path d="M50 51h0.0"></path><path d="M839.5 51h0.0"></path><g class="terminal">
+<path d="M50.0 51h0.0"></path><path d="M104.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="50.0" y="40"></rect><text x="77.0" y="55">Type</text></g><path d="M104.0 51h10"></path><path d="M114.0 51h10"></path><g class="terminal">
+<path d="M124.0 51h0.0"></path><path d="M229.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="124.0" y="40"></rect><text x="176.5" y="55">struc&#95;name</text></g><path d="M229.0 51h10"></path><path d="M239.0 51h10"></path><g>
+<path d="M249.0 51h0.0"></path><path d="M731.5 51h0.0"></path><path d="M249.0 51h15"></path><g>
+<path d="M264.0 51h0.0"></path><path d="M716.5 51h0.0"></path><g class="terminal">
+<path d="M264.0 51h0.0"></path><path d="M360.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="264.0" y="40"></rect><text x="312.25" y="55">datafield</text></g><path d="M360.5 51h10"></path><g>
+<path d="M370.5 51h0.0"></path><path d="M716.5 51h0.0"></path><path d="M370.5 51h30"></path><g>
+<path d="M400.5 51h73.25"></path><path d="M613.25 51h73.25"></path><path d="M473.75 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M503.75 20h79.5"></path></g><path d="M583.25 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M473.75 51h30"></path><g class="terminal">
+<path d="M503.75 51h0.0"></path><path d="M583.25 51h0.0"></path><rect height="22" rx="10" ry="10" width="79.5" x="503.75" y="40"></rect><text x="543.5" y="55">Variant</text></g><path d="M583.25 51h30"></path></g><path d="M686.5 51h30"></path><path d="M370.5 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g>
+<path d="M400.5 93h0.0"></path><path d="M686.5 93h0.0"></path><g>
+<path d="M400.5 93h0.0"></path><path d="M523.0 93h0.0"></path><path d="M400.5 93h30"></path><g>
+<path d="M430.5 93h62.5"></path></g><path d="M493.0 93h30"></path><path d="M400.5 93a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="non-terminal">
+<path d="M430.5 124h0.0"></path><path d="M493.0 124h0.0"></path><rect height="22" width="62.5" x="430.5" y="113"></rect><text x="461.75" y="128">array</text></g><path d="M493.0 124a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><path d="M523.0 93h10"></path><g class="terminal">
+<path d="M533.0 93h0.0"></path><path d="M570.0 93h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="533.0" y="82"></rect><text x="551.5" y="97">As</text></g><path d="M570.0 93h10"></path><path d="M580.0 93h10"></path><g class="non-terminal">
+<path d="M590.0 93h0.0"></path><path d="M686.5 93h0.0"></path><rect height="22" width="96.5" x="590.0" y="82"></rect><text x="638.25" y="97">type-name</text></g></g><path d="M686.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><path d="M370.5 51a15 15 0 0 1 15 15v85a15 15 0 0 0 15 15"></path><g>
+<path d="M400.5 166h32.75"></path><path d="M653.75 166h32.75"></path><g class="non-terminal">
+<path d="M433.25 166h0.0"></path><path d="M521.25 166h0.0"></path><rect height="22" width="88.0" x="433.25" y="155"></rect><text x="477.25" y="170">type-car</text></g><path d="M521.25 166h10"></path><g>
+<path d="M531.25 166h0.0"></path><path d="M653.75 166h0.0"></path><path d="M531.25 166h30"></path><g>
+<path d="M561.25 166h62.5"></path></g><path d="M623.75 166h30"></path><path d="M531.25 166a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="non-terminal">
+<path d="M561.25 197h0.0"></path><path d="M623.75 197h0.0"></path><rect height="22" width="62.5" x="561.25" y="186"></rect><text x="592.5" y="201">array</text></g><path d="M623.75 197a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g></g><path d="M686.5 166a15 15 0 0 0 15 -15v-85a15 15 0 0 1 15 -15"></path></g></g><path d="M716.5 51h15"></path><path d="M264.0 51a15 15 0 0 0 -15 15v147a15 15 0 0 0 15 15"></path><g>
+<path d="M264.0 228h452.5"></path></g><path d="M716.5 228a15 15 0 0 0 15 -15v-147a15 15 0 0 0 -15 -15"></path></g><path d="M731.5 51h10"></path><path d="M741.5 51h10"></path><g class="terminal">
+<path d="M751.5 51h0.0"></path><path d="M839.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="88.0" x="751.5" y="40"></rect><text x="795.5" y="55">End Type</text></g></g><path d="M839.5 51h10"></path><path d="M 849.5 51 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/argument_fragment.svg b/source/media/helpimg/sbasic/argument_fragment.svg
new file mode 100644
index 0000000000..e6d09bab3a
--- /dev/null
+++ b/source/media/helpimg/sbasic/argument_fragment.svg
@@ -0,0 +1,63 @@
+<svg class="railroad-diagram" height="217" viewBox="0 0 1085.5 217" width="1085.5" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 41v20m0 -10h20"></path></g><path d="M40 51h10"></path><g>
+<path d="M50 51h0.0"></path><path d="M1035.5 51h0.0"></path><g>
+<path d="M50.0 51h0.0"></path><path d="M440.5 51h0.0"></path><path d="M50.0 51h30"></path><g>
+<path d="M80.0 51h0.0"></path><path d="M410.5 51h0.0"></path><g>
+<path d="M80.0 51h0.0"></path><path d="M228.0 51h0.0"></path><path d="M80.0 51h30"></path><g>
+<path d="M110.0 51h88.0"></path></g><path d="M198.0 51h30"></path><path d="M80.0 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M110.0 82h0.0"></path><path d="M198.0 82h0.0"></path><rect height="22" rx="10" ry="10" width="88.0" x="110.0" y="71"></rect><text x="154.0" y="86">Optional</text></g><path d="M198.0 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><g>
+<path d="M228.0 51h0.0"></path><path d="M410.5 51h0.0"></path><path d="M228.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M258.0 20h122.5"></path></g><path d="M380.5 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M228.0 51h30"></path><g>
+<path d="M258.0 51h0.0"></path><path d="M380.5 51h0.0"></path><path d="M258.0 51h30"></path><g class="terminal">
+<path d="M288.0 51h0.0"></path><path d="M350.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="288.0" y="40"></rect><text x="319.25" y="55">ByRef</text></g><path d="M350.5 51h30"></path><path d="M258.0 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M288.0 93h0.0"></path><path d="M350.5 93h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="288.0" y="82"></rect><text x="319.25" y="97">ByVal</text></g><path d="M350.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M380.5 51h30"></path></g></g><path d="M410.5 51h30"></path><path d="M50.0 51a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 135h112.75"></path><path d="M297.75 135h112.75"></path><rect height="22" rx="10" ry="10" width="105.0" x="192.75" y="124"></rect><text x="245.25" y="139">ParamArray</text></g><path d="M410.5 135a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path></g><path d="M440.5 51h10"></path><g class="non-terminal">
+<path d="M450.5 51h0.0"></path><path d="M538.5 51h0.0"></path><rect height="22" width="88.0" x="450.5" y="40"></rect><text x="494.5" y="55">argument</text></g><path d="M538.5 51h10"></path><g>
+<path d="M548.5 51h0.0"></path><path d="M1035.5 51h0.0"></path><path d="M548.5 51h30"></path><g>
+<path d="M578.5 51h0.0"></path><path d="M1005.5 51h0.0"></path><g>
+<path d="M578.5 51h0.0"></path><path d="M792.0 51h0.0"></path><path d="M578.5 51h30"></path><g>
+<path d="M608.5 51h0.0"></path><path d="M762.0 51h0.0"></path><g class="terminal">
+<path d="M608.5 51h0.0"></path><path d="M645.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="608.5" y="40"></rect><text x="627.0" y="55">As</text></g><path d="M645.5 51h10"></path><path d="M655.5 51h10"></path><g class="non-terminal">
+<path d="M665.5 51h0.0"></path><path d="M762.0 51h0.0"></path><rect height="22" width="96.5" x="665.5" y="40"></rect><text x="713.75" y="55">type-name</text></g></g><path d="M762.0 51h30"></path><path d="M578.5 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="non-terminal">
+<path d="M608.5 93h32.75"></path><path d="M729.25 93h32.75"></path><rect height="22" width="88.0" x="641.25" y="82"></rect><text x="685.25" y="97">type-car</text></g><path d="M762.0 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><g>
+<path d="M792.0 51h0.0"></path><path d="M1005.5 51h0.0"></path><path d="M792.0 51h30"></path><g>
+<path d="M822.0 51h153.5"></path></g><path d="M975.5 51h30"></path><path d="M792.0 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g>
+<path d="M822.0 82h0.0"></path><path d="M975.5 82h0.0"></path><g class="terminal">
+<path d="M822.0 82h0.0"></path><path d="M850.5 82h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="822.0" y="71"></rect><text x="836.25" y="86">=</text></g><path d="M850.5 82h10"></path><path d="M860.5 82h10"></path><g class="non-terminal">
+<path d="M870.5 82h0.0"></path><path d="M975.5 82h0.0"></path><rect height="22" width="105.0" x="870.5" y="71"></rect><text x="923.0" y="86">expression</text></g></g><path d="M975.5 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g></g><path d="M1005.5 51h30"></path><path d="M548.5 51a15 15 0 0 1 15 15v74a15 15 0 0 0 15 15"></path><g>
+<path d="M578.5 155h82.5"></path><path d="M923.0 155h82.5"></path><g>
+<path d="M661.0 155h0.0"></path><path d="M758.0 155h0.0"></path><path d="M661.0 155h30"></path><g>
+<path d="M691.0 155h37.0"></path></g><path d="M728.0 155h30"></path><path d="M661.0 155a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M691.0 186h0.0"></path><path d="M728.0 186h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="691.0" y="175"></rect><text x="709.5" y="190">()</text></g><path d="M728.0 186a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><g>
+<path d="M758.0 155h0.0"></path><path d="M923.0 155h0.0"></path><path d="M758.0 155a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M788.0 124h105.0"></path></g><path d="M893.0 124a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M758.0 155h30"></path><g class="terminal">
+<path d="M788.0 155h0.0"></path><path d="M893.0 155h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="788.0" y="144"></rect><text x="840.5" y="159">As Variant</text></g><path d="M893.0 155h30"></path></g></g><path d="M1005.5 155a15 15 0 0 0 15 -15v-74a15 15 0 0 1 15 -15"></path></g></g><path d="M1035.5 51h10"></path><path d="M 1045.5 51 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/array_fragment.svg b/source/media/helpimg/sbasic/array_fragment.svg
new file mode 100644
index 0000000000..95b3827d02
--- /dev/null
+++ b/source/media/helpimg/sbasic/array_fragment.svg
@@ -0,0 +1,45 @@
+<svg class="railroad-diagram" height="155" viewBox="0 0 502.0 155" width="502.0" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 41v20m0 -10h20"></path></g><path d="M40 51h10"></path><g>
+<path d="M50 51h0.0"></path><path d="M452.0 51h0.0"></path><g class="terminal">
+<path d="M50.0 51h0.0"></path><path d="M78.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="50.0" y="40"></rect><text x="64.25" y="55">(</text></g><path d="M78.5 51h10"></path><g>
+<path d="M88.5 51h0.0"></path><path d="M413.5 51h0.0"></path><path d="M88.5 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M118.5 20h265.0"></path></g><path d="M383.5 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M88.5 51h30"></path><g>
+<path d="M118.5 51h0.0"></path><path d="M383.5 51h0.0"></path><path d="M118.5 51h15"></path><g>
+<path d="M133.5 51h0.0"></path><path d="M368.5 51h0.0"></path><g>
+<path d="M133.5 51h0.0"></path><path d="M313.0 51h0.0"></path><path d="M133.5 51h30"></path><g>
+<path d="M163.5 51h119.5"></path></g><path d="M283.0 51h30"></path><path d="M133.5 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g>
+<path d="M163.5 82h0.0"></path><path d="M283.0 82h0.0"></path><g class="terminal">
+<path d="M163.5 82h0.0"></path><path d="M226.0 82h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="163.5" y="71"></rect><text x="194.75" y="86">start</text></g><path d="M226.0 82h10"></path><path d="M236.0 82h10"></path><g class="terminal">
+<path d="M246.0 82h0.0"></path><path d="M283.0 82h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="246.0" y="71"></rect><text x="264.5" y="86">To</text></g></g><path d="M283.0 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><path d="M313.0 51h10"></path><g class="terminal">
+<path d="M323.0 51h0.0"></path><path d="M368.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="45.5" x="323.0" y="40"></rect><text x="345.75" y="55">end</text></g></g><path d="M368.5 51h15"></path><path d="M133.5 51a15 15 0 0 0 -15 15v43a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M133.5 124h103.25"></path><path d="M265.25 124h103.25"></path><rect height="22" rx="10" ry="10" width="28.5" x="236.75" y="113"></rect><text x="251.0" y="128">,</text></g><path d="M368.5 124a15 15 0 0 0 15 -15v-43a15 15 0 0 0 -15 -15"></path></g><path d="M383.5 51h30"></path></g><path d="M413.5 51h10"></path><g class="terminal">
+<path d="M423.5 51h0.0"></path><path d="M452.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="423.5" y="40"></rect><text x="437.75" y="55">)</text></g></g><path d="M452.0 51h10"></path><path d="M 462.0 51 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/type-car_fragment.svg b/source/media/helpimg/sbasic/type-car_fragment.svg
new file mode 100644
index 0000000000..db648bbdd8
--- /dev/null
+++ b/source/media/helpimg/sbasic/type-car_fragment.svg
@@ -0,0 +1,38 @@
+<svg class="railroad-diagram" height="230" viewBox="0 0 188.5 230" width="188.5" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 105v20m0 -10h20"></path></g><path d="M40 115h10"></path><g>
+<path d="M50 115h0.0"></path><path d="M138.5 115h0.0"></path><g>
+<path d="M50.0 115h0.0"></path><path d="M138.5 115h0.0"></path><path d="M50.0 115a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M80.0 73h0.0"></path><path d="M108.5 73h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="80.0" y="62"></rect><text x="94.25" y="77">&#38;</text></g><path d="M108.5 73a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><path d="M50.0 115a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M80.0 31h0.0"></path><path d="M108.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="80.0" y="20"></rect><text x="94.25" y="35">%</text></g><path d="M108.5 31a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><path d="M50.0 115h30"></path><g class="terminal">
+<path d="M80.0 115h0.0"></path><path d="M108.5 115h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="80.0" y="104"></rect><text x="94.25" y="119">!</text></g><path d="M108.5 115h30"></path><path d="M50.0 115a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 157h0.0"></path><path d="M108.5 157h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="80.0" y="146"></rect><text x="94.25" y="161">#</text></g><path d="M108.5 157a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><path d="M50.0 115a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 199h0.0"></path><path d="M108.5 199h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="80.0" y="188"></rect><text x="94.25" y="203">$</text></g><path d="M108.5 199a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path></g></g><path d="M138.5 115h10"></path><path d="M 148.5 115 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/type-name_fragment.svg b/source/media/helpimg/sbasic/type-name_fragment.svg
new file mode 100644
index 0000000000..d469b104e8
--- /dev/null
+++ b/source/media/helpimg/sbasic/type-name_fragment.svg
@@ -0,0 +1,42 @@
+<svg class="railroad-diagram" height="398" viewBox="0 0 248.0 398" width="248.0" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 189v20m0 -10h20"></path></g><path d="M40 199h10"></path><g>
+<path d="M50 199h0.0"></path><path d="M198.0 199h0.0"></path><g>
+<path d="M50.0 199h0.0"></path><path d="M198.0 199h0.0"></path><path d="M50.0 199a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M80.0 157h8.5"></path><path d="M159.5 157h8.5"></path><rect height="22" rx="10" ry="10" width="71.0" x="88.5" y="146"></rect><text x="124.0" y="161">Double</text></g><path d="M168.0 157a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><path d="M50.0 199a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M80.0 115h8.5"></path><path d="M159.5 115h8.5"></path><rect height="22" rx="10" ry="10" width="71.0" x="88.5" y="104"></rect><text x="124.0" y="119">Single</text></g><path d="M168.0 115a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><path d="M50.0 199a15 15 0 0 0 15 -15v-96a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M80.0 73h17.0"></path><path d="M151.0 73h17.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="97.0" y="62"></rect><text x="124.0" y="77">Long</text></g><path d="M168.0 73a15 15 0 0 1 15 15v96a15 15 0 0 0 15 15"></path><path d="M50.0 199a15 15 0 0 0 15 -15v-138a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M80.0 31h4.25"></path><path d="M163.75 31h4.25"></path><rect height="22" rx="10" ry="10" width="79.5" x="84.25" y="20"></rect><text x="124.0" y="35">Integer</text></g><path d="M168.0 31a15 15 0 0 1 15 15v138a15 15 0 0 0 15 15"></path><path d="M50.0 199h30"></path><g class="terminal">
+<path d="M80.0 199h4.25"></path><path d="M163.75 199h4.25"></path><rect height="22" rx="10" ry="10" width="79.5" x="84.25" y="188"></rect><text x="124.0" y="203">Variant</text></g><path d="M168.0 199h30"></path><path d="M50.0 199a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 241h8.5"></path><path d="M159.5 241h8.5"></path><rect height="22" rx="10" ry="10" width="71.0" x="88.5" y="230"></rect><text x="124.0" y="245">Object</text></g><path d="M168.0 241a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><path d="M50.0 199a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 283h0.0"></path><path d="M168.0 283h0.0"></path><rect height="22" rx="10" ry="10" width="88.0" x="80.0" y="272"></rect><text x="124.0" y="287">Currency</text></g><path d="M168.0 283a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path><path d="M50.0 199a15 15 0 0 1 15 15v96a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 325h17.0"></path><path d="M151.0 325h17.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="97.0" y="314"></rect><text x="124.0" y="329">Date</text></g><path d="M168.0 325a15 15 0 0 0 15 -15v-96a15 15 0 0 1 15 -15"></path><path d="M50.0 199a15 15 0 0 1 15 15v138a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M80.0 367h8.5"></path><path d="M159.5 367h8.5"></path><rect height="22" rx="10" ry="10" width="71.0" x="88.5" y="356"></rect><text x="124.0" y="371">String</text></g><path d="M168.0 367a15 15 0 0 0 15 -15v-138a15 15 0 0 1 15 -15"></path></g></g><path d="M198.0 199h10"></path><path d="M 208.0 199 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file