Under the work of v0.9.7 documentation

mkdocs/acelements.md

@@ -115,7 +115,7 @@ It becomes a value of the `value` attribute of an HTML button tag.
 
 ### <i class="fa fa-caret-right"></i> action
 
-**action** is String data type and is an onclick attribute fire on a mouse click on the element. it is mostly used with a JavaScript to activate a script.[^1] For example, the following code defines a custom Web page that copies a content of `Text1` to `Text2` by clicking `Button`.
+**action** is String data type and is an onclick attribute fire on a mouse click on the element. It is mostly used with a JavaScript to activate a script.[^1] For example, the following code defines a custom Web page that copies a content of `Text1` to `Text2` by clicking `Button`.
 
 [^1]:JavaScript can be inserted into a custom Web page using AutoConnectElement.
 
@@ -225,7 +225,7 @@ A label is an optional string. A label will be arranged in the left or top of th
 
 ### <i class="fa fa-caret-right"></i> order
 
-A `order` specifies the orientation of the radio buttons. It is a value of type `ACArrange_t` and accepts one of the following:
+A `order` specifies the direction to arrange the radio buttons. It is a value of type `ACArrange_t` and accepts one of the following:
 
 - **`AC_Horizontal`** : Horizontal arrangement.
 - **`AC_Vertical`** : Vertical arrangement.
@@ -284,7 +284,7 @@ It is the `name` of the AutoConnectSubmit element and matches the name attribute
 
 ### <i class="fa fa-caret-right"></i> value
 
-It becomes a string of the `value` attribute of an HTML `<input type="button">` tag. The `value` is displayed as a label of the button.
+It becomes a string of the `value` attribute of an HTML `<input type="button">` tag. The `value` will be displayed as a label of the button.
 
 ### <i class="fa fa-caret-right"></i> uri
 

mkdocs/achandling.md

@@ -1,6 +1,108 @@
-## Handing AutoConnectElements in the sketches
+## Handing AutoConnectElements with the sketches
 
