jsxgraph 1.6.0 → 1.6.1

package/distrib/docs/symbols/src/src_utils_env.js.html

@@ -554,7 +554,7 @@
 <span class='line'>547</span> </span><span class="WHIT">        </span><span class="COMM">/**
 <span class='line'>548</span>          * Cross browser mouse / pointer / touch coordinates retrieval relative to the documents's top left corner.
 <span class='line'>549</span>          * This method might be a bit outdated today, since pointer events and clientX/Y are omnipresent.
-<span class='line'>550</span>          * 
+<span class='line'>550</span>          *
 <span class='line'>551</span>          * @param {Object} [e] The browsers event object. If omitted, &lt;tt>window.event&lt;/tt> will be used.
 <span class='line'>552</span>          * @param {Number} [index] If &lt;tt>e&lt;/tt> is a touch event, this provides the index of the touch coordinates, i.e. it determines which finger.
 <span class='line'>553</span>          * @param {Object} [doc] The document object.
@@ -919,95 +919,132 @@
 <span class='line'>912</span>          *
 <span class='line'>913</span>          */</span><span class="WHIT">
 <span class='line'>914</span> </span><span class="WHIT">        </span><span class="NAME">scaleJSXGraphDiv</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">wrap_id</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">inner_id</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">scale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>915</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.styleSheets.length</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">style</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rule</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">b</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">wi</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">bi</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>916</span> </span><span class="WHIT">                </span><span class="NAME">scale_l</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshift_l</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="COMM">// scale_p, vshift_p,</span><span class="WHIT">
