From d1fdd2270aa5d6b5c3ac6b608a04b9e8eb3f3e6f Mon Sep 17 00:00:00 2001
From: LibreOfficiant <LibreOfficiant@sfr.fr>
Date: Fri, 10 Apr 2020 10:38:11 +0100
Subject: 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>
---
 source/media/helpimg/sbasic/Type_statement.svg     | 54 +++++++++++++++++
 source/media/helpimg/sbasic/argument_fragment.svg  | 63 ++++++++++++++++++++
 source/media/helpimg/sbasic/array_fragment.svg     | 45 ++++++++++++++
 source/media/helpimg/sbasic/type-car_fragment.svg  | 38 ++++++++++++
 source/media/helpimg/sbasic/type-name_fragment.svg | 42 +++++++++++++
 source/text/sbasic/shared/fragments.xhp            | 69 ++++++++++++++++++++++
 6 files changed, 311 insertions(+)
 create mode 100644 source/media/helpimg/sbasic/Type_statement.svg
 create mode 100644 source/media/helpimg/sbasic/argument_fragment.svg
 create mode 100644 source/media/helpimg/sbasic/array_fragment.svg
 create mode 100644 source/media/helpimg/sbasic/type-car_fragment.svg
 create mode 100644 source/media/helpimg/sbasic/type-name_fragment.svg
 create mode 100644 source/text/sbasic/shared/fragments.xhp

(limited to 'source')

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
diff --git a/source/text/sbasic/shared/fragments.xhp b/source/text/sbasic/shared/fragments.xhp
new file mode 100644
index 0000000000..416149a86e
--- /dev/null
+++ b/source/text/sbasic/shared/fragments.xhp
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<helpdocument version="1.0">
+  <!--
+   * This file is part of the LibreOffice project.
+   *
+   * This Source Code Form is subject to the terms of the Mozilla Public
+   * License, v. 2.0. If a copy of the MPL was not distributed with this
+   * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+   *
+  -->
+  <meta>
+    <topic id="org.LibreOffice.sBasic.fragments.en" indexer="include" status="PUBLISH">
+      <title id="tit" xml-lang="en-US">Basic syntax diagrams fragments</title>
+      <filename>/text/sbasic/shared/fragments.xhp</filename>
+    </topic>
+  </meta>
+  <body>
+    <section id="fragments">
+      <h1 id="hd_id541587044867073"><variable id="fragmentsh1"><link href="text/sbasic/shared/fragments.xhp" name="Syntax fragments">Syntax fragments</link></variable></h1>
+      <paragraph role="paragraph" id="par_id881587044839050">%PRODUCTNAME Basic syntax fragments.</paragraph>
+    </section>
+    
+<section id="argument">
+  <h2 id="hd_id431587045941514"><variable id="argumenth2"><link href="text/sbasic/shared/fragments.xhp" name="arguments in Function, Sub and Property statements"></link></variable></h2>
+    <paragraph role="paragraph" id="par_id491585753339474"><image src="media/helpimg/sbasic/argument_fragment.svg" id="img_id4156296484514"><alt xml-lang="en-US" id="alt_id15152796484514">argument fragment</alt></image></paragraph>
+    <bascode>
+      <paragraph role="bascode" id="par_id3151084" localize="false">{[Optional [ByRef|ByVal]]|ParamArray} argument {{As type-name|type-car}[ = expression]|[()]As Variant}</paragraph>
+    </bascode>
+    <embed href="text/sbasic/shared/00000003.xhp#functparameters"/>
+    <paragraph role="paragraph" id="par_id481586090298901"><literal>Optional</literal>: The argument is not mandatory.</paragraph>
+  <paragraph role="paragraph" id="par_id331586090532804"><literal>ByRef</literal>: The argument is passed by reference. <literal>ByRef</literal> is the default.</paragraph>
+    <paragraph role="paragraph" id="par_id331586090432804"><literal>ByVal</literal>: The argument is passed by value. Its value can be modified by the called routine.</paragraph>
+    <paragraph role="paragraph" id="par_id651587044335713"><emph>type-car:</emph> Type declaration caracter.</paragraph>
+    <paragraph role="paragraph" id="par_id651587044336713"><emph>type-name</emph>: Primitive data type name. Library or module defined types can also be specified.</paragraph>
+    <paragraph role="paragraph" id="par_id11587045141290"><emph>= expression:</emph> Specify a default value for the argument, matching its declared type. <literal>Optional</literal>  is necessary for each argument specifying a default value.</paragraph>
+    <paragraph role="paragraph" id="par_id331586091432804"><literal>ParamArray</literal>: Use <literal>ParamArray</literal> when the number of parameters is undetermined. A typical scenario is that of a Calc user-defined function. Using <literal>ParamArray</literal> should be limited to the last argument of a routine.</paragraph>
+    <warning id="par_id851587050837107">Using<literal>ParamArray</literal> or <emph>= expression</emph> require <link href="text/sbasic/shared/compatible.xhp" name ="Option Compatible">Option Compatible</link> to be placed before the executable program code in a module. </warning>
+</section>
+
+<section id="array">
+  <h2 id="hd_id231587046013456"><variable id="arrayh2"><link href="text/sbasic/shared/fragments.xhp" name="array syntax fragment"></link></variable></h2>
+    <paragraph role="paragraph" id="par_id491586753339473"><image src="media/helpimg/sbasic/array_fragment.svg" id="img_id4156296484514"><alt xml-lang="en-US" id="alt_id15152796484514">array fragment</alt></image></paragraph>
+    <bascode>
+      <paragraph role="bascode" id="par_id3150983" localize="false">( [[start To] end], .. )</paragraph>
+    </bascode>
+    <embed href="text/sbasic/shared/00000003.xhp#functparameters"/>
+    <paragraph role="paragraph" id="par_id951587051619162"><emph>start:</emph> Lower bound of a dimension.</paragraph>
+    <paragraph role="paragraph" id="par_id951587052619162"><emph>end:</emph> Upper bound of a dimension.</paragraph>
+  <paragraph role="paragraph" id="par_id961587051702571">Multiple dimensions for an array are denoted using comma (<emph>,</emph>) sign.</paragraph>
+</section>
+
+<section id="typename">
+  <h2 id="hd_id231587046013458"><variable id="typenameh2"><link href="text/sbasic/shared/fragments.xhp" name="data types fragment"></link></variable></h2>
+    <paragraph role="paragraph" id="par_id501586753339474"><image src="media/helpimg/sbasic/type-name_fragment.svg" id="img_id4157296484514"><alt xml-lang="en-US" id="alt_id15152796484515">data types fragment</alt></image></paragraph>
+    <bascode>
+      <paragraph role="bascode" id="par_id3150985" localize="false">{Currency|Date|Double|Integer|Long|Object|Single|String|Variant}</paragraph>
+    </bascode>
+</section>
+
+<section id="typecar">
+  <h2 id="hd_id231587046013459"><variable id="typecarh2"><link href="text/sbasic/shared/fragments.xhp" name="type declaration caracters fragment"></link></variable></h2>
+    <paragraph role="paragraph" id="par_id511586753339474"><image src="media/helpimg/sbasic/type-car_fragment.svg" id="img_id4157296484514"><alt xml-lang="en-US" id="alt_id15152796484516">type declaration caracters</alt></image></paragraph>
+    <bascode>
+      <paragraph role="bascode" id="par_id3150986" localize="false">{ % | &amp; | ! | # | $ }</paragraph>
+    </bascode>
+</section>
+
+  </body>
+</helpdocument>
\ No newline at end of file
-- 
cgit