-## Loading AutoConnectElements
+AutoConnectElements (ie. they are the elements displayed on the custom Web page) must be contained in AutoConnectAux object. AutoConnectElements declared in sketch must be programmed to add to AutoConnectAux one after another. Elements are automatically included in AutoConnectAux by AutoConnect if you load it from the JSON description. In either method, it is common to use the function of AutoConnectAux to access an element with a sketch.
+
+The AutoConnectAux class has several functions to manipulate AutoConnectElements. The functions can add, delete, retrieve elements, and get and set values.
+
+### <i class="fa fa-edit"></i> Add AutoConnectElements to the AutoConnectAux object
+
+To add AutoConnectElment(s) to an AutoConnectAux object, use the add function.
+
+```cpp
+void AutoConnectAux::add(AutoConenctElement& addon)
+```
+```cpp
+void AutoConnectAux::add(AutoConenctElementVT addons)
+```
+
+The add function adds specified AutoConnectElement to the AutoConnectAux. If speficied the collection of AutoConnectElements as a `std::vector` of the references to each element, these elements added in bulk.
+
+The AutoConnectElements contained in the AutoConnectAux object are uniquely identified by the name. When adding an AutoConnectElement, if an element with the same name already exists in the AutoConnectAux, checking the type, and if it is the same, the value will be replaced. If another type of AutoConnectElement exists with the same name, that add operation will be invalid.[^1] In the following example, an AutoConnectButton as `button` addition is invalid.
+
+[^1]: The valid scope of the name is within an AutoConnectAux.
+
+```cpp hl_lines="3"
+AutoConnectAux  aux;
+AutoConnectText text("hello", "hello, world");
+AutoConnectButton button("hello", "hello, world", "alert('Hello world!')");  // This is invalid.
+aux.add({ text, button });
+```
+
+Similarly this, the uniqueness of the name is also necessary within the JSON document
+
+```json hl_lines="12"
+{
+  "name" : "aux",
+  "uri" : "/aux",
+  "menu" : true,
+  "element" : [
+    {
+      "name": "hello",
+      "type": "ACText",
+      "value": "hello, world"
+    },
+    {
+      "name": "hello",
+      "type": "ACButton",
+      "value": "hello, world",
+      "action": "alert('Hello world!')"
+    }
+  ]
+}
+```
+
+!!! note "Load all elements from JSON document"
+    If you load all AutoConnectElements from JSON document into AutoConnect, you do not need to sketch the population process of the AutoConnectElements. It is managed by the AutoConnect library automatically.
+
+### <i class="fa fa-edit"></i> Get AutoConnectElement from the AutoConnectAux
+
+To retrieve an element from AutoConnectAux, use the getElement or getElements function. Normally, the getElement is needed when accessing the value of AutoConnectElement in the sketch.
+
+```cpp
+AutoConnectElement* AutoConnectAux::getElement(const String& name);
+```
+
+```cpp
+template<typename T> T& AutoConnectAux::getElement(const String& name);
+```
+
+```cpp
+AutoConnectElementVT* AutoConnectAux::getElements(void);
+```
+
+The [**getElement**](apiaux.md#getelement) function returns an AutoConnectElement with the specified name as a key. When you use this function, you need to know the type of AutoConnectElement in advance. To retrieve an AutoConnectElement by specifying its type, use the following method.
+
+```cpp
+AutoConnectAux  aux;
+aux.load("SOME_JSON_DOCUMENT");
+
+// Retrieve the pointer of the AutoConnectText
+AutoConnectText* text = reinterpret_cast<AutoConnectText*>(aux.getElement("TEXT_ELEMENT_NAME"));
+
+// Retrieve the reference of the AutoConnectText
+AutoConnectText& text = aux.getElement<AutoConnectText>("TEXT_ELEMENT_NAME");
+```
+
+The AutoConnectElement type behaves as a variant of other element types. Therefore use cast or template to convert to actual type as above. In the sketch, you access the real type of AutoConnectElement after casting it and storing into the variable.
+
+```cpp
+const String auxJson = String("{\"title\":\"Page 1 title\",\"uri\":\"/page1\",\"menu\":true,\"element\":[{\"name\":\"caption\",\"type\":\"ACText\",\"value\":\"hello, world\"}]}");
+AutoConenct portal;
+portal.load(auxJson);
+AutoConnectAux* aux = portal.aux("/page1");  // Identify the AutoConnectAux instance with uri
+AutoConenctText& text = aux->getElement<AutoConnectText>("caption");  // Cast to real type and access members
+Serial.println(text.value);
+```
+
+To get all the AutoConnectElements of an AutoConnectAux object use the [**getElements**](apiaux.md#getelements) function. This function returns the vector of the reference wrapper as *AutoConnectElementVT* to all AutoConnectElements registered in the AutoConnectAux.
+
+```cpp
+AutoConnectElementVT& getElements(void)
+```
+
+*AutoConnectElementVT* is a predefined type for it and can use methods of [std::vector](https://en.cppreference.com/w/cpp/container/vector)<[std::reference_wrapper](https://en.cppreference.com/w/cpp/utility/functional/reference_wrapper)>.
+
+## Loading &amp; saving AutoConnectElements
 
 ## Saving AutoConnectElements 
 

mkdocs/acintro.md

@@ -63,10 +63,6 @@ In the sketch below, it shows the sequence of codes to integrate three custom We
     }
     ```
 
-## Passing parameters with sketches and custom Web pages
-
-A sketch can access variables of [AutoConnectElements](acelements.md) in the custom Web page. The value entered into the AutoConnectElements on the page is stored to the [member variables](acelements.md#form-and-autoconnectelements) of the element by AutoConnect whenever GET / POST transmission occurs. Your sketches can get these values with the GET / POST request handler. If you assign a value to an element before a request to the page occurs, its value will appear as the initial value when the page is displayed. 
-
 ## Basic steps to use custom Web pages
 
 So, the basic procedure for handling of the custom Web pages is as follows:
@@ -163,7 +159,11 @@ void loop() {
 }
 ```
 
-[^3]: Installation of the [ArduinoJson](https://github.com/bblanchon/ArduinoJson) v.5.13.4 library is required.
+[^3]: Installation of the [ArduinoJson](https://github.com/bblanchon/ArduinoJson) as the latest release of version 5 series is required.
+
+## Passing parameters with sketches and custom Web pages
+
+A sketch can access variables of [AutoConnectElements](acelements.md) in the custom Web page. The value entered into the AutoConnectElements on the page is stored to the [member variables](acelements.md#form-and-autoconnectelements) of the element by AutoConnect whenever GET / POST transmission occurs. Your sketches can get these values with the GET / POST request handler. If you assign a value to an element before a request to the page occurs, its value will appear as the initial value when the page is displayed. Details are explained in the [Parameter handling](achandling.md#parameter-handling).
 
 <script>
   window.onload = function() {

mkdocs/acjson.md

@@ -22,15 +22,15 @@ An AutoConnectAux is described by a JSON object. The elements that make up an ob
 
 <pre>
 {
-    "title" : <i>title</i>,
-    "uri" : <i>uri</i>,
-    "menu" : <b>true</b> | <b>false</b>,
-    "element" : <i>element_array</i>
+  "title" : <i>title</i>,
+  "uri" : <i>uri</i>,
+  "menu" : <b>true</b> | <b>false</b>,
+  "element" : <i>element_array</i>
 }
 </pre>
 
 #### <i class="fa fa-key"></i> **title**
-: A title of the custome Web page. This is string value. String specified *title* will be displayed in the AutoConnection menu.
+: A title of the custom Web page. This is string value. String specified *title* will be displayed in the AutoConnection menu.
 
 #### <i class="fa fa-key"></i> **uri**
 : String of URI path that specifies where to place the custom web page. It needs to be a location from the root path including '**/**'.
@@ -39,11 +39,66 @@ An AutoConnectAux is described by a JSON object. The elements that make up an ob
 : This is a Boolean value indicating whether to include the custom web page in the AutoConnect menu. If the page only responds to another page and you want to prevent the direct use from the menu, you can exclude from the AutoConnect menu. If this key is false, it will not appear in the menu.
 
 #### <i class="fa fa-key"></i> **element**
-: Describe an array of JSON objects as *element_array*. It is a JSON object array of the AutoConnectElements that make up the custom Web page.
+: Describe an array of JSON objects as *element_array*. It is a JSON object array of the [AutoConnectElements](#json-object-for-autoconnectelements) that make up the custom Web page.
 
 !!! note "Order of elements on a custom Web page"
     The order in which AutoConnectElements are placed on a custom web page is the order in the JSON document.
 
+### <i class="fa fa-copy"></i> Multiple custom Web pages declaration in JSON document
+
+You can put declarations of multiple custom Web pages in one JSON document. In that case, declare an array of each custom Web page with JSON. The following JSON document contains three custom Web pages:
+
+```json
+[
+  {
+    "title" : "Page 1 title",
+    "uri" : "/page1",
+    "menu" : true,
+    "element" : [
+      {
+        "name" : "caption",
+        "type" : "ACText",
+        "value" : "hello, world"
+      },
+      {
+        "name" : "send",
+        "type" : "ACSubmit",
+        "uri" : "/page2"
+      }
+    ]
+  },
+  {
+    "title" : "Page 1 title",
+    "uri" : "/page2",
+    "menu" : false,
+    "element" : [
+      {
+        "name" : "responds",
+        "type" : "ACText",
+        "value" : "Good day"
+      },
+      {
+        "name" : "send",
+        "type" : "ACSubmit",
+        "uri" : "/page3"
+      }
+    ]
+  },
+  {
+    "title" : "Page 3 title",
+    "uri" : "/page3",
+    "menu" : true,
+    "element" : [
+      {
+        "name" : "responds",
+        "type" : "ACText",
+        "value" : "bye"
+      }
+    ]
+  }
+]
+```
+
 ### <i class="fa fa-caret-right"></i> JSON object for AutoConnectElements
 
 A JSON object of AutoConnectElements is described by the parameters of [each constructor](acelements.md#constructor).
@@ -53,6 +108,7 @@ A JSON object of AutoConnectElements is described by the parameters of [each con
     "name" : <i>name</i>,
     "type" : <i>type</i>,
     <i>key_according_to_type</i> : <i>the_value</i> | <i>array_of_value</i>
+    <b>[</b> , <i>key_according_to_type</i> : <i>the_value</i> | <i>array_of_value</i> <b>]</b>
 }
 </pre>
 
@@ -61,65 +117,112 @@ A JSON object of AutoConnectElements is described by the parameters of [each con
 
 #### <i class="fa fa-key"></i> **type**
 : A string of the type for the element. For this type, specify the following string corresponding to each element.
-: -  AutoConnectButton: **ACButton**
-: -  AutoConnectCheckbox: **ACCheckbox** 
-: -  AutoConnectElement: **ACElement**
-: -  AutoConnectInput: **ACInput**
-: -  AutoConnectRadio: **ACRadio**
-: -  AutoConnectSelect: **ACSelect**
-: -  AutoConnectSubmit: **ACSubmit**
-: -  AutoConnectText: **ACText**
+: -  AutoConnectButton: [**ACButton**](#acbutton)
+: -  AutoConnectCheckbox: [**ACCheckbox** ](#accheckbox)
+: -  AutoConnectElement: [**ACElement**](#acelement)
+: -  AutoConnectInput: [**ACInput**](#acinput)
+: -  AutoConnectRadio: [**ACRadio**](#acradio)
+: -  AutoConnectSelect: [**ACSelect**](#acselect)
+: -  AutoConnectSubmit: [**ACSubmit**](#acsubmit)
+: -  AutoConnectText: [**ACText**](#actext)
 
 #### <i class="fa fa-key"></i> **<i>key_according_to_type</i>**
 
 This is different for each AutoConnectElements type, and the key that can be specified by the type is determined.
 
-<i class="fa fa-caret-right"></i> AutoConnectButton
-: - **value** : 
-: - **action** : 
+#### <i class="fa fa-caret-right"></i> ACButton
+: - **value** : Specifies the button label. This value also applies to the `value` attribute of an HTML `button` tag.
+: - **action** : Specifies an action to be fire on a mouse click on the button. It is mostly used with a JavaScript to activate a script, or it directly describes a JavaScript.
+
+#### <i class="fa fa-caret-right"></i> ACCheckbox
+: - **value** : Specifies the value to be supplied to the checkbox. It will be packed in the query string as `name=value` when the checkbox is ticked.
+: - **label** : Specifies a label of the checkbox. Its placement is always to the right of the checkbox.
+: - **checked** : Specifies checking status as a **boolean** value. The value of the checked checkbox element is packed in the query string and sent.
 
-<i class="fa fa-caret-right"></i> AutoConnectCheckbox
-: - **value** :
-: - **label** : 
-: - **checked** :
+#### <i class="fa fa-caret-right"></i> ACElement
+: - **value** : Specifies the source code of generating HTML. The value is native HTML code and is output as HTML as it is.
 
-<i class="fa fa-caret-right"></i> AutoConnectElement
-: - **value** :
+#### <i class="fa fa-caret-right"></i> ACInput
+: - **value** : Specifies the initial text string of the input box. If this value is omitted, placeholder is displayed as the initial string.
+: - **label** : Specifies a label of the input box. Its placement is always to the left of the input box.
+: - **placeholder** : Specifies short hint of the input box.
 
-<i class="fa fa-caret-right"></i> AutoConnectInput
-: - **value** :
-: - **label** : 
-: - **placeholder** :
+#### <i class="fa fa-caret-right"></i> ACRadio
+: - **value** : Specifies the collection of radio buttons as an array element.
+: - **label** : Specifies a label of the collection of radio buttons, not for each button. The arrangement will be the top or left side according to the `arrange`.
+: - **arrange** : Specifies the orientation of the radio buttons. Its value accepts one of the following:<p>
+<b>horizontal</b>&nbsp;: Horizontal arrangement.<br>
+<b>vertical</b>&nbsp;: Vertical arrangement.</p>
 
-<i class="fa fa-caret-right"></i> AutoConnectRadio
-: - **value** :
-: - **label** : 
-: - **arrange** :
-: - **checked** :
+: - **checked** : Specifies the index number (1-based) of the radio buttons collection to be checked.
 
-<i class="fa fa-caret-right"></i> AutoConnectSelect
-: - **label** :
-: - **option** : 
+#### <i class="fa fa-caret-right"></i> ACSelect
+: - **label** : Specifies a label of the drop-down list. Its placement is always to the left of the drop-down list.
+: - **option** : Specifies the initial value collection of the drop-down list as an array element.
 
-<i class="fa fa-caret-right"></i> AutoConnectSubmit
-: - **value** :
-: - **uri** : 
+#### <i class="fa fa-caret-right"></i> ACSubmit
+: - **value** : Specifies a label of the submit button.
+: - **uri** : Specifies the URI to send form data when the button is clicked.
 
-<i class="fa fa-caret-right"></i> AutoConnectText
-: - **value** :
-: - **style** : 
+#### <i class="fa fa-caret-right"></i> ACText
+: - **value** : Specifies a content and also can contain the native HTML code, but remember that your written code is enclosed by the div tag.
+: - **style** : Specifies the qualification style to give to the content and can use the style attribute format as it is.
 
 !!! caution "AutoConnect's JSON parsing process is not perfect"
     It is based on ArduinoJson, but the process is simplified to save memory. As a result, even if there is an unnecessary key, it will not be an error. It is ignored.
 
 ## Loading JSON document
 
-AutoConnect supports loading of JSON document from the following instances.
+AutoConnect supports loading of JSON document from the following instances:
 
 - String
 - PROGMEM
 - Stream
 
+To load custom Web pages JSON document into AutoConnect, use the [load](api.md#load) function of the AutoConnect class. Its JSON document can read must be completed as a description interpretable by the ArduinoJson library. It cannot import custom Web pages if there are syntax errors for the JSON. If you can not see the custom Web page prepared by JSON, you can check the syntax with [ArduinoJson Assistant](https://arduinojson.org/v5/assistant/). It is useful for pre-checking.
+
+```cpp
+bool AutoConnect::load(const String& aux)
+```
+```cpp
+bool AutoConnect::load(const __FlashStringHelper* aux)
+```
+```cpp
+bool AutoConnect::load(Stream& aux)
+```
+An example of using each function is as follows.
+```cpp
+AutoConnect  portal;
+
+// Loading from String
+const String aux = String("{\"title\":\"Page 1 title\",\"uri\":\"/page1\",\"menu\":true,\"element\":[{\"name\":\"caption\",\"type\":\"ACText\",\"value\":\"hello, world\"}]}");
+portal.load(aux);
+
+// Loading from PROGMEM
+const char aux[] PROGMEM = R"raw(
+{
+  "title" : "Page 1 title",
+  "uri" : "/page1",
+  "menu" : true,
+  "element" : [
+    {
+      "name" : "caption",
+      "type" : "ACText",
+      "value" : "hello, world"
+    }
+  ]
+}
+)raw";
+portal.load(aux);
+
+// Loading from Stream assumes "aux.json" file should be store in SPIFFS.
+File aux = SPIFFS.open("aux.json", "r");
+portal.load(aux);
+aux.close();
+```
+
+AutoConnect passes the given JSON document directly to the [**parseObject()**](https://arduinojson.org/v5/api/jsonbuffer/parseobject/) function of the ArduinoJson library for parsing. Therefore, the constraint of the parseObject() function is applied as it is in the parsing of the JSON document for the AutoConnect. That is, if the JSON string is read-only, duplicating the input string occurs and consumes more memory.
+
 ## Saving JSON document
 
-AutoConnect supports writing of JSON document to the stream.
+However, AutoConnect does not support saving AutoConnectAux as a whole custom Web page. If you want to persist an AutoConnectElements object, you need to save it as an AutoConenctElement object unit. AutoConnectAux has a [function](achandling.md#saving-autoconnectelements) to write multiple elements to the stream in a batch.

mkdocs/apiaux.md

@@ -14,7 +14,7 @@ AutoConnectAux(const String& uri = String(""), const String& title = String(""),
 
 ## <i class="fa fa-code"></i> Public member functions
 
-### add
+### <i class="fa fa-caret-right"></i> add
 
 ```cpp
 void add(AutoConnectElement& addon)
@@ -24,12 +24,42 @@ void add(AutoConnectElementVT addons)
 ```
 Add an element to the AutoConnectAux. An added element is displayed on the custom Web page invoked from the AutoConnect menu.
 
+### <i class="fa fa-caret-right"></i> getElement
+
+```cpp
+template<typename T> T& getElement(const String& name)
+```
+```cpp
+AutoConnectElement* getElement(const String& name)
+```
+
+Get registered AutoConnectElement as specified name.
+
+### <i class="fa fa-caret-right"></i> getElements
+
+```cpp
+AutoConnectElementVT& getElements(void)
+```
+
+Get vector of reference of all elements.
+
+### <i class="fa fa-caret-right"></i> menu
+
+```cpp
+void menu(const bool post)
+```
+
+Set or reset the display as menu item for this AutoConnectAux.
+
+### <i class="fa fa-caret-right"></i> release
+
+```cpp
+bool release(const String& name)
+```
+
+Release a specified AutoConnectElement.
+
 
-  template<typename T>
-  T&    getElement(const String& name);
-  AutoConnectElement* getElement(const String& name);                   /**< Get registered AutoConnectElement as specified name */
-  void  menu(const bool post) { _menu = post; }                         /**< Set or reset the display as menu item for this aux */
-  bool  release(const String& name);                                    /**< Release an AutoConnectElement */
   bool  setElementValue(const String& name, const String value);        /**< Set value to specified element */
   bool  setElementValue(const String& name, std::vector<String> const& values);  /**< Set values collection to specified element */
   void  setTitle(const String title) { _title = title; }                /**< Set a title of the auxiliary page */

mkdocs/images/ac_load_save.svg

@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="ac_load_save.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="574.87586"
+     inkscape:cy="733.88578"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="1272"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="レイヤー 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g888"
+       transform="matrix(0.05665416,0,0,0.05665416,112.47682,92.470852)"
+       style="stroke-width:4.67014837">
+      <g
+         id="g827"
+         style="stroke-width:4.67014837">
+        <g
+           id="g825"
+           style="stroke-width:4.67014837">
+          <g
+             id="g823"
+             style="stroke-width:4.67014837">
+            <path
+               id="path815"
+               d="M 236.936,0 H 91.465 C 87.459,0 83.693,1.56 80.86,4.392 80.859,4.393 80.859,4.393 80.859,4.393 L 33.647,51.604 c -2.833,2.833 -4.393,6.6 -4.393,10.606 v 203.98 c 0,8.271 6.728,15 15,15 7.091,0 185.609,0 192.682,0 8.271,0 15,-6.729 15,-15 V 15 c 0,-8.271 -6.729,-15 -15,-15 z m -25,271.19 H 69.254 v -82.595 c 0,-2.757 2.243,-5 5,-5 h 132.682 c 2.757,0 5,2.243 5,5 z m 25,0 h -15 v -82.595 c 0,-8.271 -6.729,-15 -15,-15 H 74.254 c -8.271,0 -15,6.729 -15,15 v 82.595 h -15 c -2.757,0 -5,-2.243 -5,-5 V 62.211 c 0,-1.335 0.52,-2.591 1.464,-3.536 l 47.21,-47.21 C 88.873,10.521 90.13,10 91.465,10 h 145.471 c 2.757,0 5,2.243 5,5 v 251.19 0 c 0,2.757 -2.243,5 -5,5 z"
+               inkscape:connector-curvature="0"
+               style="stroke-width:4.67014837" />
+            <path
+               id="path817"
+               d="m 129.96,29.929 h -25.524 c -2.762,0 -5,2.239 -5,5 v 49.333 c 0,2.761 2.238,5 5,5 h 25.524 c 2.762,0 5,-2.239 5,-5 V 34.929 c 0,-2.762 -2.238,-5 -5,-5 z m -5,49.333 H 109.436 V 39.929 h 15.524 z"
+               inkscape:connector-curvature="0"
+               style="stroke-width:4.67014837" />
+            <path
+               id="path819"
+               d="m 173.448,29.929 h -25.524 c -2.762,0 -5,2.239 -5,5 v 49.333 c 0,2.761 2.238,5 5,5 h 25.524 c 2.762,0 5,-2.239 5,-5 V 34.929 c 0,-2.762 -2.238,-5 -5,-5 z m -5,49.333 H 152.924 V 39.929 h 15.524 z"
+               inkscape:connector-curvature="0"
+               style="stroke-width:4.67014837" />
+            <path
+               id="path821"
+               d="m 216.936,29.929 h -25.525 c -2.762,0 -5,2.239 -5,5 v 49.333 c 0,2.761 2.238,5 5,5 h 25.525 c 2.762,0 5,-2.239 5,-5 V 34.929 c 0,-2.762 -2.238,-5 -5,-5 z m -5,49.333 H 196.411 V 39.929 h 15.525 z"
+               inkscape:connector-curvature="0"
+               style="stroke-width:4.67014837" />
+          </g>
+        </g>
+      </g>
+      <g
+         id="g829"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g831"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g833"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g835"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g837"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g839"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g841"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g843"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g845"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g847"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g849"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g851"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g853"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g855"
+         style="stroke-width:4.67014837" />
+      <g
+         id="g857"
+         style="stroke-width:4.67014837" />
+    </g>
+    <g
+       id="g898"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g900"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g902"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g904"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g906"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g908"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g910"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g912"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g914"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g916"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g918"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g920"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g922"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g924"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <g
+       id="g926"
+       transform="matrix(0.26458333,0,0,0.26458333,31.601706,133.56614)" />
+    <rect
+       style="opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.32291663;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect1093"
+       width="3.2576823"
+       height="3.819922"
+       x="119.87278"
+       y="91.666794"
+       rx="0.10748195"
+       ry="1.069078" />
+    <g
+       id="g1081"
+       transform="translate(0.61184896,-1.0914063)">
+      <rect
+         ry="1.069078"
+         rx="0.10748189"
+         y="85.564842"
+         x="120.68306"
+         height="10.434501"
+         width="0.57877195"
+         id="rect1046"
+         style="opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#800000;stroke-width:1.32291663;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill" />
+      <rect
+         transform="rotate(-45)"
+         ry="1.069078"
+         rx="0.1074819"
+         y="146.07161"
+         x="24.965601"
+         height="4.5920415"
+         width="0.25470743"
+         id="rect1046-3"
+         style="opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#800000;stroke-width:1.32291663;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill" />
+      <rect
+         transform="rotate(45)"
+         ry="1.069078"
+         rx="0.1074819"
+         y="-25.035959"
+         x="145.87074"
+         height="4.5920415"
+         width="0.25470743"
+         id="rect1046-3-6"
+         style="opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#800000;stroke-width:1.32291663;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill" />
+    </g>
+    <g
+       id="g1153"
+       transform="matrix(0.04496654,0,0,0.04496654,107.75838,57.129942)">
+      <g
+         id="g1097">
+        <path
+           id="path1095"
+           d="M 578.766,51.487 V 50.592 H 575.77 35.93 32.934 v 0.895 C 15.272,52.701 2.095,66.753 0,83.808 v 3.002 355.724 c 0,6.898 1.795,12.712 4.791,17.949 6.893,12.137 17.068,18.269 31.14,18.269 h 197.012 v 49.695 h -37.425 c -9.281,0 -16.467,7.218 -16.467,16.48 0,9.262 7.186,16.479 16.467,16.479 h 220.666 c 9.281,0 16.768,-7.218 16.768,-16.479 0,-9.263 -7.486,-16.48 -16.768,-16.48 H 378.759 V 478.752 H 575.77 c 14.078,0 24.343,-6.132 31.14,-18.269 3.085,-5.493 5.091,-11.37 5.091,-17.949 V 86.811 83.809 C 609.905,66.753 595.833,52.701 578.766,51.487 Z m 0,35.324 v 355.724 c 0,2.108 -0.895,3.002 -2.996,3.002 H 35.93 c -2.095,0 -2.996,-0.894 -2.996,-3.002 V 86.811 83.809 h 545.831 v 3.002 z"
+           inkscape:connector-curvature="0" />
+      </g>
+      <g
+         id="g1099" />
+      <g
+         id="g1101" />
+      <g
+         id="g1103" />
+      <g
+         id="g1105" />
+      <g
+         id="g1107" />
+      <g
+         id="g1109" />
+      <g
+         id="g1111" />
+      <g
+         id="g1113" />
+      <g
+         id="g1115" />
+      <g
+         id="g1117" />
+      <g
+         id="g1119" />
+      <g
+         id="g1121" />
+      <g
+         id="g1123" />
+      <g
+         id="g1125" />
+      <g
+         id="g1127" />
+    </g>
+  </g>
+</svg>