-<span class='line'>917</span> </span><span class="WHIT">                </span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scale</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>918</span> </span><span class="WHIT">                </span><span class="NAME">rule_inner_l</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="COMM">// rule_inner_p,</span><span class="WHIT">
-<span class='line'>919</span> </span><span class="WHIT">                </span><span class="NAME">pseudo_keys</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="WHIT">
-<span class='line'>920</span> </span><span class="WHIT">                    </span><span class="STRN">":fullscreen"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>921</span> </span><span class="WHIT">                    </span><span class="STRN">":-webkit-full-screen"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>922</span> </span><span class="WHIT">                    </span><span class="STRN">":-moz-full-screen"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>923</span> </span><span class="WHIT">                    </span><span class="STRN">":-ms-fullscreen"</span><span class="WHIT">
-<span class='line'>924</span> </span><span class="WHIT">                </span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>925</span> </span><span class="WHIT">                </span><span class="NAME">len_pseudo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">pseudo_keys.length</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>926</span> </span><span class="WHIT">                </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>927</span> </span><span class="WHIT">                </span><span class="COMM">// A previously installed CSS rule to center the JSXGraph div has to</span><span class="WHIT">
-<span class='line'>928</span> </span><span class="WHIT">                </span><span class="COMM">// be searched and removed again.</span><span class="WHIT">
-<span class='line'>929</span> </span><span class="WHIT">                </span><span class="NAME">regex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>930</span> </span><span class="WHIT">                    </span><span class="STRN">".*#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>931</span> </span><span class="WHIT">                        </span><span class="NAME">wrap_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>932</span> </span><span class="WHIT">                        </span><span class="STRN">":.*full.*screen.*#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>933</span> </span><span class="WHIT">                        </span><span class="NAME">inner_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>934</span> </span><span class="WHIT">                        </span><span class="STRN">".*auto;.*transform:.*matrix"</span><span class="WHIT">
-<span class='line'>935</span> </span><span class="WHIT">                </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>936</span> 
-<span class='line'>937</span> </span><span class="WHIT">            </span><span class="NAME">b</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.getElementById</span><span class="PUNC">(</span><span class="NAME">wrap_id</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getBoundingClientRect</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>938</span> </span><span class="WHIT">            </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">b.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>939</span> </span><span class="WHIT">            </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">b.width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>940</span> 
-<span class='line'>941</span> </span><span class="WHIT">            </span><span class="NAME">bi</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.getElementById</span><span class="PUNC">(</span><span class="NAME">inner_id</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getBoundingClientRect</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>942</span> </span><span class="WHIT">            </span><span class="NAME">hi</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">bi.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>943</span> </span><span class="WHIT">            </span><span class="NAME">wi</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">bi.width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>944</span> 
-<span class='line'>945</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">wi</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>946</span> </span><span class="WHIT">                </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">wi</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>947</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>948</span> </span><span class="WHIT">                </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>949</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>950</span> </span><span class="WHIT">            </span><span class="NAME">vshift_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">0.5</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>915</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.styleSheets.length</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">style</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rule</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>916</span> </span><span class="WHIT">                </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">b</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>917</span> </span><span class="WHIT">                </span><span class="NAME">wi</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>918</span> </span><span class="WHIT">                </span><span class="NAME">wo</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ho</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">inner</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>919</span> </span><span class="WHIT">                </span><span class="NAME">scale_l</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshift_l</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>920</span> </span><span class="WHIT">                </span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scale</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>921</span> </span><span class="WHIT">                </span><span class="NAME">ratio</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>922</span> </span><span class="WHIT">                </span><span class="NAME">rule_inner_l</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>923</span> </span><span class="WHIT">                </span><span class="NAME">title</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'jsxgraph_fullscreen_css'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>924</span> </span><span class="WHIT">                </span><span class="NAME">found_css</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>925</span> </span><span class="WHIT">                </span><span class="NAME">pseudo_keys</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="WHIT">
+<span class='line'>926</span> </span><span class="WHIT">                    </span><span class="STRN">":fullscreen"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>927</span> </span><span class="WHIT">                    </span><span class="STRN">":-webkit-full-screen"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>928</span> </span><span class="WHIT">                    </span><span class="STRN">":-moz-full-screen"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>929</span> </span><span class="WHIT">                    </span><span class="STRN">":-ms-fullscreen"</span><span class="WHIT">
+<span class='line'>930</span> </span><span class="WHIT">                </span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>931</span> </span><span class="WHIT">                </span><span class="NAME">len_pseudo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">pseudo_keys.length</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>932</span> </span><span class="WHIT">                </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>933</span> </span><span class="WHIT">                </span><span class="COMM">// A previously installed CSS rule to center the JSXGraph div has to</span><span class="WHIT">
+<span class='line'>934</span> </span><span class="WHIT">                </span><span class="COMM">// be searched and removed again.</span><span class="WHIT">
+<span class='line'>935</span> </span><span class="WHIT">                </span><span class="NAME">regex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>936</span> </span><span class="WHIT">                    </span><span class="STRN">".*#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>937</span> </span><span class="WHIT">                        </span><span class="NAME">wrap_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>938</span> </span><span class="WHIT">                        </span><span class="STRN">":.*full.*screen.*#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>939</span> </span><span class="WHIT">                        </span><span class="NAME">inner_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>940</span> </span><span class="WHIT">                        </span><span class="STRN">".*auto;.*transform:.*matrix"</span><span class="WHIT">
+<span class='line'>941</span> </span><span class="WHIT">                </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>942</span> 
+<span class='line'>943</span> </span><span class="WHIT">            </span><span class="NAME">b</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.getElementById</span><span class="PUNC">(</span><span class="NAME">wrap_id</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getBoundingClientRect</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>944</span> </span><span class="WHIT">            </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">b.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>945</span> </span><span class="WHIT">            </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">b.width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>946</span> 
+<span class='line'>947</span> </span><span class="WHIT">            </span><span class="NAME">inner</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.getElementById</span><span class="PUNC">(</span><span class="NAME">inner_id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>948</span> </span><span class="WHIT">            </span><span class="NAME">wo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">inner._cssFullscreenStore.w</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>949</span> </span><span class="WHIT">            </span><span class="NAME">ho</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">inner._cssFullscreenStore.h</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>950</span> </span><span class="WHIT">            </span><span class="NAME">ratio</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ho</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">wo</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>951</span> 
-<span class='line'>952</span> </span><span class="WHIT">            </span><span class="COMM">// CSS rules to center the inner div horizontally and vertically.</span><span class="WHIT">
-<span class='line'>953</span> </span><span class="WHIT">            </span><span class="NAME">rule_inner_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">
-<span class='line'>954</span> </span><span class="WHIT">                </span><span class="STRN">"{margin:0 auto;transform:matrix("</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>955</span> </span><span class="WHIT">                </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>956</span> </span><span class="WHIT">                </span><span class="STRN">",0,0,"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>957</span> </span><span class="WHIT">                </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>958</span> </span><span class="WHIT">                </span><span class="STRN">",0,"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>959</span> </span><span class="WHIT">                </span><span class="NAME">vshift_l</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>960</span> </span><span class="WHIT">                </span><span class="STRN">");}"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>952</span> </span><span class="WHIT">            </span><span class="COMM">// Scale the div such that fits into the fullscreen.</span><span class="WHIT">
+<span class='line'>953</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">wo</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>954</span> </span><span class="WHIT">                </span><span class="NAME">wo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>955</span> </span><span class="WHIT">                </span><span class="NAME">ho</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">wo</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">ratio</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>956</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>957</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">ho</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>958</span> </span><span class="WHIT">                </span><span class="NAME">ho</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>959</span> </span><span class="WHIT">                </span><span class="NAME">wo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ho</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ratio</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>960</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>961</span> 
-<span class='line'>962</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>963</span> </span><span class="WHIT">                </span><span class="COMM">// In case there is not a single CSS rule defined at all.</span><span class="WHIT">
-<span class='line'>964</span> </span><span class="WHIT">                </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">"style"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>965</span> </span><span class="WHIT">                </span><span class="COMM">// WebKit hack :(</span><span class="WHIT">
-<span class='line'>966</span> </span><span class="WHIT">                </span><span class="NAME">style.appendChild</span><span class="PUNC">(</span><span class="NAME">document.createTextNode</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>967</span> </span><span class="WHIT">                </span><span class="COMM">// Add the &lt;style> element to the page</span><span class="WHIT">
-<span class='line'>968</span> </span><span class="WHIT">                </span><span class="NAME">doc.appendChild</span><span class="PUNC">(</span><span class="NAME">style</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>969</span> </span><span class="WHIT">                </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.styleSheets.length</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>970</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>971</span> 
-<span class='line'>972</span> </span><span class="WHIT">            </span><span class="COMM">// Remove a previously installed CSS rule.</span><span class="WHIT">
-<span class='line'>973</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>974</span> </span><span class="WHIT">                </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">cssRules.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT">
-<span class='line'>975</span> </span><span class="WHIT">                </span><span class="NAME">regex.test</span><span class="PUNC">(</span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">cssRules</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">cssText</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT">
-<span class='line'>976</span> </span><span class="WHIT">                </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">deleteRule</span><span class="WHIT">
-<span class='line'>977</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>978</span> </span><span class="WHIT">                </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">deleteRule</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>962</span> </span><span class="WHIT">            </span><span class="NAME">wi</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">wo</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>963</span> </span><span class="WHIT">            </span><span class="NAME">hi</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ho</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>964</span> </span><span class="WHIT">            </span><span class="COMM">// Compare this.setBoundingBox() </span><span class="WHIT">
+<span class='line'>965</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">ratio</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>966</span> </span><span class="WHIT">                </span><span class="COMM">// h > w</span><span class="WHIT">
+<span class='line'>967</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">ratio</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>968</span> </span><span class="WHIT">                    </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">wo</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>969</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>970</span> </span><span class="WHIT">                    </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ho</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>971</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>972</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>973</span> </span><span class="WHIT">                </span><span class="COMM">// h &lt;= w</span><span class="WHIT">
+<span class='line'>974</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">ratio</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>975</span> </span><span class="WHIT">                    </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">wo</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>976</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>977</span> </span><span class="WHIT">                    </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">f</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ho</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>978</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>979</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>980</span> 
-<span class='line'>981</span> </span><span class="WHIT">            </span><span class="COMM">// Install a CSS rule to center the JSXGraph div at the first position of the list.</span><span class="WHIT">
-<span class='line'>982</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len_pseudo</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>983</span> </span><span class="WHIT">                </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>984</span> </span><span class="WHIT">                    </span><span class="NAME">rule</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">wrap_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">pseudo_keys</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" #"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">inner_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">rule_inner_l</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>985</span> </span><span class="WHIT">                    </span><span class="COMM">// rule = '@media all and (orientation:landscape) {' + rule + '}';</span><span class="WHIT">
-<span class='line'>986</span> </span><span class="WHIT">                    </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">insertRule</span><span class="PUNC">(</span><span class="NAME">rule</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>987</span> 
-<span class='line'>988</span> </span><span class="WHIT">                    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>989</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">err</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>990</span> </span><span class="WHIT">                    </span><span class="COMM">// console.log('JXG.scaleJSXGraphDiv: Could not add CSS rule "' + pseudo_keys[i] + '".');</span><span class="WHIT">
-<span class='line'>991</span> </span><span class="WHIT">                    </span><span class="COMM">// console.log('One possible reason could be that the id of the JSXGraph container does not start with a letter.');</span><span class="WHIT">
-<span class='line'>992</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>993</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>994</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">len_pseudo</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>995</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">"JXG.scaleJSXGraphDiv: Could not add any CSS rule."</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>996</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>997</span> </span><span class="WHIT">                    </span><span class="STRN">"One possible reason could be that the id of the JSXGraph container does not start with a letter."</span><span class="WHIT">
-<span class='line'>998</span> </span><span class="WHIT">                </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>999</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1000</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1001</span> 
-<span class='line'>1002</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1003</span> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1004</span> 
-<span class='line'>1005</span> </span><span class="NAME">export</span><span class="WHIT"> </span><span class="KEYW">default</span><span class="WHIT"> </span><span class="NAME">JXG</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1006</span> </span></pre></body></html>
+<span class='line'>980</span> </span><span class="WHIT">            </span><span class="NAME">vshift_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">0.5</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>981</span> 
+<span class='line'>982</span> </span><span class="WHIT">            </span><span class="COMM">// CSS rules to center the inner div horizontally and vertically.</span><span class="WHIT">
+<span class='line'>983</span> </span><span class="WHIT">            </span><span class="NAME">rule_inner_l</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">
+<span class='line'>984</span> </span><span class="WHIT">                </span><span class="STRN">"{"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>985</span> </span><span class="WHIT">                </span><span class="STRN">"width:"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">wi</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px !important;"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>986</span> </span><span class="WHIT">                </span><span class="STRN">"height:"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">hi</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px !important;"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>987</span> </span><span class="WHIT">                </span><span class="STRN">"margin:0 auto;"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>988</span> </span><span class="WHIT">                </span><span class="STRN">"transform:matrix("</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">",0,0,"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">scale_l</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">",0,"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">vshift_l</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">");"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>989</span> </span><span class="WHIT">                </span><span class="STRN">"}"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>990</span> 
+<span class='line'>991</span> </span><span class="WHIT">            </span><span class="NAME">found_css</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>992</span> </span><span class="WHIT">            </span><span class="COMM">// Removing of the CSS here should happen only</span><span class="WHIT">
+<span class='line'>993</span> </span><span class="WHIT">            </span><span class="COMM">// in emergency cases.</span><span class="WHIT">
+<span class='line'>994</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">--</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>995</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">title</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">title</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>996</span> </span><span class="WHIT">                    </span><span class="NAME">found_css</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>997</span> 
+<span class='line'>998</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">title</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">title</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT">
+<span class='line'>999</span> </span><span class="WHIT">                        </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">cssRules.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT">
+<span class='line'>1000</span> </span><span class="WHIT">                        </span><span class="NAME">regex.test</span><span class="PUNC">(</span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">cssRules</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">cssText</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT">
+<span class='line'>1001</span> </span><span class="WHIT">                        </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">deleteRule</span><span class="WHIT">
+<span class='line'>1002</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1003</span> </span><span class="WHIT">                        </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">deleteRule</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1004</span> </span><span class="WHIT">                        </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1005</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1006</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1007</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1008</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">found_css</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1009</span> </span><span class="WHIT">                </span><span class="COMM">// In case there is not yet a CSS style sheet for fullscreen</span><span class="WHIT">
+<span class='line'>1010</span> </span><span class="WHIT">                </span><span class="COMM">// defined, do it now.</span><span class="WHIT">
+<span class='line'>1011</span> </span><span class="WHIT">                </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">"style"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1012</span> </span><span class="WHIT">                </span><span class="NAME">style.setAttribute</span><span class="PUNC">(</span><span class="STRN">'title'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">title</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1013</span> </span><span class="WHIT">                </span><span class="COMM">// WebKit hack :(</span><span class="WHIT">
+<span class='line'>1014</span> </span><span class="WHIT">                </span><span class="NAME">style.appendChild</span><span class="PUNC">(</span><span class="NAME">document.createTextNode</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1015</span> </span><span class="WHIT">                </span><span class="COMM">// Add the &lt;style> element to the page head.</span><span class="WHIT">
+<span class='line'>1016</span> </span><span class="WHIT">                </span><span class="COMM">// It must be document, not the shadowDOM root.</span><span class="WHIT">
+<span class='line'>1017</span> </span><span class="WHIT">                </span><span class="COMM">// It seems that the head tag does always exist.</span><span class="WHIT">
+<span class='line'>1018</span> </span><span class="WHIT">                </span><span class="NAME">document.head.appendChild</span><span class="PUNC">(</span><span class="NAME">style</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1019</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1020</span> </span><span class="WHIT">            </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.styleSheets.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1021</span> 
+<span class='line'>1022</span> </span><span class="WHIT">            </span><span class="COMM">// Install a CSS rule to center the JSXGraph div at the first position of the list.</span><span class="WHIT">
+<span class='line'>1023</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len_pseudo</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1024</span> </span><span class="WHIT">                </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1025</span> </span><span class="WHIT">                    </span><span class="NAME">rule</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">wrap_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">pseudo_keys</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" #"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">inner_id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">rule_inner_l</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1026</span> </span><span class="WHIT">                    </span><span class="COMM">// rule = '@media all and (orientation:landscape) {' + rule + '}';</span><span class="WHIT">
+<span class='line'>1027</span> </span><span class="WHIT">                    </span><span class="NAME">doc.styleSheets</span><span class="PUNC">[</span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">insertRule</span><span class="PUNC">(</span><span class="NAME">rule</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1028</span> 
+<span class='line'>1029</span> </span><span class="WHIT">                    </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1030</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">err</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1031</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1032</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">len_pseudo</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1033</span> </span><span class="WHIT">                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"JXG.scaleJSXGraphDiv: Could not add any CSS rule.\n"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>1034</span> </span><span class="WHIT">                    </span><span class="STRN">"One possible reason could be that the id of the JSXGraph container does not start with a letter."</span><span class="WHIT">
+<span class='line'>1035</span> </span><span class="WHIT">                </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1036</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1037</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1038</span> 
+<span class='line'>1039</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1040</span> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1041</span> 
+<span class='line'>1042</span> </span><span class="NAME">export</span><span class="WHIT"> </span><span class="KEYW">default</span><span class="WHIT"> </span><span class="NAME">JXG</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1043</span> </span></pre></body></html>

package/distrib/geogebra.min.js

@@ -1,5 +1,5 @@
 /*
-    JSXGraph 1.6.0
+    JSXGraph 1.6.1b1
 
     Copyright 2008-2023
         Matthias Ehmann,

package/distrib/geonext.min.js

@@ -1,5 +1,5 @@
 /*
-    JSXGraph 1.6.0
+    JSXGraph 1.6.1b1
 
     Copyright 2008-2023
         Matthias Ehmann,

package/distrib/intergeo.min.js

@@ -1,5 +1,5 @@
 /*
-    JSXGraph 1.6.0
+    JSXGraph 1.6.1b1
 
     Copyright 2008-2023
         Matthias Ehmann,

package/distrib/jsxgraph.css

@@ -39,8 +39,8 @@
     border-width: 1px;
     border-color: #356aa0;
     border-radius: 10px;
-    margin: 0;
     -webkit-border-radius: 10px;
+    margin: 0;
     -ms-touch-action: none;
     /* "touch-action: none;" is set with JavaScript. */
 }
@@ -76,6 +76,7 @@
 .JXGimage {
     /* opacity: 1.0; */
 }
+
 .JXGimageHighlight {
     /* opacity: 0.6; */
 }
@@ -149,8 +150,8 @@
 
 .smart-label-solid {
     padding: 1px 7px 1px 7px;
-    margin: 0px;
-    color: white !important;
+    margin: 0;
+    color: white;
     border-radius: 150px;
     text-align: center;
     vertical-align: middle;
@@ -158,10 +159,10 @@
 
 .smart-label-outline {
     padding: 1px 7px 1px 7px;
-    margin: 0px;
-    border: solid 2px #000000;
-    background-color: #ffffff !important;
-    color: black !important;
+    margin: 0;
+    border: solid 2px black;
+    background-color: white;
+    color: black;
     border-radius: 15px;
     text-align: center;
     vertical-align: middle;
@@ -169,18 +170,19 @@
 
 .smart-label-pure {
     padding: 20px 7px 1px 7px;
-    margin: 0px;
+    margin: 0;
     border: none;
-    background-color: transparent !important;
-    color: black !important;
+    background-color: transparent;
+    color: black;
     border-radius: 15px;
     text-align: center;
     vertical-align: middle;
 }
 
-.smart-label-line, .smart-label-point {
-    background-color: #0072B2;
-    border-color: #0072B2;
+.smart-label-line,
+.smart-label-point {
+    background-color: #0072b2;
+    border-color: #0072b2;
 }
 
 .smart-label-point {
@@ -188,15 +190,15 @@
 }
 
 .smart-label-angle {
-    background-color: #E69F00;
-    border-color: #E69F00;
-    padding: 1px 7px 1px 7px !important;
+    background-color: #e69f00;
+    border-color: #e69f00;
+    padding: 1px 7px 1px 7px;
 }
 
-.smart-label-polygon, .smart-label-circle {
-    background-color: #F0E442;
-    color: #000000 !important;
-    border-color: #F0E442;
-    padding: 1px 7px 1px 7px !important;
+.smart-label-polygon,
+.smart-label-circle {
+    background-color: #f0e442;
+    color: black;
+    border-color: #f0e442;
+    padding: 1px 7px 1px 7px;
 }
-