tdf#131416 Syntax diagrams

- Erase: syntax + new examples + x-refs
- Managing flow of control: Do, If, While diagrams

- Basic Syntax Diagrams (WiP) cheatsheet:
https://wiki.documentfoundation.org/User:LibreOfficiant/BasicSyntax

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

11 files changed, 339 insertions, 40 deletions

diff --git a/Package_html_media.mk b/Package_html_media.mk
index f9d7647d35..3da7cbb308 100644
--- a/Package_html_media.mk
+++ b/Package_html_media.mk
@@ -114,9 +114,15 @@ $(eval $(call gb_Package_add_files_with_dir,helpcontent2_html_media,$(LIBO_SHARE
     helpimg/sbasic/Call_statement.svg \
     helpimg/sbasic/Dim_statement.svg \
     helpimg/sbasic/DimArray_function.svg \
+    helpimg/sbasic/Do_statement.svg \
+    helpimg/sbasic/Do-Loop_statement.svg \
+    helpimg/sbasic/Else_fragment.svg \
+    helpimg/sbasic/ElseIf_fragment.svg \
+    helpimg/sbasic/Erase_statement.svg \
     helpimg/sbasic/For-Each_statement.svg \
     helpimg/sbasic/For-Next_statement.svg \
     helpimg/sbasic/Function_statement.svg \
+    helpimg/sbasic/If_statement.svg \
     helpimg/sbasic/LetSet_statement.svg \
     helpimg/sbasic/On-Error_statement.svg \
     helpimg/sbasic/On-GoSub-GoTo_statement.svg \
@@ -129,6 +135,7 @@ $(eval $(call gb_Package_add_files_with_dir,helpcontent2_html_media,$(LIBO_SHARE
     helpimg/sbasic/Select-Case_statement.svg \
     helpimg/sbasic/Sub_statement.svg \
     helpimg/sbasic/Type_statement.svg \
+    helpimg/sbasic/While_statement.svg \
     helpimg/scalc/coordinates-to-polar-01.svg \
     helpimg/starmath/harpoon.svg \
     helpimg/starmath/wideharpoon.svg \
diff --git a/source/auxiliary/sbasic.tree b/source/auxiliary/sbasic.tree
index 9365423908..804b8613b9 100644
--- a/source/auxiliary/sbasic.tree
+++ b/source/auxiliary/sbasic.tree
@@ -104,12 +104,12 @@
                     <topic id="sbasic/text/sbasic/shared/03020403.xhp">CurDir Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03100070.xhp">CVar Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03100080.xhp">CVErr Function</topic>
+                    <topic id="sbasic/text/sbasic/shared/03030301.xhp">Date Statement</topic>
                     <topic id="sbasic/text/sbasic/shared/03030110.xhp">DateAdd Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03030120.xhp">DateDiff Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03030130.xhp">DatePart Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03030101.xhp">DateSerial Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03030102.xhp">DateValue Function</topic>
-                    <topic id="sbasic/text/sbasic/shared/03030301.xhp">Date Statement</topic>
                     <topic id="sbasic/text/sbasic/shared/03030103.xhp">Day Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03140000.xhp">DDB Function [VBA]</topic>
                     <topic id="sbasic/text/sbasic/shared/03090403.xhp">Declare Statement</topic>
@@ -132,6 +132,7 @@
                     <topic id="sbasic/text/sbasic/shared/03020301.xhp">Eof Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03104600.xhp">EqualUnoObjects Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03060200.xhp">Eqv Operator</topic>
+                    <topic id="sbasic/text/sbasic/shared/03104700.xhp">Erase Statement</topic>
                     <topic id="sbasic/text/sbasic/shared/03050100.xhp">Erl Function</topic>
                     <topic id="sbasic/text/sbasic/shared/03050200.xhp">Err Function</topic>
                     <topic id="sbasic/text/sbasic/shared/ErrVBA.xhp">Err Object [VBA]</topic>
diff --git a/source/media/helpimg/sbasic/Do-Loop_statement.svg b/source/media/helpimg/sbasic/Do-Loop_statement.svg
new file mode 100644
index 0000000000..5edd9d0409
--- /dev/null
+++ b/source/media/helpimg/sbasic/Do-Loop_statement.svg
@@ -0,0 +1,43 @@
+<svg class="railroad-diagram" height="124" viewBox="0 0 655.0 124" width="655.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 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g class="terminal">
+<path d="M50 51h0.0"></path><path d="M87.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="50.0" y="40"></rect><text x="68.5" y="55">Do</text></g><path d="M87.0 51h10"></path><path d="M97.0 51h10"></path><g>
+<path d="M107.0 51h0.0"></path><path d="M242.0 51h0.0"></path><path d="M107.0 51h15"></path><g class="non-terminal">
+<path d="M122.0 51h0.0"></path><path d="M227.0 51h0.0"></path><rect height="22" width="105.0" x="122.0" y="40"></rect><text x="174.5" y="55">statements</text></g><path d="M227.0 51h15"></path><path d="M122.0 51a15 15 0 0 0 -15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M122.0 93h12.75"></path><path d="M214.25 93h12.75"></path><rect height="22" rx="10" ry="10" width="79.5" x="134.75" y="82"></rect><text x="174.5" y="97">Exit Do</text></g><path d="M227.0 93a15 15 0 0 0 15 -15v-12a15 15 0 0 0 -15 -15"></path></g><path d="M242.0 51h10"></path><path d="M252.0 51h10"></path><g class="terminal">
+<path d="M262.0 51h0.0"></path><path d="M316.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="262.0" y="40"></rect><text x="289.0" y="55">Loop</text></g><path d="M316.0 51h10"></path><g>
+<path d="M326.0 51h0.0"></path><path d="M615.0 51h0.0"></path><path d="M326.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M356.0 20h229.0"></path></g><path d="M585.0 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M326.0 51h30"></path><g>
+<path d="M356.0 51h0.0"></path><path d="M585.0 51h0.0"></path><g>
+<path d="M356.0 51h0.0"></path><path d="M478.5 51h0.0"></path><path d="M356.0 51h30"></path><g class="terminal">
+<path d="M386.0 51h0.0"></path><path d="M448.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="386.0" y="40"></rect><text x="417.25" y="55">While</text></g><path d="M448.5 51h30"></path><path d="M356.0 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M386.0 93h0.0"></path><path d="M448.5 93h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="386.0" y="82"></rect><text x="417.25" y="97">Until</text></g><path d="M448.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M478.5 51h10"></path><g class="terminal">
+<path d="M488.5 51h0.0"></path><path d="M585.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="488.5" y="40"></rect><text x="536.75" y="55">condition</text></g></g><path d="M585.0 51h30"></path></g><path d="M 615.0 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/Do_statement.svg b/source/media/helpimg/sbasic/Do_statement.svg
new file mode 100644
index 0000000000..50613af939
--- /dev/null
+++ b/source/media/helpimg/sbasic/Do_statement.svg
@@ -0,0 +1,43 @@
+<svg class="railroad-diagram" height="124" viewBox="0 0 655.0 124" width="655.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 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g class="terminal">
+<path d="M50 51h0.0"></path><path d="M87.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="50.0" y="40"></rect><text x="68.5" y="55">Do</text></g><path d="M87.0 51h10"></path><g>
+<path d="M97.0 51h0.0"></path><path d="M386.0 51h0.0"></path><path d="M97.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M127.0 20h229.0"></path></g><path d="M356.0 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M97.0 51h30"></path><g>
+<path d="M127.0 51h0.0"></path><path d="M356.0 51h0.0"></path><g>
+<path d="M127.0 51h0.0"></path><path d="M249.5 51h0.0"></path><path d="M127.0 51h30"></path><g class="terminal">
+<path d="M157.0 51h0.0"></path><path d="M219.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="157.0" y="40"></rect><text x="188.25" y="55">While</text></g><path d="M219.5 51h30"></path><path d="M127.0 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M157.0 93h0.0"></path><path d="M219.5 93h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="157.0" y="82"></rect><text x="188.25" y="97">Until</text></g><path d="M219.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M249.5 51h10"></path><g class="terminal">
+<path d="M259.5 51h0.0"></path><path d="M356.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="259.5" y="40"></rect><text x="307.75" y="55">condition</text></g></g><path d="M356.0 51h30"></path></g><path d="M386.0 51h10"></path><g>
+<path d="M396.0 51h0.0"></path><path d="M531.0 51h0.0"></path><path d="M396.0 51h15"></path><g class="non-terminal">
+<path d="M411.0 51h0.0"></path><path d="M516.0 51h0.0"></path><rect height="22" width="105.0" x="411.0" y="40"></rect><text x="463.5" y="55">statements</text></g><path d="M516.0 51h15"></path><path d="M411.0 51a15 15 0 0 0 -15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M411.0 93h12.75"></path><path d="M503.25 93h12.75"></path><rect height="22" rx="10" ry="10" width="79.5" x="423.75" y="82"></rect><text x="463.5" y="97">Exit Do</text></g><path d="M516.0 93a15 15 0 0 0 15 -15v-12a15 15 0 0 0 -15 -15"></path></g><path d="M531.0 51h10"></path><path d="M541.0 51h10"></path><g class="terminal">
+<path d="M551.0 51h0.0"></path><path d="M605.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="551.0" y="40"></rect><text x="578.0" y="55">Loop</text></g><path d="M605.0 51h10"></path><path d="M 615.0 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/ElseIf_fragment.svg b/source/media/helpimg/sbasic/ElseIf_fragment.svg
new file mode 100644
index 0000000000..b423bc7fb0
--- /dev/null
+++ b/source/media/helpimg/sbasic/ElseIf_fragment.svg
@@ -0,0 +1,40 @@
+<svg class="railroad-diagram" height="102" viewBox="0 0 556.5 102" width="556.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><g>
+<path d="M40 51h0.0"></path><path d="M516.5 51h0.0"></path><path d="M40.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M70.0 20h416.5"></path></g><path d="M486.5 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M40.0 51h30"></path><g>
+<path d="M70.0 51h0.0"></path><path d="M486.5 51h0.0"></path><path d="M70.0 51h15"></path><g>
+<path d="M85.0 51h0.0"></path><path d="M471.5 51h0.0"></path><g class="terminal">
+<path d="M85.0 51h0.0"></path><path d="M156.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="71.0" x="85.0" y="40"></rect><text x="120.5" y="55">ElseIf</text></g><path d="M156.0 51h10"></path><path d="M166.0 51h10"></path><g class="terminal">
+<path d="M176.0 51h0.0"></path><path d="M272.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="176.0" y="40"></rect><text x="224.25" y="55">condition</text></g><path d="M272.5 51h10"></path><path d="M282.5 51h10"></path><g class="terminal">
+<path d="M292.5 51h0.0"></path><path d="M346.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="292.5" y="40"></rect><text x="319.5" y="55">Then</text></g><path d="M346.5 51h10"></path><path d="M356.5 51h10"></path><g class="terminal">
+<path d="M366.5 51h0.0"></path><path d="M471.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="366.5" y="40"></rect><text x="419.0" y="55">statements</text></g></g><path d="M471.5 51h15"></path><path d="M85.0 51a15 15 0 0 0 -15 15v1a15 15 0 0 0 15 15"></path><g>
+<path d="M85.0 82h386.5"></path></g><path d="M471.5 82a15 15 0 0 0 15 -15v-1a15 15 0 0 0 -15 -15"></path></g><path d="M486.5 51h30"></path></g><path d="M 516.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/Else_fragment.svg b/source/media/helpimg/sbasic/Else_fragment.svg
new file mode 100644
index 0000000000..beee1d4781
--- /dev/null
+++ b/source/media/helpimg/sbasic/Else_fragment.svg
@@ -0,0 +1,38 @@
+<svg class="railroad-diagram" height="92" viewBox="0 0 509.5 92" width="509.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 20v20m0 -10h20"></path></g><g>
+<path d="M40 30h0.0"></path><path d="M469.5 30h0.0"></path><path d="M40.0 30h30"></path><g>
+<path d="M70.0 30h369.5"></path></g><path d="M439.5 30h30"></path><path d="M40.0 30a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g>
+<path d="M70.0 61h0.0"></path><path d="M439.5 61h0.0"></path><g class="terminal">
+<path d="M70.0 61h0.0"></path><path d="M124.0 61h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="70.0" y="50"></rect><text x="97.0" y="65">Else</text></g><path d="M124.0 61h10"></path><path d="M134.0 61h10"></path><g class="terminal">
+<path d="M144.0 61h0.0"></path><path d="M240.5 61h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="144.0" y="50"></rect><text x="192.25" y="65">condition</text></g><path d="M240.5 61h10"></path><path d="M250.5 61h10"></path><g class="terminal">
+<path d="M260.5 61h0.0"></path><path d="M314.5 61h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="260.5" y="50"></rect><text x="287.5" y="65">Then</text></g><path d="M314.5 61h10"></path><path d="M324.5 61h10"></path><g class="terminal">
+<path d="M334.5 61h0.0"></path><path d="M439.5 61h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="334.5" y="50"></rect><text x="387.0" y="65">statements</text></g></g><path d="M439.5 61a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><path d="M 469.5 30 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/Erase_statement.svg b/source/media/helpimg/sbasic/Erase_statement.svg
new file mode 100644
index 0000000000..dcd9a671a4
--- /dev/null
+++ b/source/media/helpimg/sbasic/Erase_statement.svg
@@ -0,0 +1,37 @@
+<svg class="railroad-diagram" height="124" viewBox="0 0 349.0 124" width="349.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 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g class="terminal">
+<path d="M50 51h0.0"></path><path d="M112.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="50.0" y="40"></rect><text x="81.25" y="55">Erase</text></g><path d="M112.5 51h10"></path><g>
+<path d="M122.5 51h0.0"></path><path d="M309.0 51h0.0"></path><path d="M122.5 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M152.5 20h126.5"></path></g><path d="M279.0 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M122.5 51h30"></path><g>
+<path d="M152.5 51h0.0"></path><path d="M279.0 51h0.0"></path><path d="M152.5 51h15"></path><g class="terminal">
+<path d="M167.5 51h0.0"></path><path d="M264.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="167.5" y="40"></rect><text x="215.75" y="55">arrayname</text></g><path d="M264.0 51h15"></path><path d="M167.5 51a15 15 0 0 0 -15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M167.5 93h34.0"></path><path d="M230.0 93h34.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="201.5" y="82"></rect><text x="215.75" y="97">,</text></g><path d="M264.0 93a15 15 0 0 0 15 -15v-12a15 15 0 0 0 -15 -15"></path></g><path d="M279.0 51h30"></path></g><path d="M 309.0 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/If_statement.svg b/source/media/helpimg/sbasic/If_statement.svg
new file mode 100644
index 0000000000..2717455dc3
--- /dev/null
+++ b/source/media/helpimg/sbasic/If_statement.svg
@@ -0,0 +1,39 @@
+<svg class="railroad-diagram" height="93" viewBox="0 0 725.5 93" width="725.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 21v20m10 -20v20m-10 -10h20"></path></g><path d="M40 31h10"></path><g class="terminal">
+<path d="M50 31h0.0"></path><path d="M87.0 31h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="50.0" y="20"></rect><text x="68.5" y="35">If</text></g><path d="M87.0 31h10"></path><path d="M97.0 31h10"></path><g class="terminal">
+<path d="M107.0 31h0.0"></path><path d="M203.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="107.0" y="20"></rect><text x="155.25" y="35">condition</text></g><path d="M203.5 31h10"></path><path d="M213.5 31h10"></path><g class="terminal">
+<path d="M223.5 31h0.0"></path><path d="M277.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="223.5" y="20"></rect><text x="250.5" y="35">Then</text></g><path d="M277.5 31h10"></path><path d="M287.5 31h10"></path><g class="terminal">
+<path d="M297.5 31h0.0"></path><path d="M402.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="297.5" y="20"></rect><text x="350.0" y="35">statements</text></g><path d="M402.5 31h10"></path><g>
+<path d="M412.5 31h0.0"></path><path d="M594.5 31h0.0"></path><path d="M412.5 31h30"></path><g>
+<path d="M442.5 31h122.0"></path></g><path d="M564.5 31h30"></path><path d="M412.5 31a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="non-terminal">
+<path d="M442.5 62h0.0"></path><path d="M564.5 62h0.0"></path><rect height="22" width="122.0" x="442.5" y="51"></rect><text x="503.5" y="66">Else options</text></g><path d="M564.5 62a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><path d="M594.5 31h10"></path><g class="terminal">
+<path d="M604.5 31h0.0"></path><path d="M675.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="71.0" x="604.5" y="20"></rect><text x="640.0" y="35">End If</text></g><path d="M675.5 31h10"></path><path d="M 685.5 31 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/Print_statement.svg b/source/media/helpimg/sbasic/Print_statement.svg
index 3c9faf7776..ef8818739c 100644
--- a/source/media/helpimg/sbasic/Print_statement.svg
+++ b/source/media/helpimg/sbasic/Print_statement.svg
@@ -1,4 +1,4 @@
-<svg class="railroad-diagram" height="250" viewBox="0 0 732.5 250" width="732.5" xmlns="http://www.w3.org/2000/svg">
+<svg class="railroad-diagram" height="250" viewBox="0 0 702.5 250" width="702.5" xmlns="http://www.w3.org/2000/svg">
 <g transform="translate(.5 .5)">
 <style>/* <![CDATA[ */
     svg.railroad-diagram {
@@ -28,25 +28,24 @@
 
 /* ]]> */
 </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="M682.5 51h0.0"></path><g class="terminal">
-<path d="M50.0 51h0.0"></path><path d="M112.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="50.0" y="40"></rect><text x="81.25" y="55">Print</text></g><path d="M112.5 51h10"></path><g>
-<path d="M122.5 51h0.0"></path><path d="M270.5 51h0.0"></path><path d="M122.5 51h30"></path><g>
-<path d="M152.5 51h88.0"></path></g><path d="M240.5 51h30"></path><path d="M122.5 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M152.5 82h0.0"></path><path d="M240.5 82h0.0"></path><rect height="22" rx="10" ry="10" width="88.0" x="152.5" y="71"></rect><text x="196.5" y="86">#filenum</text></g><path d="M240.5 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><g>
-<path d="M270.5 51h0.0"></path><path d="M534.0 51h0.0"></path><path d="M270.5 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
-<path d="M300.5 20h203.5"></path></g><path d="M504.0 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M270.5 51h30"></path><g>
-<path d="M300.5 51h0.0"></path><path d="M504.0 51h0.0"></path><path d="M300.5 51h15"></path><g>
-<path d="M315.5 51h0.0"></path><path d="M489.0 51h0.0"></path><g>
-<path d="M315.5 51h0.0"></path><path d="M489.0 51h0.0"></path><path d="M315.5 51h30"></path><g class="terminal">
-<path d="M345.5 51h4.25"></path><path d="M454.75 51h4.25"></path><rect height="22" rx="10" ry="10" width="105.0" x="349.75" y="40"></rect><text x="402.25" y="55">expression</text></g><path d="M459.0 51h30"></path><path d="M315.5 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M345.5 93h0.0"></path><path d="M459.0 93h0.0"></path><rect height="22" rx="10" ry="10" width="113.5" x="345.5" y="82"></rect><text x="402.25" y="97">Spc(number)</text></g><path d="M459.0 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><path d="M315.5 51a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M345.5 135h12.75"></path><path d="M446.25 135h12.75"></path><rect height="22" rx="10" ry="10" width="88.0" x="358.25" y="124"></rect><text x="402.25" y="139">Tab(pos)</text></g><path d="M459.0 135a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path></g></g><path d="M489.0 51h15"></path><path d="M315.5 51a15 15 0 0 0 -15 15v96a15 15 0 0 0 15 15"></path><g>
-<path d="M315.5 177h42.5"></path><path d="M446.5 177h42.5"></path><path d="M358.0 177h30"></path><g class="terminal">
-<path d="M388.0 177h0.0"></path><path d="M416.5 177h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="388.0" y="166"></rect><text x="402.25" y="181">,</text></g><path d="M416.5 177h30"></path><path d="M358.0 177a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M388.0 219h0.0"></path><path d="M416.5 219h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="388.0" y="208"></rect><text x="402.25" y="223">;</text></g><path d="M416.5 219a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M489.0 177a15 15 0 0 0 15 -15v-96a15 15 0 0 0 -15 -15"></path></g><path d="M504.0 51h30"></path></g><g>
-<path d="M534.0 51h0.0"></path><path d="M682.5 51h0.0"></path><path d="M534.0 51h30"></path><g>
-<path d="M564.0 51h88.5"></path></g><path d="M652.5 51h30"></path><path d="M534.0 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g>
-<path d="M564.0 82h0.0"></path><path d="M652.5 82h0.0"></path><path d="M564.0 82h30"></path><g class="terminal">
-<path d="M594.0 82h0.0"></path><path d="M622.5 82h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="594.0" y="71"></rect><text x="608.25" y="86">,</text></g><path d="M622.5 82h30"></path><path d="M564.0 82a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M594.0 124h0.0"></path><path d="M622.5 124h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="594.0" y="113"></rect><text x="608.25" y="128">;</text></g><path d="M622.5 124a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M652.5 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g></g><path d="M682.5 51h10"></path><path d="M 692.5 51 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
\ No newline at end of file
+<path d="M20 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g class="terminal">
+<path d="M50 51h0.0"></path><path d="M112.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="50.0" y="40"></rect><text x="81.25" y="55">Print</text></g><path d="M112.5 51h10"></path><g>
+<path d="M122.5 51h0.0"></path><path d="M319.0 51h0.0"></path><path d="M122.5 51h30"></path><g>
+<path d="M152.5 51h136.5"></path></g><path d="M289.0 51h30"></path><path d="M122.5 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g>
+<path d="M152.5 82h0.0"></path><path d="M289.0 82h0.0"></path><g class="terminal">
+<path d="M152.5 82h0.0"></path><path d="M240.5 82h0.0"></path><rect height="22" rx="10" ry="10" width="88.0" x="152.5" y="71"></rect><text x="196.5" y="86">#filenum</text></g><path d="M240.5 82h10"></path><path d="M250.5 82h10"></path><g class="terminal">
+<path d="M260.5 82h0.0"></path><path d="M289.0 82h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="260.5" y="71"></rect><text x="274.75" y="86">,</text></g></g><path d="M289.0 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><g>
+<path d="M319.0 51h0.0"></path><path d="M574.0 51h0.0"></path><path d="M319.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M349.0 20h195.0"></path></g><path d="M544.0 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M319.0 51h30"></path><g>
+<path d="M349.0 51h0.0"></path><path d="M544.0 51h0.0"></path><path d="M349.0 51h15"></path><g>
+<path d="M364.0 51h0.0"></path><path d="M529.0 51h0.0"></path><g>
+<path d="M364.0 51h0.0"></path><path d="M529.0 51h0.0"></path><path d="M364.0 51h30"></path><g class="terminal">
+<path d="M394.0 51h0.0"></path><path d="M499.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="394.0" y="40"></rect><text x="446.5" y="55">expression</text></g><path d="M499.0 51h30"></path><path d="M364.0 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M394.0 93h17.0"></path><path d="M482.0 93h17.0"></path><rect height="22" rx="10" ry="10" width="71.0" x="411.0" y="82"></rect><text x="446.5" y="97">Spc(#)</text></g><path d="M499.0 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><path d="M364.0 51a15 15 0 0 1 15 15v54a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M394.0 135h8.5"></path><path d="M490.5 135h8.5"></path><rect height="22" rx="10" ry="10" width="88.0" x="402.5" y="124"></rect><text x="446.5" y="139">Tab(pos)</text></g><path d="M499.0 135a15 15 0 0 0 15 -15v-54a15 15 0 0 1 15 -15"></path></g></g><path d="M529.0 51h15"></path><path d="M364.0 51a15 15 0 0 0 -15 15v96a15 15 0 0 0 15 15"></path><g>
+<path d="M364.0 177h38.25"></path><path d="M490.75 177h38.25"></path><path d="M402.25 177h30"></path><g class="terminal">
+<path d="M432.25 177h0.0"></path><path d="M460.75 177h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="432.25" y="166"></rect><text x="446.5" y="181">,</text></g><path d="M460.75 177h30"></path><path d="M402.25 177a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M432.25 219h0.0"></path><path d="M460.75 219h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="432.25" y="208"></rect><text x="446.5" y="223">;</text></g><path d="M460.75 219a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M529.0 177a15 15 0 0 0 15 -15v-96a15 15 0 0 0 -15 -15"></path></g><path d="M544.0 51h30"></path></g><g>
+<path d="M574.0 51h0.0"></path><path d="M662.5 51h0.0"></path><path d="M574.0 51h30"></path><g class="terminal">
+<path d="M604.0 51h0.0"></path><path d="M632.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="604.0" y="40"></rect><text x="618.25" y="55">,</text></g><path d="M632.5 51h30"></path><path d="M574.0 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M604.0 93h0.0"></path><path d="M632.5 93h0.0"></path><rect height="22" rx="10" ry="10" width="28.5" x="604.0" y="82"></rect><text x="618.25" y="97">;</text></g><path d="M632.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M 662.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/While_statement.svg b/source/media/helpimg/sbasic/While_statement.svg
new file mode 100644
index 0000000000..201cba9a79
--- /dev/null
+++ b/source/media/helpimg/sbasic/While_statement.svg
@@ -0,0 +1,35 @@
+<svg class="railroad-diagram" height="62" viewBox="0 0 478.0 62" width="478.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 21v20m10 -20v20m-10 -10h20"></path></g><path d="M40 31h10"></path><g class="terminal">
+<path d="M50 31h0.0"></path><path d="M112.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="62.5" x="50.0" y="20"></rect><text x="81.25" y="35">While</text></g><path d="M112.5 31h10"></path><path d="M122.5 31h10"></path><g class="terminal">
+<path d="M132.5 31h0.0"></path><path d="M229.0 31h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="132.5" y="20"></rect><text x="180.75" y="35">condition</text></g><path d="M229.0 31h10"></path><path d="M239.0 31h10"></path><g class="non-terminal">
+<path d="M249.0 31h0.0"></path><path d="M354.0 31h0.0"></path><rect height="22" width="105.0" x="249.0" y="20"></rect><text x="301.5" y="35">statements</text></g><path d="M354.0 31h10"></path><path d="M364.0 31h10"></path><g class="terminal">
+<path d="M374.0 31h0.0"></path><path d="M428.0 31h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="374.0" y="20"></rect><text x="401.0" y="35">Wend</text></g><path d="M428.0 31h10"></path><path d="M 438.0 31 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/text/sbasic/shared/03104700.xhp b/source/text/sbasic/shared/03104700.xhp
index 88bdd43360..968cac3139 100644
--- a/source/text/sbasic/shared/03104700.xhp
+++ b/source/text/sbasic/shared/03104700.xhp
@@ -20,28 +20,45 @@
 
 <helpdocument version="1.0">
 <meta>
-<topic id="textsbasicshared03104700xhp" indexer="include" status="PUBLISH">
-<title id="tit" xml-lang="en-US">Erase Function</title>
-<filename>/text/sbasic/shared/03104700.xhp</filename>
-</topic>
-<history>
-<created date="2005-04-25T14:43:31">Erase</created>
-</history>
+  <topic id="textsbasicshared03104700xhp" indexer="include" status="PUBLISH">
+    <title id="tit" xml-lang="en-US">Erase Statement</title>
+    <filename>/text/sbasic/shared/03104700.xhp</filename>
+  </topic>
+  <history><created date="2005-04-25T14:43:31">Erase</created></history>
 </meta>
+
 <body>
+
 <section id="erase">
-<bookmark xml-lang="en-US" branch="index" id="bm_id624713"><bookmark_value>Erase function</bookmark_value>
+<bookmark xml-lang="en-US" branch="index" id="bm_id624713"><bookmark_value>Erase statement</bookmark_value>
 </bookmark>
-<paragraph role="heading" id="par_idN10548" xml-lang="en-US" level="1"><link href="text/sbasic/shared/03104700.xhp">Erase Function</link></paragraph>
+<paragraph role="heading" id="par_idN10548" xml-lang="en-US" level="1"><link href="text/sbasic/shared/03104700.xhp">Erase Statement</link></paragraph>
 <paragraph role="paragraph" id="par_idN10558" xml-lang="en-US">Erases the contents of array elements of fixed size arrays, and releases the memory used by arrays of variable size.</paragraph>
 </section>
-<paragraph role="heading" id="par_idN1055D" xml-lang="en-US" level="2">Syntax:</paragraph>
+
+<embed href="text/sbasic/shared/00000003.xhp#functsyntax"/>
+<paragraph role="image" id="par_id831588865616326"><image src="media/helpimg/sbasic/Erase_statement.svg" id="img_id651588865616326"><alt id="alt_id281588865616326">Erase syntax</alt></image></paragraph>
 <bascode>
-<paragraph role="bascode" id="par_idN105E6" xml-lang="en-US">Erase Arraylist</paragraph>
+  <paragraph role="bascode" id="par_idN105E6" xml-lang="en-US">Erase array1 [, array2 [,...]]</paragraph>
 </bascode>
-<paragraph role="heading" id="par_idN105E9" xml-lang="en-US" level="2">Parameters:</paragraph>
-<paragraph role="paragraph" id="par_idN105ED" xml-lang="en-US">
-<emph>Arraylist</emph> - The list of arrays to be erased.</paragraph>
-</body>
-</helpdocument>
 
+<embed href="text/sbasic/shared/00000003.xhp#functparameters"/>
+<paragraph role="paragraph" id="par_idN105ED" xml-lang="en-US"><emph>array list</emph> - A comma delimited list of arrays to be erased.</paragraph>
+
+<embed href="text/sbasic/shared/00000003.xhp#functexample"/>
+<bascode>
+  <paragraph role="bascode" id="bas_id551588866531991" localize="false">Sub Erase_Example</paragraph>
+  <paragraph role="bascode" id="bas_id941588866552486" localize="false">    a = Array(1,2,3) :  b= Array("z","y","x") : c=Array(a,b)</paragraph>
+  <paragraph role="bascode" id="bas_id821588866562452" xml-lang="en-US">    Erase a, c(Ubound(c)) &apos; b and c(0) are unchanged</paragraph>
+  <paragraph role="bascode" id="bas_id701588866563382" xml-lang="en-US">    Erase b, c(0) ' everything gets cleared</paragraph>
+  <paragraph role="bascode" id="bas_id691588866563757" localize="false">End Sub</paragraph>
+</bascode>
+
+<section id="relatedtopics">
+  <paragraph role="paragraph" id="par_id161588865796615"><link href="text/sbasic/shared/03102100.xhp" name="Dim statement">Dim</link> or <link href="text/sbasic/shared/03102101.xhp" name="ReDim statement">ReDim</link> statements</paragraph>
+  <paragraph role="paragraph" id="par_id281588865818334"><link href="text/sbasic/shared/03104200.xhp" name="Array function">Array</link> or <link href="text/sbasic/shared/03104300.xhp" name="DimArray function">DimArray</link> functions</paragraph>
+  <paragraph role="paragraph" id="par_id761588867124078"><link href="text/sbasic/shared/03102900.xhp" name="lower bound function">Lbound</link> and <link href="text/sbasic/shared/03103000.xhp" name="upper bound function">Ubound</link> functions</paragraph>
+</section>
+
+</body>
+</helpdocument>
\ No newline at end of file