From 6e9c6eeb23e19a14338ecb40e05a3e862ab0d8a1 Mon Sep 17 00:00:00 2001
From: Eric Espie <eric.espie@combodo.com>
Date: Tue, 28 Sep 2021 17:35:33 +0200
Subject: [PATCH] Doc update

---
 .doc/UI/build/html/.buildinfo                 |     2 +-
 .doc/UI/build/html/TwigBase/TwigBase.html     |    33 +-
 .../TwigBaseReference/TwigBaseReference.html  |    33 +-
 .../build/html/TwigBaseTuto/Step1/Step1.html  |   123 +-
 .../build/html/TwigBaseTuto/Step2/Step2.html  |   150 +-
 .../build/html/TwigBaseTuto/Step3/Step3.html  |   189 +-
 .../build/html/TwigBaseTuto/Step4/Step4.html  |   141 +-
 .../build/html/TwigBaseTuto/TwigBaseTuto.html |    35 +-
 .doc/UI/build/html/_static/basic.css          |   322 +-
 .doc/UI/build/html/_static/doctools.js        |    24 +-
 .../html/_static/documentation_options.js     |     4 +-
 .doc/UI/build/html/_static/jquery.js          | 10367 +---------------
 .doc/UI/build/html/_static/language_data.js   |     6 +-
 .doc/UI/build/html/_static/pygments.css       |     7 +-
 .doc/UI/build/html/_static/searchtools.js     |   115 +-
 .doc/UI/build/html/_static/underscore.js      |  1711 +--
 .../html/generated/Component/Alert/Alert.html |   905 +-
 .../generated/Component/Button/Button.html    |  1709 ++-
 .../Component/ButtonGroup/ButtonGroup.html    |   262 +-
 .../CollapsibleSection.html                   |   268 +-
 .../html/generated/Component/Component.html   |    35 +-
 .../Component/DataTable/DataTable.html        |   794 +-
 .../html/generated/Component/Field/Field.html |   667 +-
 .../Component/FieldBadge/FieldBadge.html      |   262 +-
 .../Component/FieldSet/FieldSet.html          |   296 +-
 .../html/generated/Component/Form/Form.html   |   262 +-
 .../Input/FileSelect/FileSelect.html          |   256 +-
 .../html/generated/Component/Input/Input.html |   488 +-
 .../Component/Input/Select/Select.html        |   378 +-
 .../Component/Input/Select/SelectOption.html  |   286 +-
 .../html/generated/Component/Panel/Panel.html |   938 +-
 .../generated/Component/Spinner/Spinner.html  |   226 +-
 .../html/generated/Component/Title/Title.html |   543 +-
 .../generated/Component/Toolbar/Toolbar.html  |   388 +-
 .../Toolbar/ToolbarSpacer/ToolbarSpacer.html  |   226 +-
 .../build/html/generated/Layout/Layout.html   |    35 +-
 .../Layout/MultiColumn/Column/Column.html     |   320 +-
 .../Layout/MultiColumn/MultiColumn.html       |   256 +-
 .../html/generated/Layout/UIContentBlock.html |   398 +-
 .doc/UI/build/html/genindex.html              |    25 +-
 .doc/UI/build/html/index.html                 |    37 +-
 .../Alert/AlertAdditionalDescription.html     |    82 +-
 .../manual/Component/Alert/AlertFooter.html   |    33 +-
 .../Button/ButtonAdditionalDescription.html   |    46 +-
 .../manual/Component/Button/ButtonFooter.html |    33 +-
 .../ButtonGroupAdditionalDescription.html     |    33 +-
 .../ButtonGroup/ButtonGroupFooter.html        |    33 +-
 ...llapsibleSectionAdditionalDescription.html |    33 +-
 .../CollapsibleSectionFooter.html             |    33 +-
 .../DataTableAdditionalDescription.html       |    33 +-
 .../Component/DataTable/DataTableFooter.html  |    49 +-
 .../Field/FieldAdditionalDescription.html     |    45 +-
 .../manual/Component/Field/FieldFooter.html   |    33 +-
 .../FieldBadgeAdditionalDescription.html      |    33 +-
 .../FieldBadge/FieldBadgeFooter.html          |    33 +-
 .../FieldSetAdditionalDescription.html        |    46 +-
 .../Component/FieldSet/FieldSetFooter.html    |    41 +-
 .../Form/FormAdditionalDescription.html       |    33 +-
 .../manual/Component/Form/FormFooter.html     |    33 +-
 .../FileSelectAdditionalDescription.html      |    33 +-
 .../Input/FileSelect/FileSelectFooter.html    |    33 +-
 .../Input/InputAdditionalDescription.html     |    33 +-
 .../manual/Component/Input/InputFooter.html   |    33 +-
 .../Select/SelectAdditionalDescription.html   |    33 +-
 .../Component/Input/Select/SelectFooter.html  |    33 +-
 .../SelectOptionAdditionalDescription.html    |    33 +-
 .../Input/Select/SelectOptionFooter.html      |    33 +-
 .../Panel/PanelAdditionalDescription.html     |    33 +-
 .../manual/Component/Panel/PanelFooter.html   |    33 +-
 .../Spinner/SpinnerAdditionalDescription.html |    33 +-
 .../Component/Spinner/SpinnerFooter.html      |    33 +-
 .../Title/TitleAdditionalDescription.html     |    33 +-
 .../manual/Component/Title/TitleFooter.html   |    58 +-
 .../Toolbar/ToolbarAdditionalDescription.html |    33 +-
 .../Component/Toolbar/ToolbarFooter.html      |    33 +-
 .../ToolbarSpacerAdditionalDescription.html   |    33 +-
 .../ToolbarSpacer/ToolbarSpacerFooter.html    |    33 +-
 .../Column/ColumnAdditionalDescription.html   |    33 +-
 .../MultiColumn/Column/ColumnFooter.html      |    33 +-
 .../MultiColumnAdditionalDescription.html     |    33 +-
 .../Layout/MultiColumn/MultiColumnFooter.html |    33 +-
 .../UIContentBlockAdditionalDescription.html  |    33 +-
 .../manual/Layout/UIContentBlockFooter.html   |    33 +-
 .doc/UI/build/html/objects.inv                |   Bin 5129 -> 5142 bytes
 .doc/UI/build/html/search.html                |    24 +-
 .doc/UI/build/html/searchindex.js             |     2 +-
 86 files changed, 6314 insertions(+), 18756 deletions(-)

diff --git a/.doc/UI/build/html/.buildinfo b/.doc/UI/build/html/.buildinfo
index ba4dc66df..0ada8b8b0 100644
--- a/.doc/UI/build/html/.buildinfo
+++ b/.doc/UI/build/html/.buildinfo
@@ -1,4 +1,4 @@
 # Sphinx build info version 1
 # This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
-config: 498a5afc0a4c22417576b45b3fc7d51a
+config: 85ac5090b0a2d80be5079eee7ef6ad8d
 tags: 645f666f9bcd5a90fca523b33c5a78b7
diff --git a/.doc/UI/build/html/TwigBase/TwigBase.html b/.doc/UI/build/html/TwigBase/TwigBase.html
index af28412bc..923f6217f 100644
--- a/.doc/UI/build/html/TwigBase/TwigBase.html
+++ b/.doc/UI/build/html/TwigBase/TwigBase.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Twig Base Presentation &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+  <title>Twig Base Presentation &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../_static/jquery.js"></script>
-        <script type="text/javascript" src="../_static/underscore.js"></script>
-        <script type="text/javascript" src="../_static/doctools.js"></script>
-        <script type="text/javascript" src="../_static/language_data.js"></script>
+  
+        <script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js"></script>
+        <script src="../_static/jquery.js"></script>
+        <script src="../_static/underscore.js"></script>
+        <script src="../_static/doctools.js"></script>
     <script src="../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../genindex.html" />
     <link rel="search" title="Search" href="../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../index.html" class="icon icon-home"> iTop UI<img src="../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../index.html" class="icon icon-home"> iTop UI
+            <img src="../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="current reference internal" href="#">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -72,11 +75,11 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="twig-base-presentation">
-<h1>Twig Base Presentation<a class="headerlink" href="#twig-base-presentation" title="Permalink to this headline">¶</a></h1>
+  <section id="twig-base-presentation">
+<h1>Twig Base Presentation<a class="headerlink" href="#twig-base-presentation" title="Permalink to this headline"></a></h1>
 <p>The <strong>Twig Base</strong> feature is based on MVC structure:</p>
 <img alt="../_images/MVC.png" src="../_images/MVC.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/TwigBaseReference/TwigBaseReference.html b/.doc/UI/build/html/TwigBaseReference/TwigBaseReference.html
index 0b5a6cccd..30e27f26c 100644
--- a/.doc/UI/build/html/TwigBaseReference/TwigBaseReference.html
+++ b/.doc/UI/build/html/TwigBaseReference/TwigBaseReference.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Twig Base Reference &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+  <title>Twig Base Reference &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../_static/jquery.js"></script>
-        <script type="text/javascript" src="../_static/underscore.js"></script>
-        <script type="text/javascript" src="../_static/doctools.js"></script>
-        <script type="text/javascript" src="../_static/language_data.js"></script>
+  
+        <script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js"></script>
+        <script src="../_static/jquery.js"></script>
+        <script src="../_static/underscore.js"></script>
+        <script src="../_static/doctools.js"></script>
     <script src="../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../genindex.html" />
     <link rel="search" title="Search" href="../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../index.html" class="icon icon-home"> iTop UI<img src="../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../index.html" class="icon icon-home"> iTop UI
+            <img src="../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -72,9 +75,9 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="twig-base-reference">
-<h1>Twig Base Reference<a class="headerlink" href="#twig-base-reference" title="Permalink to this headline">¶</a></h1>
-</div>
+  <section id="twig-base-reference">
+<h1>Twig Base Reference<a class="headerlink" href="#twig-base-reference" title="Permalink to this headline"></a></h1>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/TwigBaseTuto/Step1/Step1.html b/.doc/UI/build/html/TwigBaseTuto/Step1/Step1.html
index cded3a182..b22df66da 100644
--- a/.doc/UI/build/html/TwigBaseTuto/Step1/Step1.html
+++ b/.doc/UI/build/html/TwigBaseTuto/Step1/Step1.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>1. Creating the structure &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>1. Creating the structure &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -36,7 +39,7 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="../TwigBaseTuto.html">Twig Base Tutorial</a><ul class="current">
@@ -48,7 +51,7 @@
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -79,66 +82,68 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="creating-the-structure">
-<span id="step1"></span><h1>1. Creating the structure<a class="headerlink" href="#creating-the-structure" title="Permalink to this headline">¶</a></h1>
+  <section id="creating-the-structure">
+<span id="step1"></span><h1>1. Creating the structure<a class="headerlink" href="#creating-the-structure" title="Permalink to this headline"></a></h1>
 <p>Create a module using the <a class="reference external" href="https://www.itophub.io/wiki/page?id=latest%3Acustomization%3Adatamodel#creating_your_own_extension">helper to create a new extension</a> you’ll get the following structure:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">my-module</span>
-<span class="x">├── assets</span>
-<span class="x">│   ├── css</span>
-<span class="x">│   ├── img</span>
-<span class="x">│   └── js</span>
-<span class="x">├── doc</span>
-<span class="x">├── src</span>
-<span class="x">│   ├── Controller</span>
-<span class="x">│   ├── Helper</span>
-<span class="x">│   ├── Hook</span>
-<span class="x">│   ├── Model</span>
-<span class="x">│   └── Service</span>
-<span class="x">└── vendor</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="nx">my</span><span class="o">-</span><span class="nx">module</span>
+<span class="nx">├──</span> <span class="nx">assets</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">css</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">img</span>
+<span class="nx">│  </span> <span class="nx">└──</span> <span class="nx">js</span>
+<span class="nx">├──</span> <span class="nx">doc</span>
+<span class="nx">├──</span> <span class="nx">src</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Controller</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Helper</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Hook</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Model</span>
+<span class="nx">│  </span> <span class="nx">└──</span> <span class="nx">Service</span>
+<span class="nx">└──</span> <span class="nx">vendor</span>
 </pre></div>
 </div>
 <p><code class="docutils literal notranslate"><span class="pre">src/Controller</span></code></p>
 <blockquote>
-<div>Contains all the PHP to control the display of the different pages of the module.</div></blockquote>
+<div><p>Contains all the PHP to control the display of the different pages of the module.</p>
+</div></blockquote>
 <p><code class="docutils literal notranslate"><span class="pre">src/Service</span></code></p>
 <blockquote>
-<div>Contains the PHP used to generate the data to be displayed.</div></blockquote>
+<div><p>Contains the PHP used to generate the data to be displayed.</p>
+</div></blockquote>
 <p>Create a folder <code class="docutils literal notranslate"><span class="pre">templates</span></code> for the <em>Twig</em> templates used for the presentation:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">my-module</span>
-<span class="x">├── assets</span>
-<span class="x">│   ├── css</span>
-<span class="x">│   ├── img</span>
-<span class="x">│   └── js</span>
-<span class="x">├── doc</span>
-<span class="x">├── src</span>
-<span class="x">│   ├── Controller</span>
-<span class="x">│   ├── Helper</span>
-<span class="x">│   ├── Hook</span>
-<span class="x">│   ├── Model</span>
-<span class="x">│   └── Service</span>
-<span class="x">├── templates</span>
-<span class="x">└── vendor</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="nx">my</span><span class="o">-</span><span class="nx">module</span>
+<span class="nx">├──</span> <span class="nx">assets</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">css</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">img</span>
+<span class="nx">│  </span> <span class="nx">└──</span> <span class="nx">js</span>
+<span class="nx">├──</span> <span class="nx">doc</span>
+<span class="nx">├──</span> <span class="nx">src</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Controller</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Helper</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Hook</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Model</span>
+<span class="nx">│  </span> <span class="nx">└──</span> <span class="nx">Service</span>
+<span class="nx">├──</span> <span class="nx">templates</span>
+<span class="nx">└──</span> <span class="nx">vendor</span>
 </pre></div>
 </div>
 <p>If your module is for iTop version 3.0 and above, you can put all the dictionaries into a dedicated folder <code class="docutils literal notranslate"><span class="pre">dictionaries</span></code>:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">my-module</span>
-<span class="x">├── assets</span>
-<span class="x">│   ├── css</span>
-<span class="x">│   ├── img</span>
-<span class="x">│   └── js</span>
-<span class="x">├── dictionaries</span>
-<span class="x">├── doc</span>
-<span class="x">├── src</span>
-<span class="x">│   ├── Controller</span>
-<span class="x">│   ├── Helper</span>
-<span class="x">│   ├── Hook</span>
-<span class="x">│   ├── Model</span>
-<span class="x">│   └── Service</span>
-<span class="x">├── templates</span>
-<span class="x">└── vendor</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="nx">my</span><span class="o">-</span><span class="nx">module</span>
+<span class="nx">├──</span> <span class="nx">assets</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">css</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">img</span>
+<span class="nx">│  </span> <span class="nx">└──</span> <span class="nx">js</span>
+<span class="nx">├──</span> <span class="nx">dictionaries</span>
+<span class="nx">├──</span> <span class="nx">doc</span>
+<span class="nx">├──</span> <span class="nx">src</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Controller</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Helper</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Hook</span>
+<span class="nx">│  </span> <span class="nx">├──</span> <span class="nx">Model</span>
+<span class="nx">│  </span> <span class="nx">└──</span> <span class="nx">Service</span>
+<span class="nx">├──</span> <span class="nx">templates</span>
+<span class="nx">└──</span> <span class="nx">vendor</span>
 </pre></div>
 </div>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/TwigBaseTuto/Step2/Step2.html b/.doc/UI/build/html/TwigBaseTuto/Step2/Step2.html
index 4961dfce6..c0813ee98 100644
--- a/.doc/UI/build/html/TwigBaseTuto/Step2/Step2.html
+++ b/.doc/UI/build/html/TwigBaseTuto/Step2/Step2.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>2. Hello World! &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>2. Hello World! &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -36,7 +39,7 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="../TwigBaseTuto.html">Twig Base Tutorial</a><ul class="current">
@@ -53,7 +56,7 @@
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -84,99 +87,74 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="hello-world">
-<span id="step2"></span><h1>2. Hello World!<a class="headerlink" href="#hello-world" title="Permalink to this headline">¶</a></h1>
-<div class="section" id="the-controller">
-<h2>The controller<a class="headerlink" href="#the-controller" title="Permalink to this headline">¶</a></h2>
+  <section id="hello-world">
+<span id="step2"></span><h1>2. Hello World!<a class="headerlink" href="#hello-world" title="Permalink to this headline"></a></h1>
+<section id="the-controller">
+<h2>The controller<a class="headerlink" href="#the-controller" title="Permalink to this headline"></a></h2>
 <p>Create a controller into <code class="docutils literal notranslate"><span class="pre">my-module/src/Controller</span></code>, let’s call it <code class="docutils literal notranslate"><span class="pre">MyModuleController</span></code> extending  <code class="docutils literal notranslate"><span class="pre">Combodo\iTop\Application\TwigBase\Controller\Controller</span></code></p>
 <div class="literal-block-wrapper docutils container" id="id1">
-<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id1" title="Permalink to this code">¶</a></div>
-<div class="highlight-php notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1
-2
-3
-4
-5
-6
-7
-8</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">&lt;?php</span>
-
-<span class="k">namespace</span> <span class="nx">MyCompany\iTop\MyModule\Controller</span><span class="p">;</span>
-<span class="k">use</span> <span class="nx">Combodo\iTop\Application\TwigBase\Controller\Controller</span><span class="p">;</span>
-
-<span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
-<span class="p">{</span>
-<span class="p">}</span>
+<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id1" title="Permalink to this code"></a></div>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="linenos">1</span><span class="o">&lt;?</span><span class="nx">php</span>
+<span class="linenos">2</span>
+<span class="linenos">3</span><span class="k">namespace</span> <span class="nx">MyCompany\iTop\MyModule\Controller</span><span class="p">;</span>
+<span class="linenos">4</span><span class="k">use</span> <span class="nx">Combodo\iTop\Application\TwigBase\Controller\Controller</span><span class="p">;</span>
+<span class="linenos">5</span>
+<span class="linenos">6</span><span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
+<span class="linenos">7</span><span class="p">{</span>
+<span class="linenos">8</span><span class="p">}</span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>Let’s add a <em>Hello World</em> operation</p>
 <div class="literal-block-wrapper docutils container" id="id2">
-<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id2" title="Permalink to this code">¶</a></div>
-<div class="highlight-php notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1
-2
-3
-4
-5
-6
-7
-8
-9</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">&lt;?php</span>
-
-<span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
-<span class="p">{</span>
-    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationHelloWorld</span><span class="p">()</span>
-    <span class="p">{</span>
-        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">();</span>
-    <span class="p">}</span>
-<span class="p">}</span>
+<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id2" title="Permalink to this code"></a></div>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="linenos">1</span><span class="o">&lt;?</span><span class="nx">php</span>
+<span class="linenos">2</span>
+<span class="linenos">3</span><span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
+<span class="linenos">4</span><span class="p">{</span>
+<span class="linenos">5</span>    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationHelloWorld</span><span class="p">()</span>
+<span class="linenos">6</span>    <span class="p">{</span>
+<span class="linenos">7</span>        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">();</span>
+<span class="linenos">8</span>    <span class="p">}</span>
+<span class="linenos">9</span><span class="p">}</span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>This will just display the Twig template corresponding to this operation.
 Here the operation is <strong>HelloWorld</strong> without space.
 The name of the method is built from the operation name by adding <em>Operation</em> at the beginning: <code class="docutils literal notranslate"><span class="pre">OperationHelloWorld</span></code>.</p>
 <p>Calling the method <code class="docutils literal notranslate"><span class="pre">DisplayPage()</span></code> will render the template named after the operation: <code class="docutils literal notranslate"><span class="pre">HelloWorld.html.twig</span></code> it will be located in the folder <code class="docutils literal notranslate"><span class="pre">my-module/templates</span></code>.</p>
-</div>
-<div class="section" id="the-template">
-<h2>The template<a class="headerlink" href="#the-template" title="Permalink to this headline">¶</a></h2>
+</section>
+<section id="the-template">
+<h2>The template<a class="headerlink" href="#the-template" title="Permalink to this headline"></a></h2>
 <p>Let’s create the template <code class="docutils literal notranslate"><span class="pre">my-module/templates/HelloWorld.html.twig</span></code> with a nice title.</p>
 <div class="literal-block-wrapper docutils container" id="id3">
-<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id3" title="Permalink to this code">¶</a></div>
-<div class="highlight-twig notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Hello World!&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
+<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id3" title="Permalink to this code"></a></div>
+<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="linenos">1</span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Hello World!&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>Twig syntax can be found <a class="reference external" href="https://twig.symfony.com/doc/3.x/">Here</a>.</p>
 <p>For more information on specific iTop Twig tags you can check <a class="reference internal" href="../../generated/Component/Component.html#components"><span class="std std-ref">UI Components</span></a> and <a class="reference internal" href="../../generated/Layout/Layout.html#layouts"><span class="std std-ref">UI Layouts</span></a></p>
-</div>
-<div class="section" id="the-end-point">
-<h2>The end point<a class="headerlink" href="#the-end-point" title="Permalink to this headline">¶</a></h2>
+</section>
+<section id="the-end-point">
+<h2>The end point<a class="headerlink" href="#the-end-point" title="Permalink to this headline"></a></h2>
 <p>Then create landing page for your module <code class="docutils literal notranslate"><span class="pre">my-module/index.php</span></code></p>
 <div class="literal-block-wrapper docutils container" id="id4">
-<div class="code-block-caption"><span class="caption-text">index.php</span><a class="headerlink" href="#id4" title="Permalink to this code">¶</a></div>
-<div class="highlight-php notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-11</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">&lt;?php</span>
-
-<span class="k">namespace</span> <span class="nx">MyCompany\iTop\SystemInformation</span><span class="p">;</span>
-
-<span class="k">use</span> <span class="nx">MyCompany\iTop\MyModule\Controller\MyModuleController</span><span class="p">;</span>
-
-<span class="k">require_once</span><span class="p">(</span><span class="nx">APPROOT</span><span class="o">.</span><span class="s1">&#39;application/startup.inc.php&#39;</span><span class="p">);</span>
-
-<span class="nv">$oUpdateController</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">MyModuleController</span><span class="p">(</span><span class="nx">MODULESROOT</span><span class="o">.</span><span class="s1">&#39;my-module/templates&#39;</span><span class="p">,</span> <span class="s1">&#39;my-module&#39;</span><span class="p">);</span>
-<span class="nv">$oUpdateController</span><span class="o">-&gt;</span><span class="na">SetDefaultOperation</span><span class="p">(</span><span class="s1">&#39;HelloWorld&#39;</span><span class="p">);</span>
-<span class="nv">$oUpdateController</span><span class="o">-&gt;</span><span class="na">HandleOperation</span><span class="p">();</span>
+<div class="code-block-caption"><span class="caption-text">index.php</span><a class="headerlink" href="#id4" title="Permalink to this code"></a></div>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="linenos"> 1</span><span class="o">&lt;?</span><span class="nx">php</span>
+<span class="linenos"> 2</span>
+<span class="linenos"> 3</span><span class="k">namespace</span> <span class="nx">MyCompany\iTop\SystemInformation</span><span class="p">;</span>
+<span class="linenos"> 4</span>
+<span class="linenos"> 5</span><span class="k">use</span> <span class="nx">MyCompany\iTop\MyModule\Controller\MyModuleController</span><span class="p">;</span>
+<span class="linenos"> 6</span>
+<span class="linenos"> 7</span><span class="k">require_once</span><span class="p">(</span><span class="nx">APPROOT</span><span class="o">.</span><span class="s1">&#39;application/startup.inc.php&#39;</span><span class="p">);</span>
+<span class="linenos"> 8</span>
+<span class="linenos"> 9</span><span class="nv">$oUpdateController</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">MyModuleController</span><span class="p">(</span><span class="nx">MODULESROOT</span><span class="o">.</span><span class="s1">&#39;my-module/templates&#39;</span><span class="p">,</span> <span class="s1">&#39;my-module&#39;</span><span class="p">);</span>
+<span class="linenos">10</span><span class="nv">$oUpdateController</span><span class="o">-&gt;</span><span class="na">SetDefaultOperation</span><span class="p">(</span><span class="s1">&#39;HelloWorld&#39;</span><span class="p">);</span>
+<span class="linenos">11</span><span class="nv">$oUpdateController</span><span class="o">-&gt;</span><span class="na">HandleOperation</span><span class="p">();</span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>Create an instance of the controller indicating the templates path and the module name.
 The default operation is set to the operation we want when entering the module.
@@ -187,8 +165,8 @@ The method <code class="docutils literal notranslate"><span class="pre">HandleOp
 <p>For more comfort during the development of your module, you can <a class="reference external" href="https://www.itophub.io/wiki/page?id=latest%3Acustomization%3Adatamodel#installing_the_toolkit">install the toolkit</a> and update your iTop with symlinks.</p>
 <p>if you go to your module page <code class="docutils literal notranslate"><span class="pre">https://localhost/itop/pages/exec.php?exec_module=my-module&amp;exec_page=index.php</span></code> you should see:</p>
 <img alt="../../_images/Step2.png" src="../../_images/Step2.png" />
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/TwigBaseTuto/Step3/Step3.html b/.doc/UI/build/html/TwigBaseTuto/Step3/Step3.html
index 32d46d7b6..938887d26 100644
--- a/.doc/UI/build/html/TwigBaseTuto/Step3/Step3.html
+++ b/.doc/UI/build/html/TwigBaseTuto/Step3/Step3.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>3. Passing variables to templates &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>3. Passing variables to templates &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -36,7 +39,7 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="../TwigBaseTuto.html">Twig Base Tutorial</a><ul class="current">
@@ -48,7 +51,7 @@
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -79,130 +82,86 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="passing-variables-to-templates">
-<span id="step3"></span><h1>3. Passing variables to templates<a class="headerlink" href="#passing-variables-to-templates" title="Permalink to this headline">¶</a></h1>
+  <section id="passing-variables-to-templates">
+<span id="step3"></span><h1>3. Passing variables to templates<a class="headerlink" href="#passing-variables-to-templates" title="Permalink to this headline"></a></h1>
 <p>We have seen in <a class="reference internal" href="../Step2/Step2.html#step2"><span class="std std-ref">2. Hello World!</span></a> how to create a static template. Let’s send some variables to have a more dynamic display.</p>
 <div class="literal-block-wrapper docutils container" id="id1">
-<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id1" title="Permalink to this code">¶</a></div>
-<div class="highlight-php notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-11
-12
-13
-14
-15</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">&lt;?php</span>
-
-<span class="k">namespace</span> <span class="nx">MyCompany\iTop\MyModule\Controller</span><span class="p">;</span>
-<span class="k">use</span> <span class="nx">Combodo\iTop\Application\TwigBase\Controller\Controller</span><span class="p">;</span>
-<span class="k">use</span> <span class="nx">UserRights</span><span class="p">;</span>
-
-<span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
-<span class="p">{</span>
-    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationHelloWorld</span><span class="p">()</span>
-    <span class="p">{</span>
-        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sName&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">UserRights</span><span class="o">::</span><span class="na">GetUser</span><span class="p">();</span>
-        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sDate&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nb">date</span><span class="p">(</span><span class="s2">&quot;r&quot;</span><span class="p">);</span>
-        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">(</span><span class="nv">$aParams</span><span class="p">);</span>
-    <span class="p">}</span>
-<span class="p">}</span>
+<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id1" title="Permalink to this code"></a></div>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="linenos"> 1</span><span class="o">&lt;?</span><span class="nx">php</span>
+<span class="linenos"> 2</span>
+<span class="linenos"> 3</span><span class="k">namespace</span> <span class="nx">MyCompany\iTop\MyModule\Controller</span><span class="p">;</span>
+<span class="linenos"> 4</span><span class="k">use</span> <span class="nx">Combodo\iTop\Application\TwigBase\Controller\Controller</span><span class="p">;</span>
+<span class="linenos"> 5</span><span class="k">use</span> <span class="nx">UserRights</span><span class="p">;</span>
+<span class="linenos"> 6</span>
+<span class="linenos"> 7</span><span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
+<span class="linenos"> 8</span><span class="p">{</span>
+<span class="linenos"> 9</span>    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationHelloWorld</span><span class="p">()</span>
+<span class="linenos">10</span>    <span class="p">{</span>
+<span class="linenos">11</span>        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sName&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">UserRights</span><span class="o">::</span><span class="na">GetUser</span><span class="p">();</span>
+<span class="linenos">12</span>        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sDate&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nb">date</span><span class="p">(</span><span class="s2">&quot;r&quot;</span><span class="p">);</span>
+<span class="linenos">13</span>        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">(</span><span class="nv">$aParams</span><span class="p">);</span>
+<span class="linenos">14</span>    <span class="p">}</span>
+<span class="linenos">15</span><span class="p">}</span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>The <code class="docutils literal notranslate"><span class="pre">DisplayPage()</span></code> method accept an array of parameters. This array is transformed into variables for the Twig template.</p>
 <p>Here two variables are created: <code class="docutils literal notranslate"><span class="pre">sName</span></code> and <code class="docutils literal notranslate"><span class="pre">sDate</span></code>, we can use them in the template.</p>
 <div class="literal-block-wrapper docutils container" id="id2">
-<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id2" title="Permalink to this code">¶</a></div>
-<div class="highlight-twig notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1
-2
-3
-4</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Hello &#39;</span> <span class="o">~</span> <span class="nv">sName</span> <span class="o">~</span> <span class="s1">&#39;!&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;date&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    We are currently </span><span class="cp">{{</span> <span class="nv">sDate</span> <span class="cp">}}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
+<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id2" title="Permalink to this code"></a></div>
+<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="linenos">1</span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Hello &#39;</span> <span class="o">~</span> <span class="nv">sName</span> <span class="o">~</span> <span class="s1">&#39;!&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">2</span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;date&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">3</span><span class="x">    We are currently </span><span class="cp">{{</span> <span class="nv">sDate</span> <span class="cp">}}</span><span class="x"></span>
+<span class="linenos">4</span><span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>The output is then</p>
 <img alt="../../_images/Hello2.png" src="../../_images/Hello2.png" />
 <p>The variables can be of any type, for example you can give an array as a variable:</p>
 <div class="literal-block-wrapper docutils container" id="id3">
-<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id3" title="Permalink to this code">¶</a></div>
-<div class="highlight-php notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-11
-12
-13
-14
-15
-16</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">&lt;?php</span>
-
-<span class="k">namespace</span> <span class="nx">MyCompany\iTop\MyModule\Controller</span><span class="p">;</span>
-<span class="k">use</span> <span class="nx">Combodo\iTop\Application\TwigBase\Controller\Controller</span><span class="p">;</span>
-<span class="k">use</span> <span class="nx">UserRights</span><span class="p">;</span>
-
-<span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
-<span class="p">{</span>
-    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationHelloWorld</span><span class="p">()</span>
-    <span class="p">{</span>
-        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sName&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">UserRights</span><span class="o">::</span><span class="na">GetUser</span><span class="p">();</span>
-        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sDate&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nb">date</span><span class="p">(</span><span class="s2">&quot;r&quot;</span><span class="p">);</span>
-        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;aQuarter&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;January&#39;</span><span class="p">,</span> <span class="s1">&#39;February&#39;</span><span class="p">,</span> <span class="s1">&#39;March&#39;</span><span class="p">];</span>
-        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">(</span><span class="nv">$aParams</span><span class="p">);</span>
-    <span class="p">}</span>
-<span class="p">}</span>
+<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id3" title="Permalink to this code"></a></div>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="linenos"> 1</span><span class="o">&lt;?</span><span class="nx">php</span>
+<span class="linenos"> 2</span>
+<span class="linenos"> 3</span><span class="k">namespace</span> <span class="nx">MyCompany\iTop\MyModule\Controller</span><span class="p">;</span>
+<span class="linenos"> 4</span><span class="k">use</span> <span class="nx">Combodo\iTop\Application\TwigBase\Controller\Controller</span><span class="p">;</span>
+<span class="linenos"> 5</span><span class="k">use</span> <span class="nx">UserRights</span><span class="p">;</span>
+<span class="linenos"> 6</span>
+<span class="linenos"> 7</span><span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
+<span class="linenos"> 8</span><span class="p">{</span>
+<span class="linenos"> 9</span>    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationHelloWorld</span><span class="p">()</span>
+<span class="linenos">10</span>    <span class="p">{</span>
+<span class="linenos">11</span>        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sName&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">UserRights</span><span class="o">::</span><span class="na">GetUser</span><span class="p">();</span>
+<span class="linenos">12</span>        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sDate&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nb">date</span><span class="p">(</span><span class="s2">&quot;r&quot;</span><span class="p">);</span>
+<span class="linenos">13</span>        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;aQuarter&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;January&#39;</span><span class="p">,</span> <span class="s1">&#39;February&#39;</span><span class="p">,</span> <span class="s1">&#39;March&#39;</span><span class="p">];</span>
+<span class="linenos">14</span>        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">(</span><span class="nv">$aParams</span><span class="p">);</span>
+<span class="linenos">15</span>    <span class="p">}</span>
+<span class="linenos">16</span><span class="p">}</span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>Here <code class="docutils literal notranslate"><span class="pre">aQuarter</span></code> is an array containing some months, we can use it in a selector:</p>
 <div class="literal-block-wrapper docutils container" id="id4">
-<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id4" title="Permalink to this code">¶</a></div>
-<div class="highlight-twig notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-11
-12
-13</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Hello &#39;</span> <span class="o">~</span> <span class="nv">sName</span> <span class="o">~</span> <span class="s1">&#39;!&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;date&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    We are currently </span><span class="cp">{{</span> <span class="nv">sDate</span> <span class="cp">}}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
-
-<span class="cp">{%</span> <span class="k">UIForm</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;my-form&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    Select Month:</span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">F</span><span class="nv">orSelect</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;month&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">        </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">index</span><span class="o">,</span><span class="nv">sMonth</span> <span class="k">in</span> <span class="nv">aQuarter</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">            </span><span class="cp">{%</span> <span class="k">UISelectOption</span> <span class="p">F</span><span class="nv">orSelectOption</span> <span class="o">{</span><span class="nv">sValue</span><span class="o">:</span> <span class="nv">index</span><span class="o">,</span> <span class="nv">sLabel</span><span class="o">:</span> <span class="nv">sMonth</span><span class="o">,</span> <span class="nv">bSelected</span><span class="o">:</span><span class="kp">false</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">        </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">EndUIForm</span> <span class="cp">%}</span><span class="x"></span>
+<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id4" title="Permalink to this code"></a></div>
+<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="linenos"> 1</span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Hello &#39;</span> <span class="o">~</span> <span class="nv">sName</span> <span class="o">~</span> <span class="s1">&#39;!&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 2</span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;date&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 3</span><span class="x">    We are currently </span><span class="cp">{{</span> <span class="nv">sDate</span> <span class="cp">}}</span><span class="x"></span>
+<span class="linenos"> 4</span><span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 5</span>
+<span class="linenos"> 6</span><span class="cp">{%</span> <span class="k">UIForm</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;my-form&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 7</span><span class="x">    Select Month:</span>
+<span class="linenos"> 8</span><span class="x">    </span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">F</span><span class="nv">orSelect</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;month&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 9</span><span class="x">        </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">index</span><span class="o">,</span><span class="nv">sMonth</span> <span class="k">in</span> <span class="nv">aQuarter</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">10</span><span class="x">            </span><span class="cp">{%</span> <span class="k">UISelectOption</span> <span class="p">F</span><span class="nv">orSelectOption</span> <span class="o">{</span><span class="nv">sValue</span><span class="o">:</span> <span class="nv">index</span><span class="o">,</span> <span class="nv">sLabel</span><span class="o">:</span> <span class="nv">sMonth</span><span class="o">,</span> <span class="nv">bSelected</span><span class="o">:</span><span class="kp">false</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">11</span><span class="x">        </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">12</span><span class="x">    </span><span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">13</span><span class="cp">{%</span> <span class="k">EndUIForm</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>The output is:</p>
 <img alt="../../_images/Hello3.png" src="../../_images/Hello3.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/TwigBaseTuto/Step4/Step4.html b/.doc/UI/build/html/TwigBaseTuto/Step4/Step4.html
index 8be4f9c6f..4d6fe55f9 100644
--- a/.doc/UI/build/html/TwigBaseTuto/Step4/Step4.html
+++ b/.doc/UI/build/html/TwigBaseTuto/Step4/Step4.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>4. Adding new operations &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>4. Adding new operations &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -36,7 +39,7 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="../TwigBaseTuto.html">Twig Base Tutorial</a><ul class="current">
@@ -48,7 +51,7 @@
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -79,96 +82,66 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="adding-new-operations">
-<span id="step4"></span><h1>4. Adding new operations<a class="headerlink" href="#adding-new-operations" title="Permalink to this headline">¶</a></h1>
+  <section id="adding-new-operations">
+<span id="step4"></span><h1>4. Adding new operations<a class="headerlink" href="#adding-new-operations" title="Permalink to this headline"></a></h1>
 <p>We currently have only one operation <code class="docutils literal notranslate"><span class="pre">HelloWorld</span></code>. Generally multiple operations are needed, let’s add a new one.</p>
 <p>In the previous part <a class="reference internal" href="../Step3/Step3.html#step3"><span class="std std-ref">3. Passing variables to templates</span></a> we have created a form, it will be used to call the operation <code class="docutils literal notranslate"><span class="pre">SelectMonth</span></code>.</p>
 <p>Modify the form to add an hidden input to set the operation and add a submit button:</p>
 <div class="literal-block-wrapper docutils container" id="id1">
-<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id1" title="Permalink to this code">¶</a></div>
-<div class="highlight-twig notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 6
- 7
- 8
- 9
-10
-11
-12
-13
-14
-15
-16
-17</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIForm</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;myform&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    Select Month:</span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">F</span><span class="nv">orSelect</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;month&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">        </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">index</span><span class="o">,</span><span class="nv">sMonth</span> <span class="k">in</span> <span class="nv">aQuarter</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">            </span><span class="cp">{%</span> <span class="k">UISelectOption</span> <span class="p">F</span><span class="nv">orSelectOption</span> <span class="o">{</span><span class="nv">sValue</span><span class="o">:</span> <span class="nv">index</span><span class="o">,</span> <span class="nv">sLabel</span><span class="o">:</span> <span class="nv">sMonth</span><span class="o">,</span> <span class="nv">bSelected</span><span class="o">:</span><span class="kp">false</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">        </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">UIInput</span> <span class="p">F</span><span class="nv">orHidden</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;operation&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;SelectMonth&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;actions&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">        </span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orPrimaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;Ok&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    </span><span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">EndUIForm</span> <span class="cp">%}</span><span class="x"></span>
+<div class="code-block-caption"><span class="caption-text">templates/HelloWorld.html.twig</span><a class="headerlink" href="#id1" title="Permalink to this code"></a></div>
+<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="linenos"> 6</span><span class="cp">{%</span> <span class="k">UIForm</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;myform&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 7</span><span class="x">    Select Month:</span>
+<span class="linenos"> 8</span><span class="x">    </span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">F</span><span class="nv">orSelect</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;month&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos"> 9</span><span class="x">        </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">index</span><span class="o">,</span><span class="nv">sMonth</span> <span class="k">in</span> <span class="nv">aQuarter</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">10</span><span class="x">            </span><span class="cp">{%</span> <span class="k">UISelectOption</span> <span class="p">F</span><span class="nv">orSelectOption</span> <span class="o">{</span><span class="nv">sValue</span><span class="o">:</span> <span class="nv">index</span><span class="o">,</span> <span class="nv">sLabel</span><span class="o">:</span> <span class="nv">sMonth</span><span class="o">,</span> <span class="nv">bSelected</span><span class="o">:</span><span class="kp">false</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">11</span><span class="x">        </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">12</span><span class="x">    </span><span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">13</span><span class="x">    </span><span class="cp">{%</span> <span class="k">UIInput</span> <span class="p">F</span><span class="nv">orHidden</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;operation&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;SelectMonth&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">14</span><span class="x">    </span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;actions&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">15</span><span class="x">        </span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orPrimaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;Ok&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">16</span><span class="x">    </span><span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">17</span><span class="cp">{%</span> <span class="k">EndUIForm</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>The output of this template is:</p>
 <img alt="../../_images/form.png" src="../../_images/form.png" />
 <p>Now add the operation in the controller:</p>
 <div class="literal-block-wrapper docutils container" id="id2">
-<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id2" title="Permalink to this code">¶</a></div>
-<div class="highlight-php notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
-10
-11
-12
-13
-14
-15
-16</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">&lt;?php</span>
-
-<span class="c1">// ...</span>
-
-<span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
-<span class="p">{</span>
-    <span class="c1">// ...</span>
-
-    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationSelectMonth</span><span class="p">()</span>
-    <span class="p">{</span>
-        <span class="nv">$aMonths</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;January&#39;</span><span class="p">,</span> <span class="s1">&#39;February&#39;</span><span class="p">,</span> <span class="s1">&#39;March&#39;</span><span class="p">];</span>
-        <span class="nv">$iMonth</span> <span class="o">=</span> <span class="nx">utils</span><span class="o">::</span><span class="na">ReadParam</span><span class="p">(</span><span class="s1">&#39;month&#39;</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
-        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sSelectedMonth&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nv">$aMonths</span><span class="p">[</span><span class="nv">$iMonth</span><span class="p">];</span>
-        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">(</span><span class="nv">$aParams</span><span class="p">);</span>
-    <span class="p">}</span>
-<span class="p">}</span>
+<div class="code-block-caption"><span class="caption-text">src/Controller/MyModuleController.php</span><a class="headerlink" href="#id2" title="Permalink to this code"></a></div>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="linenos"> 1</span><span class="o">&lt;?</span><span class="nx">php</span>
+<span class="linenos"> 2</span>
+<span class="linenos"> 3</span><span class="c1">// ...</span>
+<span class="linenos"> 4</span>
+<span class="linenos"> 5</span><span class="k">class</span> <span class="nc">MyModuleController</span> <span class="k">extends</span> <span class="nx">Controller</span>
+<span class="linenos"> 6</span><span class="p">{</span>
+<span class="linenos"> 7</span>    <span class="c1">// ...</span>
+<span class="linenos"> 8</span>
+<span class="linenos"> 9</span>    <span class="k">public</span> <span class="k">function</span> <span class="nf">OperationSelectMonth</span><span class="p">()</span>
+<span class="linenos">10</span>    <span class="p">{</span>
+<span class="linenos">11</span>        <span class="nv">$aMonths</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;January&#39;</span><span class="p">,</span> <span class="s1">&#39;February&#39;</span><span class="p">,</span> <span class="s1">&#39;March&#39;</span><span class="p">];</span>
+<span class="linenos">12</span>        <span class="nv">$iMonth</span> <span class="o">=</span> <span class="nx">utils</span><span class="o">::</span><span class="na">ReadParam</span><span class="p">(</span><span class="s1">&#39;month&#39;</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
+<span class="linenos">13</span>        <span class="nv">$aParams</span><span class="p">[</span><span class="s1">&#39;sSelectedMonth&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="nv">$aMonths</span><span class="p">[</span><span class="nv">$iMonth</span><span class="p">];</span>
+<span class="linenos">14</span>        <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">DisplayPage</span><span class="p">(</span><span class="nv">$aParams</span><span class="p">);</span>
+<span class="linenos">15</span>    <span class="p">}</span>
+<span class="linenos">16</span><span class="p">}</span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>The corresponding template must be created <code class="docutils literal notranslate"><span class="pre">templates/SelectMonth.html.twig</span></code></p>
 <div class="literal-block-wrapper docutils container" id="id3">
-<div class="code-block-caption"><span class="caption-text">templates/SelectMonth.html.twig</span><a class="headerlink" href="#id3" title="Permalink to this code">¶</a></div>
-<div class="highlight-twig notranslate"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1
-2
-3
-4
-5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Selected month&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
-
-<span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;Information&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
-<span class="x">    The selected month is </span><span class="cp">{{</span> <span class="nv">sSelectedMonth</span> <span class="cp">}}</span><span class="x"></span>
-<span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
+<div class="code-block-caption"><span class="caption-text">templates/SelectMonth.html.twig</span><a class="headerlink" href="#id3" title="Permalink to this code"></a></div>
+<div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="linenos">1</span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;Selected month&#39;</span><span class="o">}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">2</span>
+<span class="linenos">3</span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="p">D</span><span class="nv">ataAttributes</span><span class="o">:</span> <span class="o">{</span><span class="nv">role</span><span class="o">:</span> <span class="s1">&#39;Information&#39;</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
+<span class="linenos">4</span><span class="x">    The selected month is </span><span class="cp">{{</span> <span class="nv">sSelectedMonth</span> <span class="cp">}}</span><span class="x"></span>
+<span class="linenos">5</span><span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
-</td></tr></table></div>
+</div>
 </div>
 <p>The output of this operation is:</p>
 <img alt="../../_images/SelectMonth.png" src="../../_images/SelectMonth.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/TwigBaseTuto/TwigBaseTuto.html b/.doc/UI/build/html/TwigBaseTuto/TwigBaseTuto.html
index 351ad3e1e..2388cf6b8 100644
--- a/.doc/UI/build/html/TwigBaseTuto/TwigBaseTuto.html
+++ b/.doc/UI/build/html/TwigBaseTuto/TwigBaseTuto.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Twig Base Tutorial &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+  <title>Twig Base Tutorial &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../_static/jquery.js"></script>
-        <script type="text/javascript" src="../_static/underscore.js"></script>
-        <script type="text/javascript" src="../_static/doctools.js"></script>
-        <script type="text/javascript" src="../_static/language_data.js"></script>
+  
+        <script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js"></script>
+        <script src="../_static/jquery.js"></script>
+        <script src="../_static/underscore.js"></script>
+        <script src="../_static/doctools.js"></script>
     <script src="../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../genindex.html" />
     <link rel="search" title="Search" href="../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../index.html" class="icon icon-home"> iTop UI<img src="../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../index.html" class="icon icon-home"> iTop UI
+            <img src="../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
@@ -36,7 +39,7 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">Twig Base Tutorial</a><ul>
@@ -48,7 +51,7 @@
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -78,10 +81,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="twig-base-tutorial">
-<h1>Twig Base Tutorial<a class="headerlink" href="#twig-base-tutorial" title="Permalink to this headline">¶</a></h1>
+  <section id="twig-base-tutorial">
+<h1>Twig Base Tutorial<a class="headerlink" href="#twig-base-tutorial" title="Permalink to this headline"></a></h1>
 <div class="toctree-wrapper compound">
-<p class="caption"><span class="caption-text">Tutorial:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tutorial:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="Step1/Step1.html">1. Creating the structure</a></li>
 <li class="toctree-l1"><a class="reference internal" href="Step2/Step2.html">2. Hello World!</a></li>
@@ -89,7 +92,7 @@
 <li class="toctree-l1"><a class="reference internal" href="Step4/Step4.html">4. Adding new operations</a></li>
 </ul>
 </div>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/_static/basic.css b/.doc/UI/build/html/_static/basic.css
index 0807176ec..912859b55 100644
--- a/.doc/UI/build/html/_static/basic.css
+++ b/.doc/UI/build/html/_static/basic.css
@@ -4,7 +4,7 @@
  *
  * Sphinx stylesheet -- basic theme.
  *
- * :copyright: Copyright 2007-2019 by the Sphinx team, see AUTHORS.
+ * :copyright: Copyright 2007-2021 by the Sphinx team, see AUTHORS.
  * :license: BSD, see LICENSE for details.
  *
  */
@@ -15,6 +15,12 @@ div.clearer {
     clear: both;
 }
 
+div.section::after {
+    display: block;
+    content: '';
+    clear: left;
+}
+
 /* -- relbar ---------------------------------------------------------------- */
 
 div.related {
@@ -124,7 +130,7 @@ ul.search li a {
     font-weight: bold;
 }
 
-ul.search li div.context {
+ul.search li p.context {
     color: #888;
     margin: 2px 0 0 30px;
     text-align: left;
@@ -231,6 +237,16 @@ a.headerlink {
     visibility: hidden;
 }
 
+a.brackets:before,
+span.brackets > a:before{
+    content: "[";
+}
+
+a.brackets:after,
+span.brackets > a:after {
+    content: "]";
+}
+
 h1:hover > a.headerlink,
 h2:hover > a.headerlink,
 h3:hover > a.headerlink,
@@ -261,19 +277,25 @@ p.rubric {
     font-weight: bold;
 }
 
-img.align-left, .figure.align-left, object.align-left {
+img.align-left, figure.align-left, .figure.align-left, object.align-left {
     clear: left;
     float: left;
     margin-right: 1em;
 }
 
-img.align-right, .figure.align-right, object.align-right {
+img.align-right, figure.align-right, .figure.align-right, object.align-right {
     clear: right;
     float: right;
     margin-left: 1em;
 }
 
-img.align-center, .figure.align-center, object.align-center {
+img.align-center, figure.align-center, .figure.align-center, object.align-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+img.align-default, figure.align-default, .figure.align-default {
   display: block;
   margin-left: auto;
   margin-right: auto;
@@ -287,30 +309,41 @@ img.align-center, .figure.align-center, object.align-center {
     text-align: center;
 }
 
+.align-default {
+    text-align: center;
+}
+
 .align-right {
     text-align: right;
 }
 
 /* -- sidebars -------------------------------------------------------------- */
 
-div.sidebar {
+div.sidebar,
+aside.sidebar {
     margin: 0 0 0.5em 1em;
     border: 1px solid #ddb;
-    padding: 7px 7px 0 7px;
+    padding: 7px;
     background-color: #ffe;
     width: 40%;
     float: right;
+    clear: right;
+    overflow-x: auto;
 }
 
 p.sidebar-title {
     font-weight: bold;
 }
 
+div.admonition, div.topic, blockquote {
+    clear: left;
+}
+
 /* -- topics ---------------------------------------------------------------- */
 
 div.topic {
     border: 1px solid #ccc;
-    padding: 7px 7px 0 7px;
+    padding: 7px;
     margin: 10px 0 10px 0;
 }
 
@@ -332,10 +365,6 @@ div.admonition dt {
     font-weight: bold;
 }
 
-div.admonition dl {
-    margin-bottom: 0;
-}
-
 p.admonition-title {
     margin: 0px 10px 5px 0px;
     font-weight: bold;
@@ -346,9 +375,30 @@ div.body p.centered {
     margin-top: 25px;
 }
 
+/* -- content of sidebars/topics/admonitions -------------------------------- */
+
+div.sidebar > :last-child,
+aside.sidebar > :last-child,
+div.topic > :last-child,
+div.admonition > :last-child {
+    margin-bottom: 0;
+}
+
+div.sidebar::after,
+aside.sidebar::after,
+div.topic::after,
+div.admonition::after,
+blockquote::after {
+    display: block;
+    content: '';
+    clear: both;
+}
+
 /* -- tables ---------------------------------------------------------------- */
 
 table.docutils {
+    margin-top: 10px;
+    margin-bottom: 10px;
     border: 0;
     border-collapse: collapse;
 }
@@ -358,6 +408,11 @@ table.align-center {
     margin-right: auto;
 }
 
+table.align-default {
+    margin-left: auto;
+    margin-right: auto;
+}
+
 table caption span.caption-number {
     font-style: italic;
 }
@@ -391,22 +446,34 @@ table.citation td {
     border-bottom: none;
 }
 
+th > :first-child,
+td > :first-child {
+    margin-top: 0px;
+}
+
+th > :last-child,
+td > :last-child {
+    margin-bottom: 0px;
+}
+
 /* -- figures --------------------------------------------------------------- */
 
-div.figure {
+div.figure, figure {
     margin: 0.5em;
     padding: 0.5em;
 }
 
-div.figure p.caption {
+div.figure p.caption, figcaption {
     padding: 0.3em;
 }
 
-div.figure p.caption span.caption-number {
+div.figure p.caption span.caption-number,
+figcaption span.caption-number {
     font-style: italic;
 }
 
-div.figure p.caption span.caption-text {
+div.figure p.caption span.caption-text,
+figcaption span.caption-text {
 }
 
 /* -- field list styles ----------------------------------------------------- */
@@ -433,10 +500,71 @@ table.field-list td, table.field-list th {
 
 /* -- hlist styles ---------------------------------------------------------- */
 
+table.hlist {
+    margin: 1em 0;
+}
+
 table.hlist td {
     vertical-align: top;
 }
 
+/* -- object description styles --------------------------------------------- */
+
+.sig {
+	font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
+}
+
+.sig-name, code.descname {
+    background-color: transparent;
+    font-weight: bold;
+}
+
+.sig-name {
+	font-size: 1.1em;
+}
+
+code.descname {
+    font-size: 1.2em;
+}
+
+.sig-prename, code.descclassname {
+    background-color: transparent;
+}
+
+.optional {
+    font-size: 1.3em;
+}
+
+.sig-paren {
+    font-size: larger;
+}
+
+.sig-param.n {
+	font-style: italic;
+}
+
+/* C++ specific styling */
+
+.sig-inline.c-texpr,
+.sig-inline.cpp-texpr {
+	font-family: unset;
+}
+
+.sig.c   .k, .sig.c   .kt,
+.sig.cpp .k, .sig.cpp .kt {
+	color: #0033B3;
+}
+
+.sig.c   .m,
+.sig.cpp .m {
+	color: #1750EB;
+}
+
+.sig.c   .s, .sig.c   .sc,
+.sig.cpp .s, .sig.cpp .sc {
+	color: #067D17;
+}
+
 
 /* -- other body styles ----------------------------------------------------- */
 
@@ -460,11 +588,78 @@ ol.upperroman {
     list-style: upper-roman;
 }
 
+:not(li) > ol > li:first-child > :first-child,
+:not(li) > ul > li:first-child > :first-child {
+    margin-top: 0px;
+}
+
+:not(li) > ol > li:last-child > :last-child,
+:not(li) > ul > li:last-child > :last-child {
+    margin-bottom: 0px;
+}
+
+ol.simple ol p,
+ol.simple ul p,
+ul.simple ol p,
+ul.simple ul p {
+    margin-top: 0;
+}
+
+ol.simple > li:not(:first-child) > p,
+ul.simple > li:not(:first-child) > p {
+    margin-top: 0;
+}
+
+ol.simple p,
+ul.simple p {
+    margin-bottom: 0;
+}
+
+dl.footnote > dt,
+dl.citation > dt {
+    float: left;
+    margin-right: 0.5em;
+}
+
+dl.footnote > dd,
+dl.citation > dd {
+    margin-bottom: 0em;
+}
+
+dl.footnote > dd:after,
+dl.citation > dd:after {
+    content: "";
+    clear: both;
+}
+
+dl.field-list {
+    display: grid;
+    grid-template-columns: fit-content(30%) auto;
+}
+
+dl.field-list > dt {
+    font-weight: bold;
+    word-break: break-word;
+    padding-left: 0.5em;
+    padding-right: 5px;
+}
+
+dl.field-list > dt:after {
+    content: ":";
+}
+
+dl.field-list > dd {
+    padding-left: 0.5em;
+    margin-top: 0em;
+    margin-left: 0em;
+    margin-bottom: 0em;
+}
+
 dl {
     margin-bottom: 15px;
 }
 
-dd p {
+dd > :first-child {
     margin-top: 0px;
 }
 
@@ -478,6 +673,11 @@ dd {
     margin-left: 30px;
 }
 
+dl > dd:last-child,
+dl > dd:last-child > :last-child {
+    margin-bottom: 0;
+}
+
 dt:target, span.highlighted {
     background-color: #fbe54e;
 }
@@ -491,14 +691,6 @@ dl.glossary dt {
     font-size: 1.1em;
 }
 
-.optional {
-    font-size: 1.3em;
-}
-
-.sig-paren {
-    font-size: larger;
-}
-
 .versionmodified {
     font-style: italic;
 }
@@ -537,6 +729,12 @@ dl.glossary dt {
     font-style: oblique;
 }
 
+.classifier:before {
+    font-style: normal;
+    margin: 0.5em;
+    content: ":";
+}
+
 abbr, acronym {
     border-bottom: dotted 1px;
     cursor: help;
@@ -549,6 +747,10 @@ pre {
     overflow-y: hidden;  /* fixes display issues on Chrome browsers */
 }
 
+pre, div[class*="highlight-"] {
+    clear: both;
+}
+
 span.pre {
     -moz-hyphens: none;
     -ms-hyphens: none;
@@ -556,22 +758,57 @@ span.pre {
     hyphens: none;
 }
 
+div[class*="highlight-"] {
+    margin: 1em 0;
+}
+
 td.linenos pre {
-    padding: 5px 0px;
     border: 0;
     background-color: transparent;
     color: #aaa;
 }
 
 table.highlighttable {
-    margin-left: 0.5em;
+    display: block;
+}
+
+table.highlighttable tbody {
+    display: block;
+}
+
+table.highlighttable tr {
+    display: flex;
 }
 
 table.highlighttable td {
-    padding: 0 0.5em 0 0.5em;
+    margin: 0;
+    padding: 0;
+}
+
+table.highlighttable td.linenos {
+    padding-right: 0.5em;
+}
+
+table.highlighttable td.code {
+    flex: 1;
+    overflow: hidden;
+}
+
+.highlight .hll {
+    display: block;
+}
+
+div.highlight pre,
+table.highlighttable pre {
+    margin: 0;
+}
+
+div.code-block-caption + div {
+    margin-top: 0;
 }
 
 div.code-block-caption {
+    margin-top: 1em;
     padding: 2px 5px;
     font-size: small;
 }
@@ -580,8 +817,14 @@ div.code-block-caption code {
     background-color: transparent;
 }
 
-div.code-block-caption + div > div.highlight > pre {
-    margin-top: 0;
+table.highlighttable td.linenos,
+span.linenos,
+div.highlight span.gp {  /* gp: Generic.Prompt */
+  user-select: none;
+  -webkit-user-select: text; /* Safari fallback only */
+  -webkit-user-select: none; /* Chrome/Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* IE10+ */
 }
 
 div.code-block-caption span.caption-number {
@@ -593,21 +836,7 @@ div.code-block-caption span.caption-text {
 }
 
 div.literal-block-wrapper {
-    padding: 1em 1em 0;
-}
-
-div.literal-block-wrapper div.highlight {
-    margin: 0;
-}
-
-code.descname {
-    background-color: transparent;
-    font-weight: bold;
-    font-size: 1.2em;
-}
-
-code.descclassname {
-    background-color: transparent;
+    margin: 1em 0;
 }
 
 code.xref, a code {
@@ -648,8 +877,7 @@ span.eqno {
 }
 
 span.eqno a.headerlink {
-    position: relative;
-    left: 0px;
+    position: absolute;
     z-index: 1;
 }
 
diff --git a/.doc/UI/build/html/_static/doctools.js b/.doc/UI/build/html/_static/doctools.js
index 344db17dd..8cbf1b161 100644
--- a/.doc/UI/build/html/_static/doctools.js
+++ b/.doc/UI/build/html/_static/doctools.js
@@ -4,7 +4,7 @@
  *
  * Sphinx JavaScript utilities for all documentation.
  *
- * :copyright: Copyright 2007-2019 by the Sphinx team, see AUTHORS.
+ * :copyright: Copyright 2007-2021 by the Sphinx team, see AUTHORS.
  * :license: BSD, see LICENSE for details.
  *
  */
@@ -29,9 +29,14 @@ if (!window.console || !console.firebug) {
 
 /**
  * small helper function to urldecode strings
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent#Decoding_query_parameters_from_a_URL
  */
 jQuery.urldecode = function(x) {
-  return decodeURIComponent(x).replace(/\+/g, ' ');
+  if (!x) {
+    return x
+  }
+  return decodeURIComponent(x.replace(/\+/g, ' '));
 };
 
 /**
@@ -87,14 +92,13 @@ jQuery.fn.highlightText = function(text, className) {
           node.nextSibling));
         node.nodeValue = val.substr(0, pos);
         if (isInSVG) {
-          var bbox = span.getBBox();
           var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-       	  rect.x.baseVal.value = bbox.x;
+          var bbox = node.parentElement.getBBox();
+          rect.x.baseVal.value = bbox.x;
           rect.y.baseVal.value = bbox.y;
           rect.width.baseVal.value = bbox.width;
           rect.height.baseVal.value = bbox.height;
           rect.setAttribute('class', className);
-          var parentOfText = node.parentNode.parentNode;
           addItems.push({
               "parent": node.parentNode,
               "target": rect});
@@ -284,10 +288,12 @@ var Documentation = {
   },
 
   initOnKeyListeners: function() {
-    $(document).keyup(function(event) {
+    $(document).keydown(function(event) {
       var activeElementType = document.activeElement.tagName;
-      // don't navigate when in search box or textarea
-      if (activeElementType !== 'TEXTAREA' && activeElementType !== 'INPUT' && activeElementType !== 'SELECT') {
+      // don't navigate when in search box, textarea, dropdown or button
+      if (activeElementType !== 'TEXTAREA' && activeElementType !== 'INPUT' && activeElementType !== 'SELECT'
+          && activeElementType !== 'BUTTON' && !event.altKey && !event.ctrlKey && !event.metaKey
+          && !event.shiftKey) {
         switch (event.keyCode) {
           case 37: // left
             var prevHref = $('link[rel="prev"]').prop('href');
@@ -295,12 +301,14 @@ var Documentation = {
               window.location.href = prevHref;
               return false;
             }
+            break;
           case 39: // right
             var nextHref = $('link[rel="next"]').prop('href');
             if (nextHref) {
               window.location.href = nextHref;
               return false;
             }
+            break;
         }
       }
     });
diff --git a/.doc/UI/build/html/_static/documentation_options.js b/.doc/UI/build/html/_static/documentation_options.js
index e5466dff3..8d2a4675e 100644
--- a/.doc/UI/build/html/_static/documentation_options.js
+++ b/.doc/UI/build/html/_static/documentation_options.js
@@ -3,8 +3,10 @@ var DOCUMENTATION_OPTIONS = {
     VERSION: '3.0.0',
     LANGUAGE: 'None',
     COLLAPSE_INDEX: false,
+    BUILDER: 'html',
     FILE_SUFFIX: '.html',
+    LINK_SUFFIX: '.html',
     HAS_SOURCE: true,
     SOURCELINK_SUFFIX: '.txt',
-    NAVIGATION_WITH_KEYS: false,
+    NAVIGATION_WITH_KEYS: false
 };
\ No newline at end of file
diff --git a/.doc/UI/build/html/_static/jquery.js b/.doc/UI/build/html/_static/jquery.js
index 7e3291082..b0614034a 100644
--- a/.doc/UI/build/html/_static/jquery.js
+++ b/.doc/UI/build/html/_static/jquery.js
@@ -1,10365 +1,2 @@
-/*!
- * jQuery JavaScript Library v3.3.1-dfsg
- * https://jquery.com/
- *
- * Includes Sizzle.js
- * https://sizzlejs.com/
- *
- * Copyright JS Foundation and other contributors
- * Released under the MIT license
- * https://jquery.org/license
- *
- * Date: 2019-04-19T06:52Z
- */
-( function( global, factory ) {
-
-	"use strict";
-
-	if ( typeof module === "object" && typeof module.exports === "object" ) {
-
-		// For CommonJS and CommonJS-like environments where a proper `window`
-		// is present, execute the factory and get jQuery.
-		// For environments that do not have a `window` with a `document`
-		// (such as Node.js), expose a factory as module.exports.
-		// This accentuates the need for the creation of a real `window`.
-		// e.g. var jQuery = require("jquery")(window);
-		// See ticket #14549 for more info.
-		module.exports = global.document ?
-			factory( global, true ) :
-			function( w ) {
-				if ( !w.document ) {
-					throw new Error( "jQuery requires a window with a document" );
-				}
-				return factory( w );
-			};
-	} else {
-		factory( global );
-	}
-
-// Pass this if window is not defined yet
-} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
-
-// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
-// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
-// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
-// enough that all such attempts are guarded in a try block.
-
-
-var arr = [];
-
-var document = window.document;
-
-var getProto = Object.getPrototypeOf;
-
-var slice = arr.slice;
-
-var concat = arr.concat;
-
-var push = arr.push;
-
-var indexOf = arr.indexOf;
-
-var class2type = {};
-
-var toString = class2type.toString;
-
-var hasOwn = class2type.hasOwnProperty;
-
-var fnToString = hasOwn.toString;
-
-var ObjectFunctionString = fnToString.call( Object );
-
-var support = {};
-
-var isFunction = function isFunction( obj ) {
-
-      // Support: Chrome <=57, Firefox <=52
-      // In some browsers, typeof returns "function" for HTML <object> elements
-      // (i.e., `typeof document.createElement( "object" ) === "function"`).
-      // We don't want to classify *any* DOM node as a function.
-      return typeof obj === "function" && typeof obj.nodeType !== "number";
-  };
-
-
-var isWindow = function isWindow( obj ) {
-		return obj != null && obj === obj.window;
-	};
-
-
-
-
-	var preservedScriptAttributes = {
-		type: true,
-		src: true,
-		noModule: true
-	};
-
-	function DOMEval( code, doc, node ) {
-		doc = doc || document;
-
-		var i,
-			script = doc.createElement( "script" );
-
-		script.text = code;
-		if ( node ) {
-			for ( i in preservedScriptAttributes ) {
-				if ( node[ i ] ) {
-					script[ i ] = node[ i ];
-				}
-			}
-		}
-		doc.head.appendChild( script ).parentNode.removeChild( script );
-	}
-
-
-function toType( obj ) {
-	if ( obj == null ) {
-		return obj + "";
-	}
-
-	// Support: Android <=2.3 only (functionish RegExp)
-	return typeof obj === "object" || typeof obj === "function" ?
-		class2type[ toString.call( obj ) ] || "object" :
-		typeof obj;
-}
-/* global Symbol */
-// Defining this global in .eslintrc.json would create a danger of using the global
-// unguarded in another place, it seems safer to define global only for this module
-
-
-
-var
-	version = "3.3.1",
-
-	// Define a local copy of jQuery
-	jQuery = function( selector, context ) {
-
-		// The jQuery object is actually just the init constructor 'enhanced'
-		// Need init if jQuery is called (just allow error to be thrown if not included)
-		return new jQuery.fn.init( selector, context );
-	},
-
-	// Support: Android <=4.0 only
-	// Make sure we trim BOM and NBSP
-	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
-
-jQuery.fn = jQuery.prototype = {
-
-	// The current version of jQuery being used
-	jquery: version,
-
-	constructor: jQuery,
-
-	// The default length of a jQuery object is 0
-	length: 0,
-
-	toArray: function() {
-		return slice.call( this );
-	},
-
-	// Get the Nth element in the matched element set OR
-	// Get the whole matched element set as a clean array
-	get: function( num ) {
-
-		// Return all the elements in a clean array
-		if ( num == null ) {
-			return slice.call( this );
-		}
-
-		// Return just the one element from the set
-		return num < 0 ? this[ num + this.length ] : this[ num ];
-	},
-
-	// Take an array of elements and push it onto the stack
-	// (returning the new matched element set)
-	pushStack: function( elems ) {
-
-		// Build a new jQuery matched element set
-		var ret = jQuery.merge( this.constructor(), elems );
-
-		// Add the old object onto the stack (as a reference)
-		ret.prevObject = this;
-
-		// Return the newly-formed element set
-		return ret;
-	},
-
-	// Execute a callback for every element in the matched set.
-	each: function( callback ) {
-		return jQuery.each( this, callback );
-	},
-
-	map: function( callback ) {
-		return this.pushStack( jQuery.map( this, function( elem, i ) {
-			return callback.call( elem, i, elem );
-		} ) );
-	},
-
-	slice: function() {
-		return this.pushStack( slice.apply( this, arguments ) );
-	},
-
-	first: function() {
-		return this.eq( 0 );
-	},
-
-	last: function() {
-		return this.eq( -1 );
-	},
-
-	eq: function( i ) {
-		var len = this.length,
-			j = +i + ( i < 0 ? len : 0 );
-		return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] );
-	},
-
-	end: function() {
-		return this.prevObject || this.constructor();
-	},
-
-	// For internal use only.
-	// Behaves like an Array's method, not like a jQuery method.
-	push: push,
-	sort: arr.sort,
-	splice: arr.splice
-};
-
-jQuery.extend = jQuery.fn.extend = function() {
-	var options, name, src, copy, copyIsArray, clone,
-		target = arguments[ 0 ] || {},
-		i = 1,
-		length = arguments.length,
-		deep = false;
-
-	// Handle a deep copy situation
-	if ( typeof target === "boolean" ) {
-		deep = target;
-
-		// Skip the boolean and the target
-		target = arguments[ i ] || {};
-		i++;
-	}
-
-	// Handle case when target is a string or something (possible in deep copy)
-	if ( typeof target !== "object" && !isFunction( target ) ) {
-		target = {};
-	}
-
-	// Extend jQuery itself if only one argument is passed
-	if ( i === length ) {
-		target = this;
-		i--;
-	}
-
-	for ( ; i < length; i++ ) {
-
-		// Only deal with non-null/undefined values
-		if ( ( options = arguments[ i ] ) != null ) {
-
-			// Extend the base object
-			for ( name in options ) {
-				src = target[ name ];
-				copy = options[ name ];
-
-				// Prevent Object.prototype pollution
-				// Prevent never-ending loop
-				if ( name === "__proto__" || target === copy ) {
-					continue;
-				}
-
-				// Recurse if we're merging plain objects or arrays
-				if ( deep && copy && ( jQuery.isPlainObject( copy ) ||
-					( copyIsArray = Array.isArray( copy ) ) ) ) {
-
-					if ( copyIsArray ) {
-						copyIsArray = false;
-						clone = src && Array.isArray( src ) ? src : [];
-
-					} else {
-						clone = src && jQuery.isPlainObject( src ) ? src : {};
-					}
-
-					// Never move original objects, clone them
-					target[ name ] = jQuery.extend( deep, clone, copy );
-
-				// Don't bring in undefined values
-				} else if ( copy !== undefined ) {
-					target[ name ] = copy;
-				}
-			}
-		}
-	}
-
-	// Return the modified object
-	return target;
-};
-
-jQuery.extend( {
-
-	// Unique for each copy of jQuery on the page
-	expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
-
-	// Assume jQuery is ready without the ready module
-	isReady: true,
-
-	error: function( msg ) {
-		throw new Error( msg );
-	},
-
-	noop: function() {},
-
-	isPlainObject: function( obj ) {
-		var proto, Ctor;
-
-		// Detect obvious negatives
-		// Use toString instead of jQuery.type to catch host objects
-		if ( !obj || toString.call( obj ) !== "[object Object]" ) {
-			return false;
-		}
-
-		proto = getProto( obj );
-
-		// Objects with no prototype (e.g., `Object.create( null )`) are plain
-		if ( !proto ) {
-			return true;
-		}
-
-		// Objects with prototype are plain iff they were constructed by a global Object function
-		Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor;
-		return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString;
-	},
-
-	isEmptyObject: function( obj ) {
-
-		/* eslint-disable no-unused-vars */
-		// See https://github.com/eslint/eslint/issues/6125
-		var name;
-
-		for ( name in obj ) {
-			return false;
-		}
-		return true;
-	},
-
-	// Evaluates a script in a global context
-	globalEval: function( code ) {
-		DOMEval( code );
-	},
-
-	each: function( obj, callback ) {
-		var length, i = 0;
-
-		if ( isArrayLike( obj ) ) {
-			length = obj.length;
-			for ( ; i < length; i++ ) {
-				if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
-					break;
-				}
-			}
-		} else {
-			for ( i in obj ) {
-				if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
-					break;
-				}
-			}
-		}
-
-		return obj;
-	},
-
-	// Support: Android <=4.0 only
-	trim: function( text ) {
-		return text == null ?
-			"" :
-			( text + "" ).replace( rtrim, "" );
-	},
-
-	// results is for internal usage only
-	makeArray: function( arr, results ) {
-		var ret = results || [];
-
-		if ( arr != null ) {
-			if ( isArrayLike( Object( arr ) ) ) {
-				jQuery.merge( ret,
-					typeof arr === "string" ?
-					[ arr ] : arr
-				);
-			} else {
-				push.call( ret, arr );
-			}
-		}
-
-		return ret;
-	},
-
-	inArray: function( elem, arr, i ) {
-		return arr == null ? -1 : indexOf.call( arr, elem, i );
-	},
-
-	// Support: Android <=4.0 only, PhantomJS 1 only
-	// push.apply(_, arraylike) throws on ancient WebKit
-	merge: function( first, second ) {
-		var len = +second.length,
-			j = 0,
-			i = first.length;
-
-		for ( ; j < len; j++ ) {
-			first[ i++ ] = second[ j ];
-		}
-
-		first.length = i;
-
-		return first;
-	},
-
-	grep: function( elems, callback, invert ) {
-		var callbackInverse,
-			matches = [],
-			i = 0,
-			length = elems.length,
-			callbackExpect = !invert;
-
-		// Go through the array, only saving the items
-		// that pass the validator function
-		for ( ; i < length; i++ ) {
-			callbackInverse = !callback( elems[ i ], i );
-			if ( callbackInverse !== callbackExpect ) {
-				matches.push( elems[ i ] );
-			}
-		}
-
-		return matches;
-	},
-
-	// arg is for internal usage only
-	map: function( elems, callback, arg ) {
-		var length, value,
-			i = 0,
-			ret = [];
-
-		// Go through the array, translating each of the items to their new values
-		if ( isArrayLike( elems ) ) {
-			length = elems.length;
-			for ( ; i < length; i++ ) {
-				value = callback( elems[ i ], i, arg );
-
-				if ( value != null ) {
-					ret.push( value );
-				}
-			}
-
-		// Go through every key on the object,
-		} else {
-			for ( i in elems ) {
-				value = callback( elems[ i ], i, arg );
-
-				if ( value != null ) {
-					ret.push( value );
-				}
-			}
-		}
-
-		// Flatten any nested arrays
-		return concat.apply( [], ret );
-	},
-
-	// A global GUID counter for objects
-	guid: 1,
-
-	// jQuery.support is not used in Core but other projects attach their
-	// properties to it so it needs to exist.
-	support: support
-} );
-
-if ( typeof Symbol === "function" ) {
-	jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ];
-}
-
-// Populate the class2type map
-jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ),
-function( i, name ) {
-	class2type[ "[object " + name + "]" ] = name.toLowerCase();
-} );
-
-function isArrayLike( obj ) {
-
-	// Support: real iOS 8.2 only (not reproducible in simulator)
-	// `in` check used to prevent JIT error (gh-2145)
-	// hasOwn isn't used here due to false negatives
-	// regarding Nodelist length in IE
-	var length = !!obj && "length" in obj && obj.length,
-		type = toType( obj );
-
-	if ( isFunction( obj ) || isWindow( obj ) ) {
-		return false;
-	}
-
-	return type === "array" || length === 0 ||
-		typeof length === "number" && length > 0 && ( length - 1 ) in obj;
-}
-var Sizzle =
-/*!
- * Sizzle CSS Selector Engine v2.3.3
- * https://sizzlejs.com/
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license
- * http://jquery.org/license
- *
- * Date: 2016-08-08
- */
-(function( window ) {
-
-var i,
-	support,
-	Expr,
-	getText,
-	isXML,
-	tokenize,
-	compile,
-	select,
-	outermostContext,
-	sortInput,
-	hasDuplicate,
-
-	// Local document vars
-	setDocument,
-	document,
-	docElem,
-	documentIsHTML,
-	rbuggyQSA,
-	rbuggyMatches,
-	matches,
-	contains,
-
-	// Instance-specific data
-	expando = "sizzle" + 1 * new Date(),
-	preferredDoc = window.document,
-	dirruns = 0,
-	done = 0,
-	classCache = createCache(),
-	tokenCache = createCache(),
-	compilerCache = createCache(),
-	sortOrder = function( a, b ) {
-		if ( a === b ) {
-			hasDuplicate = true;
-		}
-		return 0;
-	},
-
-	// Instance methods
-	hasOwn = ({}).hasOwnProperty,
-	arr = [],
-	pop = arr.pop,
-	push_native = arr.push,
-	push = arr.push,
-	slice = arr.slice,
-	// Use a stripped-down indexOf as it's faster than native
-	// https://jsperf.com/thor-indexof-vs-for/5
-	indexOf = function( list, elem ) {
-		var i = 0,
-			len = list.length;
-		for ( ; i < len; i++ ) {
-			if ( list[i] === elem ) {
-				return i;
-			}
-		}
-		return -1;
-	},
-
-	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
-
-	// Regular expressions
-
-	// http://www.w3.org/TR/css3-selectors/#whitespace
-	whitespace = "[\\x20\\t\\r\\n\\f]",
-
-	// http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
-	identifier = "(?:\\\\.|[\\w-]|[^\0-\\xa0])+",
-
-	// Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
-	attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace +
-		// Operator (capture 2)
-		"*([*^$|!~]?=)" + whitespace +
-		// "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
-		"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace +
-		"*\\]",
-
-	pseudos = ":(" + identifier + ")(?:\\((" +
-		// To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
-		// 1. quoted (capture 3; capture 4 or capture 5)
-		"('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
-		// 2. simple (capture 6)
-		"((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
-		// 3. anything else (capture 2)
-		".*" +
-		")\\)|)",
-
-	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
-	rwhitespace = new RegExp( whitespace + "+", "g" ),
-	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
-
-	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
-	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
-
-	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ),
-
-	rpseudo = new RegExp( pseudos ),
-	ridentifier = new RegExp( "^" + identifier + "$" ),
-
-	matchExpr = {
-		"ID": new RegExp( "^#(" + identifier + ")" ),
-		"CLASS": new RegExp( "^\\.(" + identifier + ")" ),
-		"TAG": new RegExp( "^(" + identifier + "|[*])" ),
-		"ATTR": new RegExp( "^" + attributes ),
-		"PSEUDO": new RegExp( "^" + pseudos ),
-		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
-			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
-			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
-		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
-		// For use in libraries implementing .is()
-		// We use this for POS matching in `select`
-		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
-			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
-	},
-
-	rinputs = /^(?:input|select|textarea|button)$/i,
-	rheader = /^h\d$/i,
-
-	rnative = /^[^{]+\{\s*\[native \w/,
-
-	// Easily-parseable/retrievable ID or TAG or CLASS selectors
-	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
-
-	rsibling = /[+~]/,
-
-	// CSS escapes
-	// http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
-	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
-	funescape = function( _, escaped, escapedWhitespace ) {
-		var high = "0x" + escaped - 0x10000;
-		// NaN means non-codepoint
-		// Support: Firefox<24
-		// Workaround erroneous numeric interpretation of +"0x"
-		return high !== high || escapedWhitespace ?
-			escaped :
-			high < 0 ?
-				// BMP codepoint
-				String.fromCharCode( high + 0x10000 ) :
-				// Supplemental Plane codepoint (surrogate pair)
-				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
-	},
-
-	// CSS string/identifier serialization
-	// https://drafts.csswg.org/cssom/#common-serializing-idioms
-	rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
-	fcssescape = function( ch, asCodePoint ) {
-		if ( asCodePoint ) {
-
-			// U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
-			if ( ch === "\0" ) {
-				return "\uFFFD";
-			}
-
-			// Control characters and (dependent upon position) numbers get escaped as code points
-			return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " ";
-		}
-
-		// Other potentially-special ASCII characters get backslash-escaped
-		return "\\" + ch;
-	},
-
-	// Used for iframes
-	// See setDocument()
-	// Removing the function wrapper causes a "Permission Denied"
-	// error in IE
-	unloadHandler = function() {
-		setDocument();
-	},
-
-	disabledAncestor = addCombinator(
-		function( elem ) {
-			return elem.disabled === true && ("form" in elem || "label" in elem);
-		},
-		{ dir: "parentNode", next: "legend" }
-	);
-
-// Optimize for push.apply( _, NodeList )
-try {
-	push.apply(
-		(arr = slice.call( preferredDoc.childNodes )),
-		preferredDoc.childNodes
-	);
-	// Support: Android<4.0
-	// Detect silently failing push.apply
-	arr[ preferredDoc.childNodes.length ].nodeType;
-} catch ( e ) {
-	push = { apply: arr.length ?
-
-		// Leverage slice if possible
-		function( target, els ) {
-			push_native.apply( target, slice.call(els) );
-		} :
-
-		// Support: IE<9
-		// Otherwise append directly
-		function( target, els ) {
-			var j = target.length,
-				i = 0;
-			// Can't trust NodeList.length
-			while ( (target[j++] = els[i++]) ) {}
-			target.length = j - 1;
-		}
-	};
-}
-
-function Sizzle( selector, context, results, seed ) {
-	var m, i, elem, nid, match, groups, newSelector,
-		newContext = context && context.ownerDocument,
-
-		// nodeType defaults to 9, since context defaults to document
-		nodeType = context ? context.nodeType : 9;
-
-	results = results || [];
-
-	// Return early from calls with invalid selector or context
-	if ( typeof selector !== "string" || !selector ||
-		nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) {
-
-		return results;
-	}
-
-	// Try to shortcut find operations (as opposed to filters) in HTML documents
-	if ( !seed ) {
-
-		if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
-			setDocument( context );
-		}
-		context = context || document;
-
-		if ( documentIsHTML ) {
-
-			// If the selector is sufficiently simple, try using a "get*By*" DOM method
-			// (excepting DocumentFragment context, where the methods don't exist)
-			if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) {
-
-				// ID selector
-				if ( (m = match[1]) ) {
-
-					// Document context
-					if ( nodeType === 9 ) {
-						if ( (elem = context.getElementById( m )) ) {
-
-							// Support: IE, Opera, Webkit
-							// TODO: identify versions
-							// getElementById can match elements by name instead of ID
-							if ( elem.id === m ) {
-								results.push( elem );
-								return results;
-							}
-						} else {
-							return results;
-						}
-
-					// Element context
-					} else {
-
-						// Support: IE, Opera, Webkit
-						// TODO: identify versions
-						// getElementById can match elements by name instead of ID
-						if ( newContext && (elem = newContext.getElementById( m )) &&
-							contains( context, elem ) &&
-							elem.id === m ) {
-
-							results.push( elem );
-							return results;
-						}
-					}
-
-				// Type selector
-				} else if ( match[2] ) {
-					push.apply( results, context.getElementsByTagName( selector ) );
-					return results;
-
-				// Class selector
-				} else if ( (m = match[3]) && support.getElementsByClassName &&
-					context.getElementsByClassName ) {
-
-					push.apply( results, context.getElementsByClassName( m ) );
-					return results;
-				}
-			}
-
-			// Take advantage of querySelectorAll
-			if ( support.qsa &&
-				!compilerCache[ selector + " " ] &&
-				(!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
-
-				if ( nodeType !== 1 ) {
-					newContext = context;
-					newSelector = selector;
-
-				// qSA looks outside Element context, which is not what we want
-				// Thanks to Andrew Dupont for this workaround technique
-				// Support: IE <=8
-				// Exclude object elements
-				} else if ( context.nodeName.toLowerCase() !== "object" ) {
-
-					// Capture the context ID, setting it first if necessary
-					if ( (nid = context.getAttribute( "id" )) ) {
-						nid = nid.replace( rcssescape, fcssescape );
-					} else {
-						context.setAttribute( "id", (nid = expando) );
-					}
-
-					// Prefix every selector in the list
-					groups = tokenize( selector );
-					i = groups.length;
-					while ( i-- ) {
-						groups[i] = "#" + nid + " " + toSelector( groups[i] );
-					}
-					newSelector = groups.join( "," );
-
-					// Expand context for sibling selectors
-					newContext = rsibling.test( selector ) && testContext( context.parentNode ) ||
-						context;
-				}
-
-				if ( newSelector ) {
-					try {
-						push.apply( results,
-							newContext.querySelectorAll( newSelector )
-						);
-						return results;
-					} catch ( qsaError ) {
-					} finally {
-						if ( nid === expando ) {
-							context.removeAttribute( "id" );
-						}
-					}
-				}
-			}
-		}
-	}
-
-	// All others
-	return select( selector.replace( rtrim, "$1" ), context, results, seed );
-}
-
-/**
- * Create key-value caches of limited size
- * @returns {function(string, object)} Returns the Object data after storing it on itself with
- *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
- *	deleting the oldest entry
- */
-function createCache() {
-	var keys = [];
-
-	function cache( key, value ) {
-		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
-		if ( keys.push( key + " " ) > Expr.cacheLength ) {
-			// Only keep the most recent entries
-			delete cache[ keys.shift() ];
-		}
-		return (cache[ key + " " ] = value);
-	}
-	return cache;
-}
-
-/**
- * Mark a function for special use by Sizzle
- * @param {Function} fn The function to mark
- */
-function markFunction( fn ) {
-	fn[ expando ] = true;
-	return fn;
-}
-
-/**
- * Support testing using an element
- * @param {Function} fn Passed the created element and returns a boolean result
- */
-function assert( fn ) {
-	var el = document.createElement("fieldset");
-
-	try {
-		return !!fn( el );
-	} catch (e) {
-		return false;
-	} finally {
-		// Remove from its parent by default
-		if ( el.parentNode ) {
-			el.parentNode.removeChild( el );
-		}
-		// release memory in IE
-		el = null;
-	}
-}
-
-/**
- * Adds the same handler for all of the specified attrs
- * @param {String} attrs Pipe-separated list of attributes
- * @param {Function} handler The method that will be applied
- */
-function addHandle( attrs, handler ) {
-	var arr = attrs.split("|"),
-		i = arr.length;
-
-	while ( i-- ) {
-		Expr.attrHandle[ arr[i] ] = handler;
-	}
-}
-
-/**
- * Checks document order of two siblings
- * @param {Element} a
- * @param {Element} b
- * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
- */
-function siblingCheck( a, b ) {
-	var cur = b && a,
-		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
-			a.sourceIndex - b.sourceIndex;
-
-	// Use IE sourceIndex if available on both nodes
-	if ( diff ) {
-		return diff;
-	}
-
-	// Check if b follows a
-	if ( cur ) {
-		while ( (cur = cur.nextSibling) ) {
-			if ( cur === b ) {
-				return -1;
-			}
-		}
-	}
-
-	return a ? 1 : -1;
-}
-
-/**
- * Returns a function to use in pseudos for input types
- * @param {String} type
- */
-function createInputPseudo( type ) {
-	return function( elem ) {
-		var name = elem.nodeName.toLowerCase();
-		return name === "input" && elem.type === type;
-	};
-}
-
-/**
- * Returns a function to use in pseudos for buttons
- * @param {String} type
- */
-function createButtonPseudo( type ) {
-	return function( elem ) {
-		var name = elem.nodeName.toLowerCase();
-		return (name === "input" || name === "button") && elem.type === type;
-	};
-}
-
-/**
- * Returns a function to use in pseudos for :enabled/:disabled
- * @param {Boolean} disabled true for :disabled; false for :enabled
- */
-function createDisabledPseudo( disabled ) {
-
-	// Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable
-	return function( elem ) {
-
-		// Only certain elements can match :enabled or :disabled
-		// https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled
-		// https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled
-		if ( "form" in elem ) {
-
-			// Check for inherited disabledness on relevant non-disabled elements:
-			// * listed form-associated elements in a disabled fieldset
-			//   https://html.spec.whatwg.org/multipage/forms.html#category-listed
-			//   https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled
-			// * option elements in a disabled optgroup
-			//   https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled
-			// All such elements have a "form" property.
-			if ( elem.parentNode && elem.disabled === false ) {
-
-				// Option elements defer to a parent optgroup if present
-				if ( "label" in elem ) {
-					if ( "label" in elem.parentNode ) {
-						return elem.parentNode.disabled === disabled;
-					} else {
-						return elem.disabled === disabled;
-					}
-				}
-
-				// Support: IE 6 - 11
-				// Use the isDisabled shortcut property to check for disabled fieldset ancestors
-				return elem.isDisabled === disabled ||
-
-					// Where there is no isDisabled, check manually
-					/* jshint -W018 */
-					elem.isDisabled !== !disabled &&
-						disabledAncestor( elem ) === disabled;
-			}
-
-			return elem.disabled === disabled;
-
-		// Try to winnow out elements that can't be disabled before trusting the disabled property.
-		// Some victims get caught in our net (label, legend, menu, track), but it shouldn't
-		// even exist on them, let alone have a boolean value.
-		} else if ( "label" in elem ) {
-			return elem.disabled === disabled;
-		}
-
-		// Remaining elements are neither :enabled nor :disabled
-		return false;
-	};
-}
-
-/**
- * Returns a function to use in pseudos for positionals
- * @param {Function} fn
- */
-function createPositionalPseudo( fn ) {
-	return markFunction(function( argument ) {
-		argument = +argument;
-		return markFunction(function( seed, matches ) {
-			var j,
-				matchIndexes = fn( [], seed.length, argument ),
-				i = matchIndexes.length;
-
-			// Match elements found at the specified indexes
-			while ( i-- ) {
-				if ( seed[ (j = matchIndexes[i]) ] ) {
-					seed[j] = !(matches[j] = seed[j]);
-				}
-			}
-		});
-	});
-}
-
-/**
- * Checks a node for validity as a Sizzle context
- * @param {Element|Object=} context
- * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
- */
-function testContext( context ) {
-	return context && typeof context.getElementsByTagName !== "undefined" && context;
-}
-
-// Expose support vars for convenience
-support = Sizzle.support = {};
-
-/**
- * Detects XML nodes
- * @param {Element|Object} elem An element or a document
- * @returns {Boolean} True iff elem is a non-HTML XML node
- */
-isXML = Sizzle.isXML = function( elem ) {
-	// documentElement is verified for cases where it doesn't yet exist
-	// (such as loading iframes in IE - #4833)
-	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
-	return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
-
-/**
- * Sets document-related variables once based on the current document
- * @param {Element|Object} [doc] An element or document object to use to set the document
- * @returns {Object} Returns the current document
- */
-setDocument = Sizzle.setDocument = function( node ) {
-	var hasCompare, subWindow,
-		doc = node ? node.ownerDocument || node : preferredDoc;
-
-	// Return early if doc is invalid or already selected
-	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
-		return document;
-	}
-
-	// Update global variables
-	document = doc;
-	docElem = document.documentElement;
-	documentIsHTML = !isXML( document );
-
-	// Support: IE 9-11, Edge
-	// Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936)
-	if ( preferredDoc !== document &&
-		(subWindow = document.defaultView) && subWindow.top !== subWindow ) {
-
-		// Support: IE 11, Edge
-		if ( subWindow.addEventListener ) {
-			subWindow.addEventListener( "unload", unloadHandler, false );
-
-		// Support: IE 9 - 10 only
-		} else if ( subWindow.attachEvent ) {
-			subWindow.attachEvent( "onunload", unloadHandler );
-		}
-	}
-
-	/* Attributes
-	---------------------------------------------------------------------- */
-
-	// Support: IE<8
-	// Verify that getAttribute really returns attributes and not properties
-	// (excepting IE8 booleans)
-	support.attributes = assert(function( el ) {
-		el.className = "i";
-		return !el.getAttribute("className");
-	});
-
-	/* getElement(s)By*
-	---------------------------------------------------------------------- */
-
-	// Check if getElementsByTagName("*") returns only elements
-	support.getElementsByTagName = assert(function( el ) {
-		el.appendChild( document.createComment("") );
-		return !el.getElementsByTagName("*").length;
-	});
-
-	// Support: IE<9
-	support.getElementsByClassName = rnative.test( document.getElementsByClassName );
-
-	// Support: IE<10
-	// Check if getElementById returns elements by name
-	// The broken getElementById methods don't pick up programmatically-set names,
-	// so use a roundabout getElementsByName test
-	support.getById = assert(function( el ) {
-		docElem.appendChild( el ).id = expando;
-		return !document.getElementsByName || !document.getElementsByName( expando ).length;
-	});
-
-	// ID filter and find
-	if ( support.getById ) {
-		Expr.filter["ID"] = function( id ) {
-			var attrId = id.replace( runescape, funescape );
-			return function( elem ) {
-				return elem.getAttribute("id") === attrId;
-			};
-		};
-		Expr.find["ID"] = function( id, context ) {
-			if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
-				var elem = context.getElementById( id );
-				return elem ? [ elem ] : [];
-			}
-		};
-	} else {
-		Expr.filter["ID"] =  function( id ) {
-			var attrId = id.replace( runescape, funescape );
-			return function( elem ) {
-				var node = typeof elem.getAttributeNode !== "undefined" &&
-					elem.getAttributeNode("id");
-				return node && node.value === attrId;
-			};
-		};
-
-		// Support: IE 6 - 7 only
-		// getElementById is not reliable as a find shortcut
-		Expr.find["ID"] = function( id, context ) {
-			if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
-				var node, i, elems,
-					elem = context.getElementById( id );
-
-				if ( elem ) {
-
-					// Verify the id attribute
-					node = elem.getAttributeNode("id");
-					if ( node && node.value === id ) {
-						return [ elem ];
-					}
-
-					// Fall back on getElementsByName
-					elems = context.getElementsByName( id );
-					i = 0;
-					while ( (elem = elems[i++]) ) {
-						node = elem.getAttributeNode("id");
-						if ( node && node.value === id ) {
-							return [ elem ];
-						}
-					}
-				}
-
-				return [];
-			}
-		};
-	}
-
-	// Tag
-	Expr.find["TAG"] = support.getElementsByTagName ?
-		function( tag, context ) {
-			if ( typeof context.getElementsByTagName !== "undefined" ) {
-				return context.getElementsByTagName( tag );
-
-			// DocumentFragment nodes don't have gEBTN
-			} else if ( support.qsa ) {
-				return context.querySelectorAll( tag );
-			}
-		} :
-
-		function( tag, context ) {
-			var elem,
-				tmp = [],
-				i = 0,
-				// By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too
-				results = context.getElementsByTagName( tag );
-
-			// Filter out possible comments
-			if ( tag === "*" ) {
-				while ( (elem = results[i++]) ) {
-					if ( elem.nodeType === 1 ) {
-						tmp.push( elem );
-					}
-				}
-
-				return tmp;
-			}
-			return results;
-		};
-
-	// Class
-	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
-		if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) {
-			return context.getElementsByClassName( className );
-		}
-	};
-
-	/* QSA/matchesSelector
-	---------------------------------------------------------------------- */
-
-	// QSA and matchesSelector support
-
-	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
-	rbuggyMatches = [];
-
-	// qSa(:focus) reports false when true (Chrome 21)
-	// We allow this because of a bug in IE8/9 that throws an error
-	// whenever `document.activeElement` is accessed on an iframe
-	// So, we allow :focus to pass through QSA all the time to avoid the IE error
-	// See https://bugs.jquery.com/ticket/13378
-	rbuggyQSA = [];
-
-	if ( (support.qsa = rnative.test( document.querySelectorAll )) ) {
-		// Build QSA regex
-		// Regex strategy adopted from Diego Perini
-		assert(function( el ) {
-			// Select is set to empty string on purpose
-			// This is to test IE's treatment of not explicitly
-			// setting a boolean content attribute,
-			// since its presence should be enough
-			// https://bugs.jquery.com/ticket/12359
-			docElem.appendChild( el ).innerHTML = "<a id='" + expando + "'></a>" +
-				"<select id='" + expando + "-\r\\' msallowcapture=''>" +
-				"<option selected=''></option></select>";
-
-			// Support: IE8, Opera 11-12.16
-			// Nothing should be selected when empty strings follow ^= or $= or *=
-			// The test attribute must be unknown in Opera but "safe" for WinRT
-			// https://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
-			if ( el.querySelectorAll("[msallowcapture^='']").length ) {
-				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
-			}
-
-			// Support: IE8
-			// Boolean attributes and "value" are not treated correctly
-			if ( !el.querySelectorAll("[selected]").length ) {
-				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
-			}
-
-			// Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+
-			if ( !el.querySelectorAll( "[id~=" + expando + "-]" ).length ) {
-				rbuggyQSA.push("~=");
-			}
-
-			// Webkit/Opera - :checked should return selected option elements
-			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
-			// IE8 throws error here and will not see later tests
-			if ( !el.querySelectorAll(":checked").length ) {
-				rbuggyQSA.push(":checked");
-			}
-
-			// Support: Safari 8+, iOS 8+
-			// https://bugs.webkit.org/show_bug.cgi?id=136851
-			// In-page `selector#id sibling-combinator selector` fails
-			if ( !el.querySelectorAll( "a#" + expando + "+*" ).length ) {
-				rbuggyQSA.push(".#.+[+~]");
-			}
-		});
-
-		assert(function( el ) {
-			el.innerHTML = "<a href='' disabled='disabled'></a>" +
-				"<select disabled='disabled'><option/></select>";
-
-			// Support: Windows 8 Native Apps
-			// The type and name attributes are restricted during .innerHTML assignment
-			var input = document.createElement("input");
-			input.setAttribute( "type", "hidden" );
-			el.appendChild( input ).setAttribute( "name", "D" );
-
-			// Support: IE8
-			// Enforce case-sensitivity of name attribute
-			if ( el.querySelectorAll("[name=d]").length ) {
-				rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" );
-			}
-
-			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
-			// IE8 throws error here and will not see later tests
-			if ( el.querySelectorAll(":enabled").length !== 2 ) {
-				rbuggyQSA.push( ":enabled", ":disabled" );
-			}
-
-			// Support: IE9-11+
-			// IE's :disabled selector does not pick up the children of disabled fieldsets
-			docElem.appendChild( el ).disabled = true;
-			if ( el.querySelectorAll(":disabled").length !== 2 ) {
-				rbuggyQSA.push( ":enabled", ":disabled" );
-			}
-
-			// Opera 10-11 does not throw on post-comma invalid pseudos
-			el.querySelectorAll("*,:x");
-			rbuggyQSA.push(",.*:");
-		});
-	}
-
-	if ( (support.matchesSelector = rnative.test( (matches = docElem.matches ||
-		docElem.webkitMatchesSelector ||
-		docElem.mozMatchesSelector ||
-		docElem.oMatchesSelector ||
-		docElem.msMatchesSelector) )) ) {
-
-		assert(function( el ) {
-			// Check to see if it's possible to do matchesSelector
-			// on a disconnected node (IE 9)
-			support.disconnectedMatch = matches.call( el, "*" );
-
-			// This should fail with an exception
-			// Gecko does not error, returns false instead
-			matches.call( el, "[s!='']:x" );
-			rbuggyMatches.push( "!=", pseudos );
-		});
-	}
-
-	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
-	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
-
-	/* Contains
-	---------------------------------------------------------------------- */
-	hasCompare = rnative.test( docElem.compareDocumentPosition );
-
-	// Element contains another
-	// Purposefully self-exclusive
-	// As in, an element does not contain itself
-	contains = hasCompare || rnative.test( docElem.contains ) ?
-		function( a, b ) {
-			var adown = a.nodeType === 9 ? a.documentElement : a,
-				bup = b && b.parentNode;
-			return a === bup || !!( bup && bup.nodeType === 1 && (
-				adown.contains ?
-					adown.contains( bup ) :
-					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
-			));
-		} :
-		function( a, b ) {
-			if ( b ) {
-				while ( (b = b.parentNode) ) {
-					if ( b === a ) {
-						return true;
-					}
-				}
-			}
-			return false;
-		};
-
-	/* Sorting
-	---------------------------------------------------------------------- */
-
-	// Document order sorting
-	sortOrder = hasCompare ?
-	function( a, b ) {
-
-		// Flag for duplicate removal
-		if ( a === b ) {
-			hasDuplicate = true;
-			return 0;
-		}
-
-		// Sort on method existence if only one input has compareDocumentPosition
-		var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
-		if ( compare ) {
-			return compare;
-		}
-
-		// Calculate position if both inputs belong to the same document
-		compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ?
-			a.compareDocumentPosition( b ) :
-
-			// Otherwise we know they are disconnected
-			1;
-
-		// Disconnected nodes
-		if ( compare & 1 ||
-			(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
-
-			// Choose the first element that is related to our preferred document
-			if ( a === document || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) {
-				return -1;
-			}
-			if ( b === document || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) {
-				return 1;
-			}
-
-			// Maintain original order
-			return sortInput ?
-				( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
-				0;
-		}
-
-		return compare & 4 ? -1 : 1;
-	} :
-	function( a, b ) {
-		// Exit early if the nodes are identical
-		if ( a === b ) {
-			hasDuplicate = true;
-			return 0;
-		}
-
-		var cur,
-			i = 0,
-			aup = a.parentNode,
-			bup = b.parentNode,
-			ap = [ a ],
-			bp = [ b ];
-
-		// Parentless nodes are either documents or disconnected
-		if ( !aup || !bup ) {
-			return a === document ? -1 :
-				b === document ? 1 :
-				aup ? -1 :
-				bup ? 1 :
-				sortInput ?
-				( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
-				0;
-
-		// If the nodes are siblings, we can do a quick check
-		} else if ( aup === bup ) {
-			return siblingCheck( a, b );
-		}
-
-		// Otherwise we need full lists of their ancestors for comparison
-		cur = a;
-		while ( (cur = cur.parentNode) ) {
-			ap.unshift( cur );
-		}
-		cur = b;
-		while ( (cur = cur.parentNode) ) {
-			bp.unshift( cur );
-		}
-
-		// Walk down the tree looking for a discrepancy
-		while ( ap[i] === bp[i] ) {
-			i++;
-		}
-
-		return i ?
-			// Do a sibling check if the nodes have a common ancestor
-			siblingCheck( ap[i], bp[i] ) :
-
-			// Otherwise nodes in our document sort first
-			ap[i] === preferredDoc ? -1 :
-			bp[i] === preferredDoc ? 1 :
-			0;
-	};
-
-	return document;
-};
-
-Sizzle.matches = function( expr, elements ) {
-	return Sizzle( expr, null, null, elements );
-};
-
-Sizzle.matchesSelector = function( elem, expr ) {
-	// Set document vars if needed
-	if ( ( elem.ownerDocument || elem ) !== document ) {
-		setDocument( elem );
-	}
-
-	// Make sure that attribute selectors are quoted
-	expr = expr.replace( rattributeQuotes, "='$1']" );
-
-	if ( support.matchesSelector && documentIsHTML &&
-		!compilerCache[ expr + " " ] &&
-		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
-		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
-
-		try {
-			var ret = matches.call( elem, expr );
-
-			// IE 9's matchesSelector returns false on disconnected nodes
-			if ( ret || support.disconnectedMatch ||
-					// As well, disconnected nodes are said to be in a document
-					// fragment in IE 9
-					elem.document && elem.document.nodeType !== 11 ) {
-				return ret;
-			}
-		} catch (e) {}
-	}
-
-	return Sizzle( expr, document, null, [ elem ] ).length > 0;
-};
-
-Sizzle.contains = function( context, elem ) {
-	// Set document vars if needed
-	if ( ( context.ownerDocument || context ) !== document ) {
-		setDocument( context );
-	}
-	return contains( context, elem );
-};
-
-Sizzle.attr = function( elem, name ) {
-	// Set document vars if needed
-	if ( ( elem.ownerDocument || elem ) !== document ) {
-		setDocument( elem );
-	}
-
-	var fn = Expr.attrHandle[ name.toLowerCase() ],
-		// Don't get fooled by Object.prototype properties (jQuery #13807)
-		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
-			fn( elem, name, !documentIsHTML ) :
-			undefined;
-
-	return val !== undefined ?
-		val :
-		support.attributes || !documentIsHTML ?
-			elem.getAttribute( name ) :
-			(val = elem.getAttributeNode(name)) && val.specified ?
-				val.value :
-				null;
-};
-
-Sizzle.escape = function( sel ) {
-	return (sel + "").replace( rcssescape, fcssescape );
-};
-
-Sizzle.error = function( msg ) {
-	throw new Error( "Syntax error, unrecognized expression: " + msg );
-};
-
-/**
- * Document sorting and removing duplicates
- * @param {ArrayLike} results
- */
-Sizzle.uniqueSort = function( results ) {
-	var elem,
-		duplicates = [],
-		j = 0,
-		i = 0;
-
-	// Unless we *know* we can detect duplicates, assume their presence
-	hasDuplicate = !support.detectDuplicates;
-	sortInput = !support.sortStable && results.slice( 0 );
-	results.sort( sortOrder );
-
-	if ( hasDuplicate ) {
-		while ( (elem = results[i++]) ) {
-			if ( elem === results[ i ] ) {
-				j = duplicates.push( i );
-			}
-		}
-		while ( j-- ) {
-			results.splice( duplicates[ j ], 1 );
-		}
-	}
-
-	// Clear input after sorting to release objects
-	// See https://github.com/jquery/sizzle/pull/225
-	sortInput = null;
-
-	return results;
-};
-
-/**
- * Utility function for retrieving the text value of an array of DOM nodes
- * @param {Array|Element} elem
- */
-getText = Sizzle.getText = function( elem ) {
-	var node,
-		ret = "",
-		i = 0,
-		nodeType = elem.nodeType;
-
-	if ( !nodeType ) {
-		// If no nodeType, this is expected to be an array
-		while ( (node = elem[i++]) ) {
-			// Do not traverse comment nodes
-			ret += getText( node );
-		}
-	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
-		// Use textContent for elements
-		// innerText usage removed for consistency of new lines (jQuery #11153)
-		if ( typeof elem.textContent === "string" ) {
-			return elem.textContent;
-		} else {
-			// Traverse its children
-			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
-				ret += getText( elem );
-			}
-		}
-	} else if ( nodeType === 3 || nodeType === 4 ) {
-		return elem.nodeValue;
-	}
-	// Do not include comment or processing instruction nodes
-
-	return ret;
-};
-
-Expr = Sizzle.selectors = {
-
-	// Can be adjusted by the user
-	cacheLength: 50,
-
-	createPseudo: markFunction,
-
-	match: matchExpr,
-
-	attrHandle: {},
-
-	find: {},
-
-	relative: {
-		">": { dir: "parentNode", first: true },
-		" ": { dir: "parentNode" },
-		"+": { dir: "previousSibling", first: true },
-		"~": { dir: "previousSibling" }
-	},
-
-	preFilter: {
-		"ATTR": function( match ) {
-			match[1] = match[1].replace( runescape, funescape );
-
-			// Move the given value to match[3] whether quoted or unquoted
-			match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape );
-
-			if ( match[2] === "~=" ) {
-				match[3] = " " + match[3] + " ";
-			}
-
-			return match.slice( 0, 4 );
-		},
-
-		"CHILD": function( match ) {
-			/* matches from matchExpr["CHILD"]
-				1 type (only|nth|...)
-				2 what (child|of-type)
-				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
-				4 xn-component of xn+y argument ([+-]?\d*n|)
-				5 sign of xn-component
-				6 x of xn-component
-				7 sign of y-component
-				8 y of y-component
-			*/
-			match[1] = match[1].toLowerCase();
-
-			if ( match[1].slice( 0, 3 ) === "nth" ) {
-				// nth-* requires argument
-				if ( !match[3] ) {
-					Sizzle.error( match[0] );
-				}
-
-				// numeric x and y parameters for Expr.filter.CHILD
-				// remember that false/true cast respectively to 0/1
-				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
-				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
-
-			// other types prohibit arguments
-			} else if ( match[3] ) {
-				Sizzle.error( match[0] );
-			}
-
-			return match;
-		},
-
-		"PSEUDO": function( match ) {
-			var excess,
-				unquoted = !match[6] && match[2];
-
-			if ( matchExpr["CHILD"].test( match[0] ) ) {
-				return null;
-			}
-
-			// Accept quoted arguments as-is
-			if ( match[3] ) {
-				match[2] = match[4] || match[5] || "";
-
-			// Strip excess characters from unquoted arguments
-			} else if ( unquoted && rpseudo.test( unquoted ) &&
-				// Get excess from tokenize (recursively)
-				(excess = tokenize( unquoted, true )) &&
-				// advance to the next closing parenthesis
-				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
-
-				// excess is a negative index
-				match[0] = match[0].slice( 0, excess );
-				match[2] = unquoted.slice( 0, excess );
-			}
-
-			// Return only captures needed by the pseudo filter method (type and argument)
-			return match.slice( 0, 3 );
-		}
-	},
-
-	filter: {
-
-		"TAG": function( nodeNameSelector ) {
-			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
-			return nodeNameSelector === "*" ?
-				function() { return true; } :
-				function( elem ) {
-					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
-				};
-		},
-
-		"CLASS": function( className ) {
-			var pattern = classCache[ className + " " ];
-
-			return pattern ||
-				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
-				classCache( className, function( elem ) {
-					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" );
-				});
-		},
-
-		"ATTR": function( name, operator, check ) {
-			return function( elem ) {
-				var result = Sizzle.attr( elem, name );
-
-				if ( result == null ) {
-					return operator === "!=";
-				}
-				if ( !operator ) {
-					return true;
-				}
-
-				result += "";
-
-				return operator === "=" ? result === check :
-					operator === "!=" ? result !== check :
-					operator === "^=" ? check && result.indexOf( check ) === 0 :
-					operator === "*=" ? check && result.indexOf( check ) > -1 :
-					operator === "$=" ? check && result.slice( -check.length ) === check :
-					operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 :
-					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
-					false;
-			};
-		},
-
-		"CHILD": function( type, what, argument, first, last ) {
-			var simple = type.slice( 0, 3 ) !== "nth",
-				forward = type.slice( -4 ) !== "last",
-				ofType = what === "of-type";
-
-			return first === 1 && last === 0 ?
-
-				// Shortcut for :nth-*(n)
-				function( elem ) {
-					return !!elem.parentNode;
-				} :
-
-				function( elem, context, xml ) {
-					var cache, uniqueCache, outerCache, node, nodeIndex, start,
-						dir = simple !== forward ? "nextSibling" : "previousSibling",
-						parent = elem.parentNode,
-						name = ofType && elem.nodeName.toLowerCase(),
-						useCache = !xml && !ofType,
-						diff = false;
-
-					if ( parent ) {
-
-						// :(first|last|only)-(child|of-type)
-						if ( simple ) {
-							while ( dir ) {
-								node = elem;
-								while ( (node = node[ dir ]) ) {
-									if ( ofType ?
-										node.nodeName.toLowerCase() === name :
-										node.nodeType === 1 ) {
-
-										return false;
-									}
-								}
-								// Reverse direction for :only-* (if we haven't yet done so)
-								start = dir = type === "only" && !start && "nextSibling";
-							}
-							return true;
-						}
-
-						start = [ forward ? parent.firstChild : parent.lastChild ];
-
-						// non-xml :nth-child(...) stores cache data on `parent`
-						if ( forward && useCache ) {
-
-							// Seek `elem` from a previously-cached index
-
-							// ...in a gzip-friendly way
-							node = parent;
-							outerCache = node[ expando ] || (node[ expando ] = {});
-
-							// Support: IE <9 only
-							// Defend against cloned attroperties (jQuery gh-1709)
-							uniqueCache = outerCache[ node.uniqueID ] ||
-								(outerCache[ node.uniqueID ] = {});
-
-							cache = uniqueCache[ type ] || [];
-							nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
-							diff = nodeIndex && cache[ 2 ];
-							node = nodeIndex && parent.childNodes[ nodeIndex ];
-
-							while ( (node = ++nodeIndex && node && node[ dir ] ||
-
-								// Fallback to seeking `elem` from the start
-								(diff = nodeIndex = 0) || start.pop()) ) {
-
-								// When found, cache indexes on `parent` and break
-								if ( node.nodeType === 1 && ++diff && node === elem ) {
-									uniqueCache[ type ] = [ dirruns, nodeIndex, diff ];
-									break;
-								}
-							}
-
-						} else {
-							// Use previously-cached element index if available
-							if ( useCache ) {
-								// ...in a gzip-friendly way
-								node = elem;
-								outerCache = node[ expando ] || (node[ expando ] = {});
-
-								// Support: IE <9 only
-								// Defend against cloned attroperties (jQuery gh-1709)
-								uniqueCache = outerCache[ node.uniqueID ] ||
-									(outerCache[ node.uniqueID ] = {});
-
-								cache = uniqueCache[ type ] || [];
-								nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
-								diff = nodeIndex;
-							}
-
-							// xml :nth-child(...)
-							// or :nth-last-child(...) or :nth(-last)?-of-type(...)
-							if ( diff === false ) {
-								// Use the same loop as above to seek `elem` from the start
-								while ( (node = ++nodeIndex && node && node[ dir ] ||
-									(diff = nodeIndex = 0) || start.pop()) ) {
-
-									if ( ( ofType ?
-										node.nodeName.toLowerCase() === name :
-										node.nodeType === 1 ) &&
-										++diff ) {
-
-										// Cache the index of each encountered element
-										if ( useCache ) {
-											outerCache = node[ expando ] || (node[ expando ] = {});
-
-											// Support: IE <9 only
-											// Defend against cloned attroperties (jQuery gh-1709)
-											uniqueCache = outerCache[ node.uniqueID ] ||
-												(outerCache[ node.uniqueID ] = {});
-
-											uniqueCache[ type ] = [ dirruns, diff ];
-										}
-
-										if ( node === elem ) {
-											break;
-										}
-									}
-								}
-							}
-						}
-
-						// Incorporate the offset, then check against cycle size
-						diff -= last;
-						return diff === first || ( diff % first === 0 && diff / first >= 0 );
-					}
-				};
-		},
-
-		"PSEUDO": function( pseudo, argument ) {
-			// pseudo-class names are case-insensitive
-			// http://www.w3.org/TR/selectors/#pseudo-classes
-			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
-			// Remember that setFilters inherits from pseudos
-			var args,
-				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
-					Sizzle.error( "unsupported pseudo: " + pseudo );
-
-			// The user may use createPseudo to indicate that
-			// arguments are needed to create the filter function
-			// just as Sizzle does
-			if ( fn[ expando ] ) {
-				return fn( argument );
-			}
-
-			// But maintain support for old signatures
-			if ( fn.length > 1 ) {
-				args = [ pseudo, pseudo, "", argument ];
-				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
-					markFunction(function( seed, matches ) {
-						var idx,
-							matched = fn( seed, argument ),
-							i = matched.length;
-						while ( i-- ) {
-							idx = indexOf( seed, matched[i] );
-							seed[ idx ] = !( matches[ idx ] = matched[i] );
-						}
-					}) :
-					function( elem ) {
-						return fn( elem, 0, args );
-					};
-			}
-
-			return fn;
-		}
-	},
-
-	pseudos: {
-		// Potentially complex pseudos
-		"not": markFunction(function( selector ) {
-			// Trim the selector passed to compile
-			// to avoid treating leading and trailing
-			// spaces as combinators
-			var input = [],
-				results = [],
-				matcher = compile( selector.replace( rtrim, "$1" ) );
-
-			return matcher[ expando ] ?
-				markFunction(function( seed, matches, context, xml ) {
-					var elem,
-						unmatched = matcher( seed, null, xml, [] ),
-						i = seed.length;
-
-					// Match elements unmatched by `matcher`
-					while ( i-- ) {
-						if ( (elem = unmatched[i]) ) {
-							seed[i] = !(matches[i] = elem);
-						}
-					}
-				}) :
-				function( elem, context, xml ) {
-					input[0] = elem;
-					matcher( input, null, xml, results );
-					// Don't keep the element (issue #299)
-					input[0] = null;
-					return !results.pop();
-				};
-		}),
-
-		"has": markFunction(function( selector ) {
-			return function( elem ) {
-				return Sizzle( selector, elem ).length > 0;
-			};
-		}),
-
-		"contains": markFunction(function( text ) {
-			text = text.replace( runescape, funescape );
-			return function( elem ) {
-				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
-			};
-		}),
-
-		// "Whether an element is represented by a :lang() selector
-		// is based solely on the element's language value
-		// being equal to the identifier C,
-		// or beginning with the identifier C immediately followed by "-".
-		// The matching of C against the element's language value is performed case-insensitively.
-		// The identifier C does not have to be a valid language name."
-		// http://www.w3.org/TR/selectors/#lang-pseudo
-		"lang": markFunction( function( lang ) {
-			// lang value must be a valid identifier
-			if ( !ridentifier.test(lang || "") ) {
-				Sizzle.error( "unsupported lang: " + lang );
-			}
-			lang = lang.replace( runescape, funescape ).toLowerCase();
-			return function( elem ) {
-				var elemLang;
-				do {
-					if ( (elemLang = documentIsHTML ?
-						elem.lang :
-						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
-
-						elemLang = elemLang.toLowerCase();
-						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
-					}
-				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
-				return false;
-			};
-		}),
-
-		// Miscellaneous
-		"target": function( elem ) {
-			var hash = window.location && window.location.hash;
-			return hash && hash.slice( 1 ) === elem.id;
-		},
-
-		"root": function( elem ) {
-			return elem === docElem;
-		},
-
-		"focus": function( elem ) {
-			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
-		},
-
-		// Boolean properties
-		"enabled": createDisabledPseudo( false ),
-		"disabled": createDisabledPseudo( true ),
-
-		"checked": function( elem ) {
-			// In CSS3, :checked should return both checked and selected elements
-			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
-			var nodeName = elem.nodeName.toLowerCase();
-			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
-		},
-
-		"selected": function( elem ) {
-			// Accessing this property makes selected-by-default
-			// options in Safari work properly
-			if ( elem.parentNode ) {
-				elem.parentNode.selectedIndex;
-			}
-
-			return elem.selected === true;
-		},
-
-		// Contents
-		"empty": function( elem ) {
-			// http://www.w3.org/TR/selectors/#empty-pseudo
-			// :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
-			//   but not by others (comment: 8; processing instruction: 7; etc.)
-			// nodeType < 6 works because attributes (2) do not appear as children
-			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
-				if ( elem.nodeType < 6 ) {
-					return false;
-				}
-			}
-			return true;
-		},
-
-		"parent": function( elem ) {
-			return !Expr.pseudos["empty"]( elem );
-		},
-
-		// Element/input types
-		"header": function( elem ) {
-			return rheader.test( elem.nodeName );
-		},
-
-		"input": function( elem ) {
-			return rinputs.test( elem.nodeName );
-		},
-
-		"button": function( elem ) {
-			var name = elem.nodeName.toLowerCase();
-			return name === "input" && elem.type === "button" || name === "button";
-		},
-
-		"text": function( elem ) {
-			var attr;
-			return elem.nodeName.toLowerCase() === "input" &&
-				elem.type === "text" &&
-
-				// Support: IE<8
-				// New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
-				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" );
-		},
-
-		// Position-in-collection
-		"first": createPositionalPseudo(function() {
-			return [ 0 ];
-		}),
-
-		"last": createPositionalPseudo(function( matchIndexes, length ) {
-			return [ length - 1 ];
-		}),
-
-		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			return [ argument < 0 ? argument + length : argument ];
-		}),
-
-		"even": createPositionalPseudo(function( matchIndexes, length ) {
-			var i = 0;
-			for ( ; i < length; i += 2 ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		}),
-
-		"odd": createPositionalPseudo(function( matchIndexes, length ) {
-			var i = 1;
-			for ( ; i < length; i += 2 ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		}),
-
-		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			var i = argument < 0 ? argument + length : argument;
-			for ( ; --i >= 0; ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		}),
-
-		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			var i = argument < 0 ? argument + length : argument;
-			for ( ; ++i < length; ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		})
-	}
-};
-
-Expr.pseudos["nth"] = Expr.pseudos["eq"];
-
-// Add button/input type pseudos
-for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
-	Expr.pseudos[ i ] = createInputPseudo( i );
-}
-for ( i in { submit: true, reset: true } ) {
-	Expr.pseudos[ i ] = createButtonPseudo( i );
-}
-
-// Easy API for creating new setFilters
-function setFilters() {}
-setFilters.prototype = Expr.filters = Expr.pseudos;
-Expr.setFilters = new setFilters();
-
-tokenize = Sizzle.tokenize = function( selector, parseOnly ) {
-	var matched, match, tokens, type,
-		soFar, groups, preFilters,
-		cached = tokenCache[ selector + " " ];
-
-	if ( cached ) {
-		return parseOnly ? 0 : cached.slice( 0 );
-	}
-
-	soFar = selector;
-	groups = [];
-	preFilters = Expr.preFilter;
-
-	while ( soFar ) {
-
-		// Comma and first run
-		if ( !matched || (match = rcomma.exec( soFar )) ) {
-			if ( match ) {
-				// Don't consume trailing commas as valid
-				soFar = soFar.slice( match[0].length ) || soFar;
-			}
-			groups.push( (tokens = []) );
-		}
-
-		matched = false;
-
-		// Combinators
-		if ( (match = rcombinators.exec( soFar )) ) {
-			matched = match.shift();
-			tokens.push({
-				value: matched,
-				// Cast descendant combinators to space
-				type: match[0].replace( rtrim, " " )
-			});
-			soFar = soFar.slice( matched.length );
-		}
-
-		// Filters
-		for ( type in Expr.filter ) {
-			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
-				(match = preFilters[ type ]( match ))) ) {
-				matched = match.shift();
-				tokens.push({
-					value: matched,
-					type: type,
-					matches: match
-				});
-				soFar = soFar.slice( matched.length );
-			}
-		}
-
-		if ( !matched ) {
-			break;
-		}
-	}
-
-	// Return the length of the invalid excess
-	// if we're just parsing
-	// Otherwise, throw an error or return tokens
-	return parseOnly ?
-		soFar.length :
-		soFar ?
-			Sizzle.error( selector ) :
-			// Cache the tokens
-			tokenCache( selector, groups ).slice( 0 );
-};
-
-function toSelector( tokens ) {
-	var i = 0,
-		len = tokens.length,
-		selector = "";
-	for ( ; i < len; i++ ) {
-		selector += tokens[i].value;
-	}
-	return selector;
-}
-
-function addCombinator( matcher, combinator, base ) {
-	var dir = combinator.dir,
-		skip = combinator.next,
-		key = skip || dir,
-		checkNonElements = base && key === "parentNode",
-		doneName = done++;
-
-	return combinator.first ?
-		// Check against closest ancestor/preceding element
-		function( elem, context, xml ) {
-			while ( (elem = elem[ dir ]) ) {
-				if ( elem.nodeType === 1 || checkNonElements ) {
-					return matcher( elem, context, xml );
-				}
-			}
-			return false;
-		} :
-
-		// Check against all ancestor/preceding elements
-		function( elem, context, xml ) {
-			var oldCache, uniqueCache, outerCache,
-				newCache = [ dirruns, doneName ];
-
-			// We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching
-			if ( xml ) {
-				while ( (elem = elem[ dir ]) ) {
-					if ( elem.nodeType === 1 || checkNonElements ) {
-						if ( matcher( elem, context, xml ) ) {
-							return true;
-						}
-					}
-				}
-			} else {
-				while ( (elem = elem[ dir ]) ) {
-					if ( elem.nodeType === 1 || checkNonElements ) {
-						outerCache = elem[ expando ] || (elem[ expando ] = {});
-
-						// Support: IE <9 only
-						// Defend against cloned attroperties (jQuery gh-1709)
-						uniqueCache = outerCache[ elem.uniqueID ] || (outerCache[ elem.uniqueID ] = {});
-
-						if ( skip && skip === elem.nodeName.toLowerCase() ) {
-							elem = elem[ dir ] || elem;
-						} else if ( (oldCache = uniqueCache[ key ]) &&
-							oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
-
-							// Assign to newCache so results back-propagate to previous elements
-							return (newCache[ 2 ] = oldCache[ 2 ]);
-						} else {
-							// Reuse newcache so results back-propagate to previous elements
-							uniqueCache[ key ] = newCache;
-
-							// A match means we're done; a fail means we have to keep checking
-							if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) {
-								return true;
-							}
-						}
-					}
-				}
-			}
-			return false;
-		};
-}
-
-function elementMatcher( matchers ) {
-	return matchers.length > 1 ?
-		function( elem, context, xml ) {
-			var i = matchers.length;
-			while ( i-- ) {
-				if ( !matchers[i]( elem, context, xml ) ) {
-					return false;
-				}
-			}
-			return true;
-		} :
-		matchers[0];
-}
-
-function multipleContexts( selector, contexts, results ) {
-	var i = 0,
-		len = contexts.length;
-	for ( ; i < len; i++ ) {
-		Sizzle( selector, contexts[i], results );
-	}
-	return results;
-}
-
-function condense( unmatched, map, filter, context, xml ) {
-	var elem,
-		newUnmatched = [],
-		i = 0,
-		len = unmatched.length,
-		mapped = map != null;
-
-	for ( ; i < len; i++ ) {
-		if ( (elem = unmatched[i]) ) {
-			if ( !filter || filter( elem, context, xml ) ) {
-				newUnmatched.push( elem );
-				if ( mapped ) {
-					map.push( i );
-				}
-			}
-		}
-	}
-
-	return newUnmatched;
-}
-
-function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
-	if ( postFilter && !postFilter[ expando ] ) {
-		postFilter = setMatcher( postFilter );
-	}
-	if ( postFinder && !postFinder[ expando ] ) {
-		postFinder = setMatcher( postFinder, postSelector );
-	}
-	return markFunction(function( seed, results, context, xml ) {
-		var temp, i, elem,
-			preMap = [],
-			postMap = [],
-			preexisting = results.length,
-
-			// Get initial elements from seed or context
-			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
-
-			// Prefilter to get matcher input, preserving a map for seed-results synchronization
-			matcherIn = preFilter && ( seed || !selector ) ?
-				condense( elems, preMap, preFilter, context, xml ) :
-				elems,
-
-			matcherOut = matcher ?
-				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
-				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
-
-					// ...intermediate processing is necessary
-					[] :
-
-					// ...otherwise use results directly
-					results :
-				matcherIn;
-
-		// Find primary matches
-		if ( matcher ) {
-			matcher( matcherIn, matcherOut, context, xml );
-		}
-
-		// Apply postFilter
-		if ( postFilter ) {
-			temp = condense( matcherOut, postMap );
-			postFilter( temp, [], context, xml );
-
-			// Un-match failing elements by moving them back to matcherIn
-			i = temp.length;
-			while ( i-- ) {
-				if ( (elem = temp[i]) ) {
-					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
-				}
-			}
-		}
-
-		if ( seed ) {
-			if ( postFinder || preFilter ) {
-				if ( postFinder ) {
-					// Get the final matcherOut by condensing this intermediate into postFinder contexts
-					temp = [];
-					i = matcherOut.length;
-					while ( i-- ) {
-						if ( (elem = matcherOut[i]) ) {
-							// Restore matcherIn since elem is not yet a final match
-							temp.push( (matcherIn[i] = elem) );
-						}
-					}
-					postFinder( null, (matcherOut = []), temp, xml );
-				}
-
-				// Move matched elements from seed to results to keep them synchronized
-				i = matcherOut.length;
-				while ( i-- ) {
-					if ( (elem = matcherOut[i]) &&
-						(temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) {
-
-						seed[temp] = !(results[temp] = elem);
-					}
-				}
-			}
-
-		// Add elements to results, through postFinder if defined
-		} else {
-			matcherOut = condense(
-				matcherOut === results ?
-					matcherOut.splice( preexisting, matcherOut.length ) :
-					matcherOut
-			);
-			if ( postFinder ) {
-				postFinder( null, results, matcherOut, xml );
-			} else {
-				push.apply( results, matcherOut );
-			}
-		}
-	});
-}
-
-function matcherFromTokens( tokens ) {
-	var checkContext, matcher, j,
-		len = tokens.length,
-		leadingRelative = Expr.relative[ tokens[0].type ],
-		implicitRelative = leadingRelative || Expr.relative[" "],
-		i = leadingRelative ? 1 : 0,
-
-		// The foundational matcher ensures that elements are reachable from top-level context(s)
-		matchContext = addCombinator( function( elem ) {
-			return elem === checkContext;
-		}, implicitRelative, true ),
-		matchAnyContext = addCombinator( function( elem ) {
-			return indexOf( checkContext, elem ) > -1;
-		}, implicitRelative, true ),
-		matchers = [ function( elem, context, xml ) {
-			var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
-				(checkContext = context).nodeType ?
-					matchContext( elem, context, xml ) :
-					matchAnyContext( elem, context, xml ) );
-			// Avoid hanging onto element (issue #299)
-			checkContext = null;
-			return ret;
-		} ];
-
-	for ( ; i < len; i++ ) {
-		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
-			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
-		} else {
-			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
-
-			// Return special upon seeing a positional matcher
-			if ( matcher[ expando ] ) {
-				// Find the next relative operator (if any) for proper handling
-				j = ++i;
-				for ( ; j < len; j++ ) {
-					if ( Expr.relative[ tokens[j].type ] ) {
-						break;
-					}
-				}
-				return setMatcher(
-					i > 1 && elementMatcher( matchers ),
-					i > 1 && toSelector(
-						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
-						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
-					).replace( rtrim, "$1" ),
-					matcher,
-					i < j && matcherFromTokens( tokens.slice( i, j ) ),
-					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
-					j < len && toSelector( tokens )
-				);
-			}
-			matchers.push( matcher );
-		}
-	}
-
-	return elementMatcher( matchers );
-}
-
-function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
-	var bySet = setMatchers.length > 0,
-		byElement = elementMatchers.length > 0,
-		superMatcher = function( seed, context, xml, results, outermost ) {
-			var elem, j, matcher,
-				matchedCount = 0,
-				i = "0",
-				unmatched = seed && [],
-				setMatched = [],
-				contextBackup = outermostContext,
-				// We must always have either seed elements or outermost context
-				elems = seed || byElement && Expr.find["TAG"]( "*", outermost ),
-				// Use integer dirruns iff this is the outermost matcher
-				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1),
-				len = elems.length;
-
-			if ( outermost ) {
-				outermostContext = context === document || context || outermost;
-			}
-
-			// Add elements passing elementMatchers directly to results
-			// Support: IE<9, Safari
-			// Tolerate NodeList properties (IE: "length"; Safari: <number>) matching elements by id
-			for ( ; i !== len && (elem = elems[i]) != null; i++ ) {
-				if ( byElement && elem ) {
-					j = 0;
-					if ( !context && elem.ownerDocument !== document ) {
-						setDocument( elem );
-						xml = !documentIsHTML;
-					}
-					while ( (matcher = elementMatchers[j++]) ) {
-						if ( matcher( elem, context || document, xml) ) {
-							results.push( elem );
-							break;
-						}
-					}
-					if ( outermost ) {
-						dirruns = dirrunsUnique;
-					}
-				}
-
-				// Track unmatched elements for set filters
-				if ( bySet ) {
-					// They will have gone through all possible matchers
-					if ( (elem = !matcher && elem) ) {
-						matchedCount--;
-					}
-
-					// Lengthen the array for every element, matched or not
-					if ( seed ) {
-						unmatched.push( elem );
-					}
-				}
-			}
-
-			// `i` is now the count of elements visited above, and adding it to `matchedCount`
-			// makes the latter nonnegative.
-			matchedCount += i;
-
-			// Apply set filters to unmatched elements
-			// NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount`
-			// equals `i`), unless we didn't visit _any_ elements in the above loop because we have
-			// no element matchers and no seed.
-			// Incrementing an initially-string "0" `i` allows `i` to remain a string only in that
-			// case, which will result in a "00" `matchedCount` that differs from `i` but is also
-			// numerically zero.
-			if ( bySet && i !== matchedCount ) {
-				j = 0;
-				while ( (matcher = setMatchers[j++]) ) {
-					matcher( unmatched, setMatched, context, xml );
-				}
-
-				if ( seed ) {
-					// Reintegrate element matches to eliminate the need for sorting
-					if ( matchedCount > 0 ) {
-						while ( i-- ) {
-							if ( !(unmatched[i] || setMatched[i]) ) {
-								setMatched[i] = pop.call( results );
-							}
-						}
-					}
-
-					// Discard index placeholder values to get only actual matches
-					setMatched = condense( setMatched );
-				}
-
-				// Add matches to results
-				push.apply( results, setMatched );
-
-				// Seedless set matches succeeding multiple successful matchers stipulate sorting
-				if ( outermost && !seed && setMatched.length > 0 &&
-					( matchedCount + setMatchers.length ) > 1 ) {
-
-					Sizzle.uniqueSort( results );
-				}
-			}
-
-			// Override manipulation of globals by nested matchers
-			if ( outermost ) {
-				dirruns = dirrunsUnique;
-				outermostContext = contextBackup;
-			}
-
-			return unmatched;
-		};
-
-	return bySet ?
-		markFunction( superMatcher ) :
-		superMatcher;
-}
-
-compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) {
-	var i,
-		setMatchers = [],
-		elementMatchers = [],
-		cached = compilerCache[ selector + " " ];
-
-	if ( !cached ) {
-		// Generate a function of recursive functions that can be used to check each element
-		if ( !match ) {
-			match = tokenize( selector );
-		}
-		i = match.length;
-		while ( i-- ) {
-			cached = matcherFromTokens( match[i] );
-			if ( cached[ expando ] ) {
-				setMatchers.push( cached );
-			} else {
-				elementMatchers.push( cached );
-			}
-		}
-
-		// Cache the compiled function
-		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
-
-		// Save selector and tokenization
-		cached.selector = selector;
-	}
-	return cached;
-};
-
-/**
- * A low-level selection function that works with Sizzle's compiled
- *  selector functions
- * @param {String|Function} selector A selector or a pre-compiled
- *  selector function built with Sizzle.compile
- * @param {Element} context
- * @param {Array} [results]
- * @param {Array} [seed] A set of elements to match against
- */
-select = Sizzle.select = function( selector, context, results, seed ) {
-	var i, tokens, token, type, find,
-		compiled = typeof selector === "function" && selector,
-		match = !seed && tokenize( (selector = compiled.selector || selector) );
-
-	results = results || [];
-
-	// Try to minimize operations if there is only one selector in the list and no seed
-	// (the latter of which guarantees us context)
-	if ( match.length === 1 ) {
-
-		// Reduce context if the leading compound selector is an ID
-		tokens = match[0] = match[0].slice( 0 );
-		if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
-				context.nodeType === 9 && documentIsHTML && Expr.relative[ tokens[1].type ] ) {
-
-			context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
-			if ( !context ) {
-				return results;
-
-			// Precompiled matchers will still verify ancestry, so step up a level
-			} else if ( compiled ) {
-				context = context.parentNode;
-			}
-
-			selector = selector.slice( tokens.shift().value.length );
-		}
-
-		// Fetch a seed set for right-to-left matching
-		i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
-		while ( i-- ) {
-			token = tokens[i];
-
-			// Abort if we hit a combinator
-			if ( Expr.relative[ (type = token.type) ] ) {
-				break;
-			}
-			if ( (find = Expr.find[ type ]) ) {
-				// Search, expanding context for leading sibling combinators
-				if ( (seed = find(
-					token.matches[0].replace( runescape, funescape ),
-					rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context
-				)) ) {
-
-					// If seed is empty or no tokens remain, we can return early
-					tokens.splice( i, 1 );
-					selector = seed.length && toSelector( tokens );
-					if ( !selector ) {
-						push.apply( results, seed );
-						return results;
-					}
-
-					break;
-				}
-			}
-		}
-	}
-
-	// Compile and execute a filtering function if one is not provided
-	// Provide `match` to avoid retokenization if we modified the selector above
-	( compiled || compile( selector, match ) )(
-		seed,
-		context,
-		!documentIsHTML,
-		results,
-		!context || rsibling.test( selector ) && testContext( context.parentNode ) || context
-	);
-	return results;
-};
-
-// One-time assignments
-
-// Sort stability
-support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
-
-// Support: Chrome 14-35+
-// Always assume duplicates if they aren't passed to the comparison function
-support.detectDuplicates = !!hasDuplicate;
-
-// Initialize against the default document
-setDocument();
-
-// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
-// Detached nodes confoundingly follow *each other*
-support.sortDetached = assert(function( el ) {
-	// Should return 1, but returns 4 (following)
-	return el.compareDocumentPosition( document.createElement("fieldset") ) & 1;
-});
-
-// Support: IE<8
-// Prevent attribute/property "interpolation"
-// https://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
-if ( !assert(function( el ) {
-	el.innerHTML = "<a href='#'></a>";
-	return el.firstChild.getAttribute("href") === "#" ;
-}) ) {
-	addHandle( "type|href|height|width", function( elem, name, isXML ) {
-		if ( !isXML ) {
-			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
-		}
-	});
-}
-
-// Support: IE<9
-// Use defaultValue in place of getAttribute("value")
-if ( !support.attributes || !assert(function( el ) {
-	el.innerHTML = "<input/>";
-	el.firstChild.setAttribute( "value", "" );
-	return el.firstChild.getAttribute( "value" ) === "";
-}) ) {
-	addHandle( "value", function( elem, name, isXML ) {
-		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
-			return elem.defaultValue;
-		}
-	});
-}
-
-// Support: IE<9
-// Use getAttributeNode to fetch booleans when getAttribute lies
-if ( !assert(function( el ) {
-	return el.getAttribute("disabled") == null;
-}) ) {
-	addHandle( booleans, function( elem, name, isXML ) {
-		var val;
-		if ( !isXML ) {
-			return elem[ name ] === true ? name.toLowerCase() :
-					(val = elem.getAttributeNode( name )) && val.specified ?
-					val.value :
-				null;
-		}
-	});
-}
-
-return Sizzle;
-
-})( window );
-
-
-
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-
-// Deprecated
-jQuery.expr[ ":" ] = jQuery.expr.pseudos;
-jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-jQuery.escapeSelector = Sizzle.escape;
-
-
-
-
-var dir = function( elem, dir, until ) {
-	var matched = [],
-		truncate = until !== undefined;
-
-	while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) {
-		if ( elem.nodeType === 1 ) {
-			if ( truncate && jQuery( elem ).is( until ) ) {
-				break;
-			}
-			matched.push( elem );
-		}
-	}
-	return matched;
-};
-
-
-var siblings = function( n, elem ) {
-	var matched = [];
-
-	for ( ; n; n = n.nextSibling ) {
-		if ( n.nodeType === 1 && n !== elem ) {
-			matched.push( n );
-		}
-	}
-
-	return matched;
-};
-
-
-var rneedsContext = jQuery.expr.match.needsContext;
-
-
-
-function nodeName( elem, name ) {
-
-  return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
-
-};
-var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i );
-
-
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, not ) {
-	if ( isFunction( qualifier ) ) {
-		return jQuery.grep( elements, function( elem, i ) {
-			return !!qualifier.call( elem, i, elem ) !== not;
-		} );
-	}
-
-	// Single element
-	if ( qualifier.nodeType ) {
-		return jQuery.grep( elements, function( elem ) {
-			return ( elem === qualifier ) !== not;
-		} );
-	}
-
-	// Arraylike of elements (jQuery, arguments, Array)
-	if ( typeof qualifier !== "string" ) {
-		return jQuery.grep( elements, function( elem ) {
-			return ( indexOf.call( qualifier, elem ) > -1 ) !== not;
-		} );
-	}
-
-	// Filtered directly for both simple and complex selectors
-	return jQuery.filter( qualifier, elements, not );
-}
-
-jQuery.filter = function( expr, elems, not ) {
-	var elem = elems[ 0 ];
-
-	if ( not ) {
-		expr = ":not(" + expr + ")";
-	}
-
-	if ( elems.length === 1 && elem.nodeType === 1 ) {
-		return jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [];
-	}
-
-	return jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
-		return elem.nodeType === 1;
-	} ) );
-};
-
-jQuery.fn.extend( {
-	find: function( selector ) {
-		var i, ret,
-			len = this.length,
-			self = this;
-
-		if ( typeof selector !== "string" ) {
-			return this.pushStack( jQuery( selector ).filter( function() {
-				for ( i = 0; i < len; i++ ) {
-					if ( jQuery.contains( self[ i ], this ) ) {
-						return true;
-					}
-				}
-			} ) );
-		}
-
-		ret = this.pushStack( [] );
-
-		for ( i = 0; i < len; i++ ) {
-			jQuery.find( selector, self[ i ], ret );
-		}
-
-		return len > 1 ? jQuery.uniqueSort( ret ) : ret;
-	},
-	filter: function( selector ) {
-		return this.pushStack( winnow( this, selector || [], false ) );
-	},
-	not: function( selector ) {
-		return this.pushStack( winnow( this, selector || [], true ) );
-	},
-	is: function( selector ) {
-		return !!winnow(
-			this,
-
-			// If this is a positional/relative selector, check membership in the returned set
-			// so $("p:first").is("p:last") won't return true for a doc with two "p".
-			typeof selector === "string" && rneedsContext.test( selector ) ?
-				jQuery( selector ) :
-				selector || [],
-			false
-		).length;
-	}
-} );
-
-
-// Initialize a jQuery object
-
-
-// A central reference to the root jQuery(document)
-var rootjQuery,
-
-	// A simple way to check for HTML strings
-	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
-	// Strict HTML recognition (#11290: must start with <)
-	// Shortcut simple #id case for speed
-	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,
-
-	init = jQuery.fn.init = function( selector, context, root ) {
-		var match, elem;
-
-		// HANDLE: $(""), $(null), $(undefined), $(false)
-		if ( !selector ) {
-			return this;
-		}
-
-		// Method init() accepts an alternate rootjQuery
-		// so migrate can support jQuery.sub (gh-2101)
-		root = root || rootjQuery;
-
-		// Handle HTML strings
-		if ( typeof selector === "string" ) {
-			if ( selector[ 0 ] === "<" &&
-				selector[ selector.length - 1 ] === ">" &&
-				selector.length >= 3 ) {
-
-				// Assume that strings that start and end with <> are HTML and skip the regex check
-				match = [ null, selector, null ];
-
-			} else {
-				match = rquickExpr.exec( selector );
-			}
-
-			// Match html or make sure no context is specified for #id
-			if ( match && ( match[ 1 ] || !context ) ) {
-
-				// HANDLE: $(html) -> $(array)
-				if ( match[ 1 ] ) {
-					context = context instanceof jQuery ? context[ 0 ] : context;
-
-					// Option to run scripts is true for back-compat
-					// Intentionally let the error be thrown if parseHTML is not present
-					jQuery.merge( this, jQuery.parseHTML(
-						match[ 1 ],
-						context && context.nodeType ? context.ownerDocument || context : document,
-						true
-					) );
-
-					// HANDLE: $(html, props)
-					if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) {
-						for ( match in context ) {
-
-							// Properties of context are called as methods if possible
-							if ( isFunction( this[ match ] ) ) {
-								this[ match ]( context[ match ] );
-
-							// ...and otherwise set as attributes
-							} else {
-								this.attr( match, context[ match ] );
-							}
-						}
-					}
-
-					return this;
-
-				// HANDLE: $(#id)
-				} else {
-					elem = document.getElementById( match[ 2 ] );
-
-					if ( elem ) {
-
-						// Inject the element directly into the jQuery object
-						this[ 0 ] = elem;
-						this.length = 1;
-					}
-					return this;
-				}
-
-			// HANDLE: $(expr, $(...))
-			} else if ( !context || context.jquery ) {
-				return ( context || root ).find( selector );
-
-			// HANDLE: $(expr, context)
-			// (which is just equivalent to: $(context).find(expr)
-			} else {
-				return this.constructor( context ).find( selector );
-			}
-
-		// HANDLE: $(DOMElement)
-		} else if ( selector.nodeType ) {
-			this[ 0 ] = selector;
-			this.length = 1;
-			return this;
-
-		// HANDLE: $(function)
-		// Shortcut for document ready
-		} else if ( isFunction( selector ) ) {
-			return root.ready !== undefined ?
-				root.ready( selector ) :
-
-				// Execute immediately if ready is not present
-				selector( jQuery );
-		}
-
-		return jQuery.makeArray( selector, this );
-	};
-
-// Give the init function the jQuery prototype for later instantiation
-init.prototype = jQuery.fn;
-
-// Initialize central reference
-rootjQuery = jQuery( document );
-
-
-var rparentsprev = /^(?:parents|prev(?:Until|All))/,
-
-	// Methods guaranteed to produce a unique set when starting from a unique set
-	guaranteedUnique = {
-		children: true,
-		contents: true,
-		next: true,
-		prev: true
-	};
-
-jQuery.fn.extend( {
-	has: function( target ) {
-		var targets = jQuery( target, this ),
-			l = targets.length;
-
-		return this.filter( function() {
-			var i = 0;
-			for ( ; i < l; i++ ) {
-				if ( jQuery.contains( this, targets[ i ] ) ) {
-					return true;
-				}
-			}
-		} );
-	},
-
-	closest: function( selectors, context ) {
-		var cur,
-			i = 0,
-			l = this.length,
-			matched = [],
-			targets = typeof selectors !== "string" && jQuery( selectors );
-
-		// Positional selectors never match, since there's no _selection_ context
-		if ( !rneedsContext.test( selectors ) ) {
-			for ( ; i < l; i++ ) {
-				for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) {
-
-					// Always skip document fragments
-					if ( cur.nodeType < 11 && ( targets ?
-						targets.index( cur ) > -1 :
-
-						// Don't pass non-elements to Sizzle
-						cur.nodeType === 1 &&
-							jQuery.find.matchesSelector( cur, selectors ) ) ) {
-
-						matched.push( cur );
-						break;
-					}
-				}
-			}
-		}
-
-		return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched );
-	},
-
-	// Determine the position of an element within the set
-	index: function( elem ) {
-
-		// No argument, return index in parent
-		if ( !elem ) {
-			return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1;
-		}
-
-		// Index in selector
-		if ( typeof elem === "string" ) {
-			return indexOf.call( jQuery( elem ), this[ 0 ] );
-		}
-
-		// Locate the position of the desired element
-		return indexOf.call( this,
-
-			// If it receives a jQuery object, the first element is used
-			elem.jquery ? elem[ 0 ] : elem
-		);
-	},
-
-	add: function( selector, context ) {
-		return this.pushStack(
-			jQuery.uniqueSort(
-				jQuery.merge( this.get(), jQuery( selector, context ) )
-			)
-		);
-	},
-
-	addBack: function( selector ) {
-		return this.add( selector == null ?
-			this.prevObject : this.prevObject.filter( selector )
-		);
-	}
-} );
-
-function sibling( cur, dir ) {
-	while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {}
-	return cur;
-}
-
-jQuery.each( {
-	parent: function( elem ) {
-		var parent = elem.parentNode;
-		return parent && parent.nodeType !== 11 ? parent : null;
-	},
-	parents: function( elem ) {
-		return dir( elem, "parentNode" );
-	},
-	parentsUntil: function( elem, i, until ) {
-		return dir( elem, "parentNode", until );
-	},
-	next: function( elem ) {
-		return sibling( elem, "nextSibling" );
-	},
-	prev: function( elem ) {
-		return sibling( elem, "previousSibling" );
-	},
-	nextAll: function( elem ) {
-		return dir( elem, "nextSibling" );
-	},
-	prevAll: function( elem ) {
-		return dir( elem, "previousSibling" );
-	},
-	nextUntil: function( elem, i, until ) {
-		return dir( elem, "nextSibling", until );
-	},
-	prevUntil: function( elem, i, until ) {
-		return dir( elem, "previousSibling", until );
-	},
-	siblings: function( elem ) {
-		return siblings( ( elem.parentNode || {} ).firstChild, elem );
-	},
-	children: function( elem ) {
-		return siblings( elem.firstChild );
-	},
-	contents: function( elem ) {
-        if ( nodeName( elem, "iframe" ) ) {
-            return elem.contentDocument;
-        }
-
-        // Support: IE 9 - 11 only, iOS 7 only, Android Browser <=4.3 only
-        // Treat the template element as a regular one in browsers that
-        // don't support it.
-        if ( nodeName( elem, "template" ) ) {
-            elem = elem.content || elem;
-        }
-
-        return jQuery.merge( [], elem.childNodes );
-	}
-}, function( name, fn ) {
-	jQuery.fn[ name ] = function( until, selector ) {
-		var matched = jQuery.map( this, fn, until );
-
-		if ( name.slice( -5 ) !== "Until" ) {
-			selector = until;
-		}
-
-		if ( selector && typeof selector === "string" ) {
-			matched = jQuery.filter( selector, matched );
-		}
-
-		if ( this.length > 1 ) {
-
-			// Remove duplicates
-			if ( !guaranteedUnique[ name ] ) {
-				jQuery.uniqueSort( matched );
-			}
-
-			// Reverse order for parents* and prev-derivatives
-			if ( rparentsprev.test( name ) ) {
-				matched.reverse();
-			}
-		}
-
-		return this.pushStack( matched );
-	};
-} );
-var rnothtmlwhite = ( /[^\x20\t\r\n\f]+/g );
-
-
-
-// Convert String-formatted options into Object-formatted ones
-function createOptions( options ) {
-	var object = {};
-	jQuery.each( options.match( rnothtmlwhite ) || [], function( _, flag ) {
-		object[ flag ] = true;
-	} );
-	return object;
-}
-
-/*
- * Create a callback list using the following parameters:
- *
- *	options: an optional list of space-separated options that will change how
- *			the callback list behaves or a more traditional option object
- *
- * By default a callback list will act like an event callback list and can be
- * "fired" multiple times.
- *
- * Possible options:
- *
- *	once:			will ensure the callback list can only be fired once (like a Deferred)
- *
- *	memory:			will keep track of previous values and will call any callback added
- *					after the list has been fired right away with the latest "memorized"
- *					values (like a Deferred)
- *
- *	unique:			will ensure a callback can only be added once (no duplicate in the list)
- *
- *	stopOnFalse:	interrupt callings when a callback returns false
- *
- */
-jQuery.Callbacks = function( options ) {
-
-	// Convert options from String-formatted to Object-formatted if needed
-	// (we check in cache first)
-	options = typeof options === "string" ?
-		createOptions( options ) :
-		jQuery.extend( {}, options );
-
-	var // Flag to know if list is currently firing
-		firing,
-
-		// Last fire value for non-forgettable lists
-		memory,
-
-		// Flag to know if list was already fired
-		fired,
-
-		// Flag to prevent firing
-		locked,
-
-		// Actual callback list
-		list = [],
-
-		// Queue of execution data for repeatable lists
-		queue = [],
-
-		// Index of currently firing callback (modified by add/remove as needed)
-		firingIndex = -1,
-
-		// Fire callbacks
-		fire = function() {
-
-			// Enforce single-firing
-			locked = locked || options.once;
-
-			// Execute callbacks for all pending executions,
-			// respecting firingIndex overrides and runtime changes
-			fired = firing = true;
-			for ( ; queue.length; firingIndex = -1 ) {
-				memory = queue.shift();
-				while ( ++firingIndex < list.length ) {
-
-					// Run callback and check for early termination
-					if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false &&
-						options.stopOnFalse ) {
-
-						// Jump to end and forget the data so .add doesn't re-fire
-						firingIndex = list.length;
-						memory = false;
-					}
-				}
-			}
-
-			// Forget the data if we're done with it
-			if ( !options.memory ) {
-				memory = false;
-			}
-
-			firing = false;
-
-			// Clean up if we're done firing for good
-			if ( locked ) {
-
-				// Keep an empty list if we have data for future add calls
-				if ( memory ) {
-					list = [];
-
-				// Otherwise, this object is spent
-				} else {
-					list = "";
-				}
-			}
-		},
-
-		// Actual Callbacks object
-		self = {
-
-			// Add a callback or a collection of callbacks to the list
-			add: function() {
-				if ( list ) {
-
-					// If we have memory from a past run, we should fire after adding
-					if ( memory && !firing ) {
-						firingIndex = list.length - 1;
-						queue.push( memory );
-					}
-
-					( function add( args ) {
-						jQuery.each( args, function( _, arg ) {
-							if ( isFunction( arg ) ) {
-								if ( !options.unique || !self.has( arg ) ) {
-									list.push( arg );
-								}
-							} else if ( arg && arg.length && toType( arg ) !== "string" ) {
-
-								// Inspect recursively
-								add( arg );
-							}
-						} );
-					} )( arguments );
-
-					if ( memory && !firing ) {
-						fire();
-					}
-				}
-				return this;
-			},
-
-			// Remove a callback from the list
-			remove: function() {
-				jQuery.each( arguments, function( _, arg ) {
-					var index;
-					while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
-						list.splice( index, 1 );
-
-						// Handle firing indexes
-						if ( index <= firingIndex ) {
-							firingIndex--;
-						}
-					}
-				} );
-				return this;
-			},
-
-			// Check if a given callback is in the list.
-			// If no argument is given, return whether or not list has callbacks attached.
-			has: function( fn ) {
-				return fn ?
-					jQuery.inArray( fn, list ) > -1 :
-					list.length > 0;
-			},
-
-			// Remove all callbacks from the list
-			empty: function() {
-				if ( list ) {
-					list = [];
-				}
-				return this;
-			},
-
-			// Disable .fire and .add
-			// Abort any current/pending executions
-			// Clear all callbacks and values
-			disable: function() {
-				locked = queue = [];
-				list = memory = "";
-				return this;
-			},
-			disabled: function() {
-				return !list;
-			},
-
-			// Disable .fire
-			// Also disable .add unless we have memory (since it would have no effect)
-			// Abort any pending executions
-			lock: function() {
-				locked = queue = [];
-				if ( !memory && !firing ) {
-					list = memory = "";
-				}
-				return this;
-			},
-			locked: function() {
-				return !!locked;
-			},
-
-			// Call all callbacks with the given context and arguments
-			fireWith: function( context, args ) {
-				if ( !locked ) {
-					args = args || [];
-					args = [ context, args.slice ? args.slice() : args ];
-					queue.push( args );
-					if ( !firing ) {
-						fire();
-					}
-				}
-				return this;
-			},
-
-			// Call all the callbacks with the given arguments
-			fire: function() {
-				self.fireWith( this, arguments );
-				return this;
-			},
-
-			// To know if the callbacks have already been called at least once
-			fired: function() {
-				return !!fired;
-			}
-		};
-
-	return self;
-};
-
-
-function Identity( v ) {
-	return v;
-}
-function Thrower( ex ) {
-	throw ex;
-}
-
-function adoptValue( value, resolve, reject, noValue ) {
-	var method;
-
-	try {
-
-		// Check for promise aspect first to privilege synchronous behavior
-		if ( value && isFunction( ( method = value.promise ) ) ) {
-			method.call( value ).done( resolve ).fail( reject );
-
-		// Other thenables
-		} else if ( value && isFunction( ( method = value.then ) ) ) {
-			method.call( value, resolve, reject );
-
-		// Other non-thenables
-		} else {
-
-			// Control `resolve` arguments by letting Array#slice cast boolean `noValue` to integer:
-			// * false: [ value ].slice( 0 ) => resolve( value )
-			// * true: [ value ].slice( 1 ) => resolve()
-			resolve.apply( undefined, [ value ].slice( noValue ) );
-		}
-
-	// For Promises/A+, convert exceptions into rejections
-	// Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in
-	// Deferred#then to conditionally suppress rejection.
-	} catch ( value ) {
-
-		// Support: Android 4.0 only
-		// Strict mode functions invoked without .call/.apply get global-object context
-		reject.apply( undefined, [ value ] );
-	}
-}
-
-jQuery.extend( {
-
-	Deferred: function( func ) {
-		var tuples = [
-
-				// action, add listener, callbacks,
-				// ... .then handlers, argument index, [final state]
-				[ "notify", "progress", jQuery.Callbacks( "memory" ),
-					jQuery.Callbacks( "memory" ), 2 ],
-				[ "resolve", "done", jQuery.Callbacks( "once memory" ),
-					jQuery.Callbacks( "once memory" ), 0, "resolved" ],
-				[ "reject", "fail", jQuery.Callbacks( "once memory" ),
-					jQuery.Callbacks( "once memory" ), 1, "rejected" ]
-			],
-			state = "pending",
-			promise = {
-				state: function() {
-					return state;
-				},
-				always: function() {
-					deferred.done( arguments ).fail( arguments );
-					return this;
-				},
-				"catch": function( fn ) {
-					return promise.then( null, fn );
-				},
-
-				// Keep pipe for back-compat
-				pipe: function( /* fnDone, fnFail, fnProgress */ ) {
-					var fns = arguments;
-
-					return jQuery.Deferred( function( newDefer ) {
-						jQuery.each( tuples, function( i, tuple ) {
-
-							// Map tuples (progress, done, fail) to arguments (done, fail, progress)
-							var fn = isFunction( fns[ tuple[ 4 ] ] ) && fns[ tuple[ 4 ] ];
-
-							// deferred.progress(function() { bind to newDefer or newDefer.notify })
-							// deferred.done(function() { bind to newDefer or newDefer.resolve })
-							// deferred.fail(function() { bind to newDefer or newDefer.reject })
-							deferred[ tuple[ 1 ] ]( function() {
-								var returned = fn && fn.apply( this, arguments );
-								if ( returned && isFunction( returned.promise ) ) {
-									returned.promise()
-										.progress( newDefer.notify )
-										.done( newDefer.resolve )
-										.fail( newDefer.reject );
-								} else {
-									newDefer[ tuple[ 0 ] + "With" ](
-										this,
-										fn ? [ returned ] : arguments
-									);
-								}
-							} );
-						} );
-						fns = null;
-					} ).promise();
-				},
-				then: function( onFulfilled, onRejected, onProgress ) {
-					var maxDepth = 0;
-					function resolve( depth, deferred, handler, special ) {
-						return function() {
-							var that = this,
-								args = arguments,
-								mightThrow = function() {
-									var returned, then;
-
-									// Support: Promises/A+ section 2.3.3.3.3
-									// https://promisesaplus.com/#point-59
-									// Ignore double-resolution attempts
-									if ( depth < maxDepth ) {
-										return;
-									}
-
-									returned = handler.apply( that, args );
-
-									// Support: Promises/A+ section 2.3.1
-									// https://promisesaplus.com/#point-48
-									if ( returned === deferred.promise() ) {
-										throw new TypeError( "Thenable self-resolution" );
-									}
-
-									// Support: Promises/A+ sections 2.3.3.1, 3.5
-									// https://promisesaplus.com/#point-54
-									// https://promisesaplus.com/#point-75
-									// Retrieve `then` only once
-									then = returned &&
-
-										// Support: Promises/A+ section 2.3.4
-										// https://promisesaplus.com/#point-64
-										// Only check objects and functions for thenability
-										( typeof returned === "object" ||
-											typeof returned === "function" ) &&
-										returned.then;
-
-									// Handle a returned thenable
-									if ( isFunction( then ) ) {
-
-										// Special processors (notify) just wait for resolution
-										if ( special ) {
-											then.call(
-												returned,
-												resolve( maxDepth, deferred, Identity, special ),
-												resolve( maxDepth, deferred, Thrower, special )
-											);
-
-										// Normal processors (resolve) also hook into progress
-										} else {
-
-											// ...and disregard older resolution values
-											maxDepth++;
-
-											then.call(
-												returned,
-												resolve( maxDepth, deferred, Identity, special ),
-												resolve( maxDepth, deferred, Thrower, special ),
-												resolve( maxDepth, deferred, Identity,
-													deferred.notifyWith )
-											);
-										}
-
-									// Handle all other returned values
-									} else {
-
-										// Only substitute handlers pass on context
-										// and multiple values (non-spec behavior)
-										if ( handler !== Identity ) {
-											that = undefined;
-											args = [ returned ];
-										}
-
-										// Process the value(s)
-										// Default process is resolve
-										( special || deferred.resolveWith )( that, args );
-									}
-								},
-
-								// Only normal processors (resolve) catch and reject exceptions
-								process = special ?
-									mightThrow :
-									function() {
-										try {
-											mightThrow();
-										} catch ( e ) {
-
-											if ( jQuery.Deferred.exceptionHook ) {
-												jQuery.Deferred.exceptionHook( e,
-													process.stackTrace );
-											}
-
-											// Support: Promises/A+ section 2.3.3.3.4.1
-											// https://promisesaplus.com/#point-61
-											// Ignore post-resolution exceptions
-											if ( depth + 1 >= maxDepth ) {
-
-												// Only substitute handlers pass on context
-												// and multiple values (non-spec behavior)
-												if ( handler !== Thrower ) {
-													that = undefined;
-													args = [ e ];
-												}
-
-												deferred.rejectWith( that, args );
-											}
-										}
-									};
-
-							// Support: Promises/A+ section 2.3.3.3.1
-							// https://promisesaplus.com/#point-57
-							// Re-resolve promises immediately to dodge false rejection from
-							// subsequent errors
-							if ( depth ) {
-								process();
-							} else {
-
-								// Call an optional hook to record the stack, in case of exception
-								// since it's otherwise lost when execution goes async
-								if ( jQuery.Deferred.getStackHook ) {
-									process.stackTrace = jQuery.Deferred.getStackHook();
-								}
-								window.setTimeout( process );
-							}
-						};
-					}
-
-					return jQuery.Deferred( function( newDefer ) {
-
-						// progress_handlers.add( ... )
-						tuples[ 0 ][ 3 ].add(
-							resolve(
-								0,
-								newDefer,
-								isFunction( onProgress ) ?
-									onProgress :
-									Identity,
-								newDefer.notifyWith
-							)
-						);
-
-						// fulfilled_handlers.add( ... )
-						tuples[ 1 ][ 3 ].add(
-							resolve(
-								0,
-								newDefer,
-								isFunction( onFulfilled ) ?
-									onFulfilled :
-									Identity
-							)
-						);
-
-						// rejected_handlers.add( ... )
-						tuples[ 2 ][ 3 ].add(
-							resolve(
-								0,
-								newDefer,
-								isFunction( onRejected ) ?
-									onRejected :
-									Thrower
-							)
-						);
-					} ).promise();
-				},
-
-				// Get a promise for this deferred
-				// If obj is provided, the promise aspect is added to the object
-				promise: function( obj ) {
-					return obj != null ? jQuery.extend( obj, promise ) : promise;
-				}
-			},
-			deferred = {};
-
-		// Add list-specific methods
-		jQuery.each( tuples, function( i, tuple ) {
-			var list = tuple[ 2 ],
-				stateString = tuple[ 5 ];
-
-			// promise.progress = list.add
-			// promise.done = list.add
-			// promise.fail = list.add
-			promise[ tuple[ 1 ] ] = list.add;
-
-			// Handle state
-			if ( stateString ) {
-				list.add(
-					function() {
-
-						// state = "resolved" (i.e., fulfilled)
-						// state = "rejected"
-						state = stateString;
-					},
-
-					// rejected_callbacks.disable
-					// fulfilled_callbacks.disable
-					tuples[ 3 - i ][ 2 ].disable,
-
-					// rejected_handlers.disable
-					// fulfilled_handlers.disable
-					tuples[ 3 - i ][ 3 ].disable,
-
-					// progress_callbacks.lock
-					tuples[ 0 ][ 2 ].lock,
-
-					// progress_handlers.lock
-					tuples[ 0 ][ 3 ].lock
-				);
-			}
-
-			// progress_handlers.fire
-			// fulfilled_handlers.fire
-			// rejected_handlers.fire
-			list.add( tuple[ 3 ].fire );
-
-			// deferred.notify = function() { deferred.notifyWith(...) }
-			// deferred.resolve = function() { deferred.resolveWith(...) }
-			// deferred.reject = function() { deferred.rejectWith(...) }
-			deferred[ tuple[ 0 ] ] = function() {
-				deferred[ tuple[ 0 ] + "With" ]( this === deferred ? undefined : this, arguments );
-				return this;
-			};
-
-			// deferred.notifyWith = list.fireWith
-			// deferred.resolveWith = list.fireWith
-			// deferred.rejectWith = list.fireWith
-			deferred[ tuple[ 0 ] + "With" ] = list.fireWith;
-		} );
-
-		// Make the deferred a promise
-		promise.promise( deferred );
-
-		// Call given func if any
-		if ( func ) {
-			func.call( deferred, deferred );
-		}
-
-		// All done!
-		return deferred;
-	},
-
-	// Deferred helper
-	when: function( singleValue ) {
-		var
-
-			// count of uncompleted subordinates
-			remaining = arguments.length,
-
-			// count of unprocessed arguments
-			i = remaining,
-
-			// subordinate fulfillment data
-			resolveContexts = Array( i ),
-			resolveValues = slice.call( arguments ),
-
-			// the master Deferred
-			master = jQuery.Deferred(),
-
-			// subordinate callback factory
-			updateFunc = function( i ) {
-				return function( value ) {
-					resolveContexts[ i ] = this;
-					resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
-					if ( !( --remaining ) ) {
-						master.resolveWith( resolveContexts, resolveValues );
-					}
-				};
-			};
-
-		// Single- and empty arguments are adopted like Promise.resolve
-		if ( remaining <= 1 ) {
-			adoptValue( singleValue, master.done( updateFunc( i ) ).resolve, master.reject,
-				!remaining );
-
-			// Use .then() to unwrap secondary thenables (cf. gh-3000)
-			if ( master.state() === "pending" ||
-				isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) {
-
-				return master.then();
-			}
-		}
-
-		// Multiple arguments are aggregated like Promise.all array elements
-		while ( i-- ) {
-			adoptValue( resolveValues[ i ], updateFunc( i ), master.reject );
-		}
-
-		return master.promise();
-	}
-} );
-
-
-// These usually indicate a programmer mistake during development,
-// warn about them ASAP rather than swallowing them by default.
-var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
-
-jQuery.Deferred.exceptionHook = function( error, stack ) {
-
-	// Support: IE 8 - 9 only
-	// Console exists when dev tools are open, which can happen at any time
-	if ( window.console && window.console.warn && error && rerrorNames.test( error.name ) ) {
-		window.console.warn( "jQuery.Deferred exception: " + error.message, error.stack, stack );
-	}
-};
-
-
-
-
-jQuery.readyException = function( error ) {
-	window.setTimeout( function() {
-		throw error;
-	} );
-};
-
-
-
-
-// The deferred used on DOM ready
-var readyList = jQuery.Deferred();
-
-jQuery.fn.ready = function( fn ) {
-
-	readyList
-		.then( fn )
-
-		// Wrap jQuery.readyException in a function so that the lookup
-		// happens at the time of error handling instead of callback
-		// registration.
-		.catch( function( error ) {
-			jQuery.readyException( error );
-		} );
-
-	return this;
-};
-
-jQuery.extend( {
-
-	// Is the DOM ready to be used? Set to true once it occurs.
-	isReady: false,
-
-	// A counter to track how many items to wait for before
-	// the ready event fires. See #6781
-	readyWait: 1,
-
-	// Handle when the DOM is ready
-	ready: function( wait ) {
-
-		// Abort if there are pending holds or we're already ready
-		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
-			return;
-		}
-
-		// Remember that the DOM is ready
-		jQuery.isReady = true;
-
-		// If a normal DOM Ready event fired, decrement, and wait if need be
-		if ( wait !== true && --jQuery.readyWait > 0 ) {
-			return;
-		}
-
-		// If there are functions bound, to execute
-		readyList.resolveWith( document, [ jQuery ] );
-	}
-} );
-
-jQuery.ready.then = readyList.then;
-
-// The ready event handler and self cleanup method
-function completed() {
-	document.removeEventListener( "DOMContentLoaded", completed );
-	window.removeEventListener( "load", completed );
-	jQuery.ready();
-}
-
-// Catch cases where $(document).ready() is called
-// after the browser event has already occurred.
-// Support: IE <=9 - 10 only
-// Older IE sometimes signals "interactive" too soon
-if ( document.readyState === "complete" ||
-	( document.readyState !== "loading" && !document.documentElement.doScroll ) ) {
-
-	// Handle it asynchronously to allow scripts the opportunity to delay ready
-	window.setTimeout( jQuery.ready );
-
-} else {
-
-	// Use the handy event callback
-	document.addEventListener( "DOMContentLoaded", completed );
-
-	// A fallback to window.onload, that will always work
-	window.addEventListener( "load", completed );
-}
-
-
-
-
-// Multifunctional method to get and set values of a collection
-// The value/s can optionally be executed if it's a function
-var access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
-	var i = 0,
-		len = elems.length,
-		bulk = key == null;
-
-	// Sets many values
-	if ( toType( key ) === "object" ) {
-		chainable = true;
-		for ( i in key ) {
-			access( elems, fn, i, key[ i ], true, emptyGet, raw );
-		}
-
-	// Sets one value
-	} else if ( value !== undefined ) {
-		chainable = true;
-
-		if ( !isFunction( value ) ) {
-			raw = true;
-		}
-
-		if ( bulk ) {
-
-			// Bulk operations run against the entire set
-			if ( raw ) {
-				fn.call( elems, value );
-				fn = null;
-
-			// ...except when executing function values
-			} else {
-				bulk = fn;
-				fn = function( elem, key, value ) {
-					return bulk.call( jQuery( elem ), value );
-				};
-			}
-		}
-
-		if ( fn ) {
-			for ( ; i < len; i++ ) {
-				fn(
-					elems[ i ], key, raw ?
-					value :
-					value.call( elems[ i ], i, fn( elems[ i ], key ) )
-				);
-			}
-		}
-	}
-
-	if ( chainable ) {
-		return elems;
-	}
-
-	// Gets
-	if ( bulk ) {
-		return fn.call( elems );
-	}
-
-	return len ? fn( elems[ 0 ], key ) : emptyGet;
-};
-
-
-// Matches dashed string for camelizing
-var rmsPrefix = /^-ms-/,
-	rdashAlpha = /-([a-z])/g;
-
-// Used by camelCase as callback to replace()
-function fcamelCase( all, letter ) {
-	return letter.toUpperCase();
-}
-
-// Convert dashed to camelCase; used by the css and data modules
-// Support: IE <=9 - 11, Edge 12 - 15
-// Microsoft forgot to hump their vendor prefix (#9572)
-function camelCase( string ) {
-	return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
-}
-var acceptData = function( owner ) {
-
-	// Accepts only:
-	//  - Node
-	//    - Node.ELEMENT_NODE
-	//    - Node.DOCUMENT_NODE
-	//  - Object
-	//    - Any
-	return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType );
-};
-
-
-
-
-function Data() {
-	this.expando = jQuery.expando + Data.uid++;
-}
-
-Data.uid = 1;
-
-Data.prototype = {
-
-	cache: function( owner ) {
-
-		// Check if the owner object already has a cache
-		var value = owner[ this.expando ];
-
-		// If not, create one
-		if ( !value ) {
-			value = {};
-
-			// We can accept data for non-element nodes in modern browsers,
-			// but we should not, see #8335.
-			// Always return an empty object.
-			if ( acceptData( owner ) ) {
-
-				// If it is a node unlikely to be stringify-ed or looped over
-				// use plain assignment
-				if ( owner.nodeType ) {
-					owner[ this.expando ] = value;
-
-				// Otherwise secure it in a non-enumerable property
-				// configurable must be true to allow the property to be
-				// deleted when data is removed
-				} else {
-					Object.defineProperty( owner, this.expando, {
-						value: value,
-						configurable: true
-					} );
-				}
-			}
-		}
-
-		return value;
-	},
-	set: function( owner, data, value ) {
-		var prop,
-			cache = this.cache( owner );
-
-		// Handle: [ owner, key, value ] args
-		// Always use camelCase key (gh-2257)
-		if ( typeof data === "string" ) {
-			cache[ camelCase( data ) ] = value;
-
-		// Handle: [ owner, { properties } ] args
-		} else {
-
-			// Copy the properties one-by-one to the cache object
-			for ( prop in data ) {
-				cache[ camelCase( prop ) ] = data[ prop ];
-			}
-		}
-		return cache;
-	},
-	get: function( owner, key ) {
-		return key === undefined ?
-			this.cache( owner ) :
-
-			// Always use camelCase key (gh-2257)
-			owner[ this.expando ] && owner[ this.expando ][ camelCase( key ) ];
-	},
-	access: function( owner, key, value ) {
-
-		// In cases where either:
-		//
-		//   1. No key was specified
-		//   2. A string key was specified, but no value provided
-		//
-		// Take the "read" path and allow the get method to determine
-		// which value to return, respectively either:
-		//
-		//   1. The entire cache object
-		//   2. The data stored at the key
-		//
-		if ( key === undefined ||
-				( ( key && typeof key === "string" ) && value === undefined ) ) {
-
-			return this.get( owner, key );
-		}
-
-		// When the key is not a string, or both a key and value
-		// are specified, set or extend (existing objects) with either:
-		//
-		//   1. An object of properties
-		//   2. A key and value
-		//
-		this.set( owner, key, value );
-
-		// Since the "set" path can have two possible entry points
-		// return the expected data based on which path was taken[*]
-		return value !== undefined ? value : key;
-	},
-	remove: function( owner, key ) {
-		var i,
-			cache = owner[ this.expando ];
-
-		if ( cache === undefined ) {
-			return;
-		}
-
-		if ( key !== undefined ) {
-
-			// Support array or space separated string of keys
-			if ( Array.isArray( key ) ) {
-
-				// If key is an array of keys...
-				// We always set camelCase keys, so remove that.
-				key = key.map( camelCase );
-			} else {
-				key = camelCase( key );
-
-				// If a key with the spaces exists, use it.
-				// Otherwise, create an array by matching non-whitespace
-				key = key in cache ?
-					[ key ] :
-					( key.match( rnothtmlwhite ) || [] );
-			}
-
-			i = key.length;
-
-			while ( i-- ) {
-				delete cache[ key[ i ] ];
-			}
-		}
-
-		// Remove the expando if there's no more data
-		if ( key === undefined || jQuery.isEmptyObject( cache ) ) {
-
-			// Support: Chrome <=35 - 45
-			// Webkit & Blink performance suffers when deleting properties
-			// from DOM nodes, so set to undefined instead
-			// https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted)
-			if ( owner.nodeType ) {
-				owner[ this.expando ] = undefined;
-			} else {
-				delete owner[ this.expando ];
-			}
-		}
-	},
-	hasData: function( owner ) {
-		var cache = owner[ this.expando ];
-		return cache !== undefined && !jQuery.isEmptyObject( cache );
-	}
-};
-var dataPriv = new Data();
-
-var dataUser = new Data();
-
-
-
-//	Implementation Summary
-//
-//	1. Enforce API surface and semantic compatibility with 1.9.x branch
-//	2. Improve the module's maintainability by reducing the storage
-//		paths to a single mechanism.
-//	3. Use the same single mechanism to support "private" and "user" data.
-//	4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData)
-//	5. Avoid exposing implementation details on user objects (eg. expando properties)
-//	6. Provide a clear path for implementation upgrade to WeakMap in 2014
-
-var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
-	rmultiDash = /[A-Z]/g;
-
-function getData( data ) {
-	if ( data === "true" ) {
-		return true;
-	}
-
-	if ( data === "false" ) {
-		return false;
-	}
-
-	if ( data === "null" ) {
-		return null;
-	}
-
-	// Only convert to a number if it doesn't change the string
-	if ( data === +data + "" ) {
-		return +data;
-	}
-
-	if ( rbrace.test( data ) ) {
-		return JSON.parse( data );
-	}
-
-	return data;
-}
-
-function dataAttr( elem, key, data ) {
-	var name;
-
-	// If nothing was found internally, try to fetch any
-	// data from the HTML5 data-* attribute
-	if ( data === undefined && elem.nodeType === 1 ) {
-		name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase();
-		data = elem.getAttribute( name );
-
-		if ( typeof data === "string" ) {
-			try {
-				data = getData( data );
-			} catch ( e ) {}
-
-			// Make sure we set the data so it isn't changed later
-			dataUser.set( elem, key, data );
-		} else {
-			data = undefined;
-		}
-	}
-	return data;
-}
-
-jQuery.extend( {
-	hasData: function( elem ) {
-		return dataUser.hasData( elem ) || dataPriv.hasData( elem );
-	},
-
-	data: function( elem, name, data ) {
-		return dataUser.access( elem, name, data );
-	},
-
-	removeData: function( elem, name ) {
-		dataUser.remove( elem, name );
-	},
-
-	// TODO: Now that all calls to _data and _removeData have been replaced
-	// with direct calls to dataPriv methods, these can be deprecated.
-	_data: function( elem, name, data ) {
-		return dataPriv.access( elem, name, data );
-	},
-
-	_removeData: function( elem, name ) {
-		dataPriv.remove( elem, name );
-	}
-} );
-
-jQuery.fn.extend( {
-	data: function( key, value ) {
-		var i, name, data,
-			elem = this[ 0 ],
-			attrs = elem && elem.attributes;
-
-		// Gets all values
-		if ( key === undefined ) {
-			if ( this.length ) {
-				data = dataUser.get( elem );
-
-				if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) {
-					i = attrs.length;
-					while ( i-- ) {
-
-						// Support: IE 11 only
-						// The attrs elements can be null (#14894)
-						if ( attrs[ i ] ) {
-							name = attrs[ i ].name;
-							if ( name.indexOf( "data-" ) === 0 ) {
-								name = camelCase( name.slice( 5 ) );
-								dataAttr( elem, name, data[ name ] );
-							}
-						}
-					}
-					dataPriv.set( elem, "hasDataAttrs", true );
-				}
-			}
-
-			return data;
-		}
-
-		// Sets multiple values
-		if ( typeof key === "object" ) {
-			return this.each( function() {
-				dataUser.set( this, key );
-			} );
-		}
-
-		return access( this, function( value ) {
-			var data;
-
-			// The calling jQuery object (element matches) is not empty
-			// (and therefore has an element appears at this[ 0 ]) and the
-			// `value` parameter was not undefined. An empty jQuery object
-			// will result in `undefined` for elem = this[ 0 ] which will
-			// throw an exception if an attempt to read a data cache is made.
-			if ( elem && value === undefined ) {
-
-				// Attempt to get data from the cache
-				// The key will always be camelCased in Data
-				data = dataUser.get( elem, key );
-				if ( data !== undefined ) {
-					return data;
-				}
-
-				// Attempt to "discover" the data in
-				// HTML5 custom data-* attrs
-				data = dataAttr( elem, key );
-				if ( data !== undefined ) {
-					return data;
-				}
-
-				// We tried really hard, but the data doesn't exist.
-				return;
-			}
-
-			// Set the data...
-			this.each( function() {
-
-				// We always store the camelCased key
-				dataUser.set( this, key, value );
-			} );
-		}, null, value, arguments.length > 1, null, true );
-	},
-
-	removeData: function( key ) {
-		return this.each( function() {
-			dataUser.remove( this, key );
-		} );
-	}
-} );
-
-
-jQuery.extend( {
-	queue: function( elem, type, data ) {
-		var queue;
-
-		if ( elem ) {
-			type = ( type || "fx" ) + "queue";
-			queue = dataPriv.get( elem, type );
-
-			// Speed up dequeue by getting out quickly if this is just a lookup
-			if ( data ) {
-				if ( !queue || Array.isArray( data ) ) {
-					queue = dataPriv.access( elem, type, jQuery.makeArray( data ) );
-				} else {
-					queue.push( data );
-				}
-			}
-			return queue || [];
-		}
-	},
-
-	dequeue: function( elem, type ) {
-		type = type || "fx";
-
-		var queue = jQuery.queue( elem, type ),
-			startLength = queue.length,
-			fn = queue.shift(),
-			hooks = jQuery._queueHooks( elem, type ),
-			next = function() {
-				jQuery.dequeue( elem, type );
-			};
-
-		// If the fx queue is dequeued, always remove the progress sentinel
-		if ( fn === "inprogress" ) {
-			fn = queue.shift();
-			startLength--;
-		}
-
-		if ( fn ) {
-
-			// Add a progress sentinel to prevent the fx queue from being
-			// automatically dequeued
-			if ( type === "fx" ) {
-				queue.unshift( "inprogress" );
-			}
-
-			// Clear up the last queue stop function
-			delete hooks.stop;
-			fn.call( elem, next, hooks );
-		}
-
-		if ( !startLength && hooks ) {
-			hooks.empty.fire();
-		}
-	},
-
-	// Not public - generate a queueHooks object, or return the current one
-	_queueHooks: function( elem, type ) {
-		var key = type + "queueHooks";
-		return dataPriv.get( elem, key ) || dataPriv.access( elem, key, {
-			empty: jQuery.Callbacks( "once memory" ).add( function() {
-				dataPriv.remove( elem, [ type + "queue", key ] );
-			} )
-		} );
-	}
-} );
-
-jQuery.fn.extend( {
-	queue: function( type, data ) {
-		var setter = 2;
-
-		if ( typeof type !== "string" ) {
-			data = type;
-			type = "fx";
-			setter--;
-		}
-
-		if ( arguments.length < setter ) {
-			return jQuery.queue( this[ 0 ], type );
-		}
-
-		return data === undefined ?
-			this :
-			this.each( function() {
-				var queue = jQuery.queue( this, type, data );
-
-				// Ensure a hooks for this queue
-				jQuery._queueHooks( this, type );
-
-				if ( type === "fx" && queue[ 0 ] !== "inprogress" ) {
-					jQuery.dequeue( this, type );
-				}
-			} );
-	},
-	dequeue: function( type ) {
-		return this.each( function() {
-			jQuery.dequeue( this, type );
-		} );
-	},
-	clearQueue: function( type ) {
-		return this.queue( type || "fx", [] );
-	},
-
-	// Get a promise resolved when queues of a certain type
-	// are emptied (fx is the type by default)
-	promise: function( type, obj ) {
-		var tmp,
-			count = 1,
-			defer = jQuery.Deferred(),
-			elements = this,
-			i = this.length,
-			resolve = function() {
-				if ( !( --count ) ) {
-					defer.resolveWith( elements, [ elements ] );
-				}
-			};
-
-		if ( typeof type !== "string" ) {
-			obj = type;
-			type = undefined;
-		}
-		type = type || "fx";
-
-		while ( i-- ) {
-			tmp = dataPriv.get( elements[ i ], type + "queueHooks" );
-			if ( tmp && tmp.empty ) {
-				count++;
-				tmp.empty.add( resolve );
-			}
-		}
-		resolve();
-		return defer.promise( obj );
-	}
-} );
-var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source;
-
-var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" );
-
-
-var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
-
-var isHiddenWithinTree = function( elem, el ) {
-
-		// isHiddenWithinTree might be called from jQuery#filter function;
-		// in that case, element will be second argument
-		elem = el || elem;
-
-		// Inline style trumps all
-		return elem.style.display === "none" ||
-			elem.style.display === "" &&
-
-			// Otherwise, check computed style
-			// Support: Firefox <=43 - 45
-			// Disconnected elements can have computed display: none, so first confirm that elem is
-			// in the document.
-			jQuery.contains( elem.ownerDocument, elem ) &&
-
-			jQuery.css( elem, "display" ) === "none";
-	};
-
-var swap = function( elem, options, callback, args ) {
-	var ret, name,
-		old = {};
-
-	// Remember the old values, and insert the new ones
-	for ( name in options ) {
-		old[ name ] = elem.style[ name ];
-		elem.style[ name ] = options[ name ];
-	}
-
-	ret = callback.apply( elem, args || [] );
-
-	// Revert the old values
-	for ( name in options ) {
-		elem.style[ name ] = old[ name ];
-	}
-
-	return ret;
-};
-
-
-
-
-function adjustCSS( elem, prop, valueParts, tween ) {
-	var adjusted, scale,
-		maxIterations = 20,
-		currentValue = tween ?
-			function() {
-				return tween.cur();
-			} :
-			function() {
-				return jQuery.css( elem, prop, "" );
-			},
-		initial = currentValue(),
-		unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
-
-		// Starting value computation is required for potential unit mismatches
-		initialInUnit = ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) &&
-			rcssNum.exec( jQuery.css( elem, prop ) );
-
-	if ( initialInUnit && initialInUnit[ 3 ] !== unit ) {
-
-		// Support: Firefox <=54
-		// Halve the iteration target value to prevent interference from CSS upper bounds (gh-2144)
-		initial = initial / 2;
-
-		// Trust units reported by jQuery.css
-		unit = unit || initialInUnit[ 3 ];
-
-		// Iteratively approximate from a nonzero starting point
-		initialInUnit = +initial || 1;
-
-		while ( maxIterations-- ) {
-
-			// Evaluate and update our best guess (doubling guesses that zero out).
-			// Finish if the scale equals or crosses 1 (making the old*new product non-positive).
-			jQuery.style( elem, prop, initialInUnit + unit );
-			if ( ( 1 - scale ) * ( 1 - ( scale = currentValue() / initial || 0.5 ) ) <= 0 ) {
-				maxIterations = 0;
-			}
-			initialInUnit = initialInUnit / scale;
-
-		}
-
-		initialInUnit = initialInUnit * 2;
-		jQuery.style( elem, prop, initialInUnit + unit );
-
-		// Make sure we update the tween properties later on
-		valueParts = valueParts || [];
-	}
-
-	if ( valueParts ) {
-		initialInUnit = +initialInUnit || +initial || 0;
-
-		// Apply relative offset (+=/-=) if specified
-		adjusted = valueParts[ 1 ] ?
-			initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] :
-			+valueParts[ 2 ];
-		if ( tween ) {
-			tween.unit = unit;
-			tween.start = initialInUnit;
-			tween.end = adjusted;
-		}
-	}
-	return adjusted;
-}
-
-
-var defaultDisplayMap = {};
-
-function getDefaultDisplay( elem ) {
-	var temp,
-		doc = elem.ownerDocument,
-		nodeName = elem.nodeName,
-		display = defaultDisplayMap[ nodeName ];
-
-	if ( display ) {
-		return display;
-	}
-
-	temp = doc.body.appendChild( doc.createElement( nodeName ) );
-	display = jQuery.css( temp, "display" );
-
-	temp.parentNode.removeChild( temp );
-
-	if ( display === "none" ) {
-		display = "block";
-	}
-	defaultDisplayMap[ nodeName ] = display;
-
-	return display;
-}
-
-function showHide( elements, show ) {
-	var display, elem,
-		values = [],
-		index = 0,
-		length = elements.length;
-
-	// Determine new display value for elements that need to change
-	for ( ; index < length; index++ ) {
-		elem = elements[ index ];
-		if ( !elem.style ) {
-			continue;
-		}
-
-		display = elem.style.display;
-		if ( show ) {
-
-			// Since we force visibility upon cascade-hidden elements, an immediate (and slow)
-			// check is required in this first loop unless we have a nonempty display value (either
-			// inline or about-to-be-restored)
-			if ( display === "none" ) {
-				values[ index ] = dataPriv.get( elem, "display" ) || null;
-				if ( !values[ index ] ) {
-					elem.style.display = "";
-				}
-			}
-			if ( elem.style.display === "" && isHiddenWithinTree( elem ) ) {
-				values[ index ] = getDefaultDisplay( elem );
-			}
-		} else {
-			if ( display !== "none" ) {
-				values[ index ] = "none";
-
-				// Remember what we're overwriting
-				dataPriv.set( elem, "display", display );
-			}
-		}
-	}
-
-	// Set the display of the elements in a second loop to avoid constant reflow
-	for ( index = 0; index < length; index++ ) {
-		if ( values[ index ] != null ) {
-			elements[ index ].style.display = values[ index ];
-		}
-	}
-
-	return elements;
-}
-
-jQuery.fn.extend( {
-	show: function() {
-		return showHide( this, true );
-	},
-	hide: function() {
-		return showHide( this );
-	},
-	toggle: function( state ) {
-		if ( typeof state === "boolean" ) {
-			return state ? this.show() : this.hide();
-		}
-
-		return this.each( function() {
-			if ( isHiddenWithinTree( this ) ) {
-				jQuery( this ).show();
-			} else {
-				jQuery( this ).hide();
-			}
-		} );
-	}
-} );
-var rcheckableType = ( /^(?:checkbox|radio)$/i );
-
-var rtagName = ( /<([a-z][^\/\0>\x20\t\r\n\f]+)/i );
-
-var rscriptType = ( /^$|^module$|\/(?:java|ecma)script/i );
-
-
-
-// We have to close these tags to support XHTML (#13200)
-var wrapMap = {
-
-	// Support: IE <=9 only
-	option: [ 1, "<select multiple='multiple'>", "</select>" ],
-
-	// XHTML parsers do not magically insert elements in the
-	// same way that tag soup parsers do. So we cannot shorten
-	// this by omitting <tbody> or other required elements.
-	thead: [ 1, "<table>", "</table>" ],
-	col: [ 2, "<table><colgroup>", "</colgroup></table>" ],
-	tr: [ 2, "<table><tbody>", "</tbody></table>" ],
-	td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
-
-	_default: [ 0, "", "" ]
-};
-
-// Support: IE <=9 only
-wrapMap.optgroup = wrapMap.option;
-
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-
-function getAll( context, tag ) {
-
-	// Support: IE <=9 - 11 only
-	// Use typeof to avoid zero-argument method invocation on host objects (#15151)
-	var ret;
-
-	if ( typeof context.getElementsByTagName !== "undefined" ) {
-		ret = context.getElementsByTagName( tag || "*" );
-
-	} else if ( typeof context.querySelectorAll !== "undefined" ) {
-		ret = context.querySelectorAll( tag || "*" );
-
-	} else {
-		ret = [];
-	}
-
-	if ( tag === undefined || tag && nodeName( context, tag ) ) {
-		return jQuery.merge( [ context ], ret );
-	}
-
-	return ret;
-}
-
-
-// Mark scripts as having already been evaluated
-function setGlobalEval( elems, refElements ) {
-	var i = 0,
-		l = elems.length;
-
-	for ( ; i < l; i++ ) {
-		dataPriv.set(
-			elems[ i ],
-			"globalEval",
-			!refElements || dataPriv.get( refElements[ i ], "globalEval" )
-		);
-	}
-}
-
-
-var rhtml = /<|&#?\w+;/;
-
-function buildFragment( elems, context, scripts, selection, ignored ) {
-	var elem, tmp, tag, wrap, contains, j,
-		fragment = context.createDocumentFragment(),
-		nodes = [],
-		i = 0,
-		l = elems.length;
-
-	for ( ; i < l; i++ ) {
-		elem = elems[ i ];
-
-		if ( elem || elem === 0 ) {
-
-			// Add nodes directly
-			if ( toType( elem ) === "object" ) {
-
-				// Support: Android <=4.0 only, PhantomJS 1 only
-				// push.apply(_, arraylike) throws on ancient WebKit
-				jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
-
-			// Convert non-html into a text node
-			} else if ( !rhtml.test( elem ) ) {
-				nodes.push( context.createTextNode( elem ) );
-
-			// Convert html into DOM nodes
-			} else {
-				tmp = tmp || fragment.appendChild( context.createElement( "div" ) );
-
-				// Deserialize a standard representation
-				tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase();
-				wrap = wrapMap[ tag ] || wrapMap._default;
-				tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ];
-
-				// Descend through wrappers to the right content
-				j = wrap[ 0 ];
-				while ( j-- ) {
-					tmp = tmp.lastChild;
-				}
-
-				// Support: Android <=4.0 only, PhantomJS 1 only
-				// push.apply(_, arraylike) throws on ancient WebKit
-				jQuery.merge( nodes, tmp.childNodes );
-
-				// Remember the top-level container
-				tmp = fragment.firstChild;
-
-				// Ensure the created nodes are orphaned (#12392)
-				tmp.textContent = "";
-			}
-		}
-	}
-
-	// Remove wrapper from fragment
-	fragment.textContent = "";
-
-	i = 0;
-	while ( ( elem = nodes[ i++ ] ) ) {
-
-		// Skip elements already in the context collection (trac-4087)
-		if ( selection && jQuery.inArray( elem, selection ) > -1 ) {
-			if ( ignored ) {
-				ignored.push( elem );
-			}
-			continue;
-		}
-
-		contains = jQuery.contains( elem.ownerDocument, elem );
-
-		// Append to fragment
-		tmp = getAll( fragment.appendChild( elem ), "script" );
-
-		// Preserve script evaluation history
-		if ( contains ) {
-			setGlobalEval( tmp );
-		}
-
-		// Capture executables
-		if ( scripts ) {
-			j = 0;
-			while ( ( elem = tmp[ j++ ] ) ) {
-				if ( rscriptType.test( elem.type || "" ) ) {
-					scripts.push( elem );
-				}
-			}
-		}
-	}
-
-	return fragment;
-}
-
-
-( function() {
-	var fragment = document.createDocumentFragment(),
-		div = fragment.appendChild( document.createElement( "div" ) ),
-		input = document.createElement( "input" );
-
-	// Support: Android 4.0 - 4.3 only
-	// Check state lost if the name is set (#11217)
-	// Support: Windows Web Apps (WWA)
-	// `name` and `type` must use .setAttribute for WWA (#14901)
-	input.setAttribute( "type", "radio" );
-	input.setAttribute( "checked", "checked" );
-	input.setAttribute( "name", "t" );
-
-	div.appendChild( input );
-
-	// Support: Android <=4.1 only
-	// Older WebKit doesn't clone checked state correctly in fragments
-	support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
-	// Support: IE <=11 only
-	// Make sure textarea (and checkbox) defaultValue is properly cloned
-	div.innerHTML = "<textarea>x</textarea>";
-	support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
-} )();
-var documentElement = document.documentElement;
-
-
-
-var
-	rkeyEvent = /^key/,
-	rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
-	rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
-
-function returnTrue() {
-	return true;
-}
-
-function returnFalse() {
-	return false;
-}
-
-// Support: IE <=9 only
-// See #13393 for more info
-function safeActiveElement() {
-	try {
-		return document.activeElement;
-	} catch ( err ) { }
-}
-
-function on( elem, types, selector, data, fn, one ) {
-	var origFn, type;
-
-	// Types can be a map of types/handlers
-	if ( typeof types === "object" ) {
-
-		// ( types-Object, selector, data )
-		if ( typeof selector !== "string" ) {
-
-			// ( types-Object, data )
-			data = data || selector;
-			selector = undefined;
-		}
-		for ( type in types ) {
-			on( elem, type, selector, data, types[ type ], one );
-		}
-		return elem;
-	}
-
-	if ( data == null && fn == null ) {
-
-		// ( types, fn )
-		fn = selector;
-		data = selector = undefined;
-	} else if ( fn == null ) {
-		if ( typeof selector === "string" ) {
-
-			// ( types, selector, fn )
-			fn = data;
-			data = undefined;
-		} else {
-
-			// ( types, data, fn )
-			fn = data;
-			data = selector;
-			selector = undefined;
-		}
-	}
-	if ( fn === false ) {
-		fn = returnFalse;
-	} else if ( !fn ) {
-		return elem;
-	}
-
-	if ( one === 1 ) {
-		origFn = fn;
-		fn = function( event ) {
-
-			// Can use an empty set, since event contains the info
-			jQuery().off( event );
-			return origFn.apply( this, arguments );
-		};
-
-		// Use same guid so caller can remove using origFn
-		fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
-	}
-	return elem.each( function() {
-		jQuery.event.add( this, types, fn, data, selector );
-	} );
-}
-
-/*
- * Helper functions for managing events -- not part of the public interface.
- * Props to Dean Edwards' addEvent library for many of the ideas.
- */
-jQuery.event = {
-
-	global: {},
-
-	add: function( elem, types, handler, data, selector ) {
-
-		var handleObjIn, eventHandle, tmp,
-			events, t, handleObj,
-			special, handlers, type, namespaces, origType,
-			elemData = dataPriv.get( elem );
-
-		// Don't attach events to noData or text/comment nodes (but allow plain objects)
-		if ( !elemData ) {
-			return;
-		}
-
-		// Caller can pass in an object of custom data in lieu of the handler
-		if ( handler.handler ) {
-			handleObjIn = handler;
-			handler = handleObjIn.handler;
-			selector = handleObjIn.selector;
-		}
-
-		// Ensure that invalid selectors throw exceptions at attach time
-		// Evaluate against documentElement in case elem is a non-element node (e.g., document)
-		if ( selector ) {
-			jQuery.find.matchesSelector( documentElement, selector );
-		}
-
-		// Make sure that the handler has a unique ID, used to find/remove it later
-		if ( !handler.guid ) {
-			handler.guid = jQuery.guid++;
-		}
-
-		// Init the element's event structure and main handler, if this is the first
-		if ( !( events = elemData.events ) ) {
-			events = elemData.events = {};
-		}
-		if ( !( eventHandle = elemData.handle ) ) {
-			eventHandle = elemData.handle = function( e ) {
-
-				// Discard the second event of a jQuery.event.trigger() and
-				// when an event is called after a page has unloaded
-				return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?
-					jQuery.event.dispatch.apply( elem, arguments ) : undefined;
-			};
-		}
-
-		// Handle multiple events separated by a space
-		types = ( types || "" ).match( rnothtmlwhite ) || [ "" ];
-		t = types.length;
-		while ( t-- ) {
-			tmp = rtypenamespace.exec( types[ t ] ) || [];
-			type = origType = tmp[ 1 ];
-			namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
-
-			// There *must* be a type, no attaching namespace-only handlers
-			if ( !type ) {
-				continue;
-			}
-
-			// If event changes its type, use the special event handlers for the changed type
-			special = jQuery.event.special[ type ] || {};
-
-			// If selector defined, determine special event api type, otherwise given type
-			type = ( selector ? special.delegateType : special.bindType ) || type;
-
-			// Update special based on newly reset type
-			special = jQuery.event.special[ type ] || {};
-
-			// handleObj is passed to all event handlers
-			handleObj = jQuery.extend( {
-				type: type,
-				origType: origType,
-				data: data,
-				handler: handler,
-				guid: handler.guid,
-				selector: selector,
-				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
-				namespace: namespaces.join( "." )
-			}, handleObjIn );
-
-			// Init the event handler queue if we're the first
-			if ( !( handlers = events[ type ] ) ) {
-				handlers = events[ type ] = [];
-				handlers.delegateCount = 0;
-
-				// Only use addEventListener if the special events handler returns false
-				if ( !special.setup ||
-					special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
-
-					if ( elem.addEventListener ) {
-						elem.addEventListener( type, eventHandle );
-					}
-				}
-			}
-
-			if ( special.add ) {
-				special.add.call( elem, handleObj );
-
-				if ( !handleObj.handler.guid ) {
-					handleObj.handler.guid = handler.guid;
-				}
-			}
-
-			// Add to the element's handler list, delegates in front
-			if ( selector ) {
-				handlers.splice( handlers.delegateCount++, 0, handleObj );
-			} else {
-				handlers.push( handleObj );
-			}
-
-			// Keep track of which events have ever been used, for event optimization
-			jQuery.event.global[ type ] = true;
-		}
-
-	},
-
-	// Detach an event or set of events from an element
-	remove: function( elem, types, handler, selector, mappedTypes ) {
-
-		var j, origCount, tmp,
-			events, t, handleObj,
-			special, handlers, type, namespaces, origType,
-			elemData = dataPriv.hasData( elem ) && dataPriv.get( elem );
-
-		if ( !elemData || !( events = elemData.events ) ) {
-			return;
-		}
-
-		// Once for each type.namespace in types; type may be omitted
-		types = ( types || "" ).match( rnothtmlwhite ) || [ "" ];
-		t = types.length;
-		while ( t-- ) {
-			tmp = rtypenamespace.exec( types[ t ] ) || [];
-			type = origType = tmp[ 1 ];
-			namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
-
-			// Unbind all events (on this namespace, if provided) for the element
-			if ( !type ) {
-				for ( type in events ) {
-					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
-				}
-				continue;
-			}
-
-			special = jQuery.event.special[ type ] || {};
-			type = ( selector ? special.delegateType : special.bindType ) || type;
-			handlers = events[ type ] || [];
-			tmp = tmp[ 2 ] &&
-				new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" );
-
-			// Remove matching events
-			origCount = j = handlers.length;
-			while ( j-- ) {
-				handleObj = handlers[ j ];
-
-				if ( ( mappedTypes || origType === handleObj.origType ) &&
-					( !handler || handler.guid === handleObj.guid ) &&
-					( !tmp || tmp.test( handleObj.namespace ) ) &&
-					( !selector || selector === handleObj.selector ||
-						selector === "**" && handleObj.selector ) ) {
-					handlers.splice( j, 1 );
-
-					if ( handleObj.selector ) {
-						handlers.delegateCount--;
-					}
-					if ( special.remove ) {
-						special.remove.call( elem, handleObj );
-					}
-				}
-			}
-
-			// Remove generic event handler if we removed something and no more handlers exist
-			// (avoids potential for endless recursion during removal of special event handlers)
-			if ( origCount && !handlers.length ) {
-				if ( !special.teardown ||
-					special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
-
-					jQuery.removeEvent( elem, type, elemData.handle );
-				}
-
-				delete events[ type ];
-			}
-		}
-
-		// Remove data and the expando if it's no longer used
-		if ( jQuery.isEmptyObject( events ) ) {
-			dataPriv.remove( elem, "handle events" );
-		}
-	},
-
-	dispatch: function( nativeEvent ) {
-
-		// Make a writable jQuery.Event from the native event object
-		var event = jQuery.event.fix( nativeEvent );
-
-		var i, j, ret, matched, handleObj, handlerQueue,
-			args = new Array( arguments.length ),
-			handlers = ( dataPriv.get( this, "events" ) || {} )[ event.type ] || [],
-			special = jQuery.event.special[ event.type ] || {};
-
-		// Use the fix-ed jQuery.Event rather than the (read-only) native event
-		args[ 0 ] = event;
-
-		for ( i = 1; i < arguments.length; i++ ) {
-			args[ i ] = arguments[ i ];
-		}
-
-		event.delegateTarget = this;
-
-		// Call the preDispatch hook for the mapped type, and let it bail if desired
-		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
-			return;
-		}
-
-		// Determine handlers
-		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
-
-		// Run delegates first; they may want to stop propagation beneath us
-		i = 0;
-		while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) {
-			event.currentTarget = matched.elem;
-
-			j = 0;
-			while ( ( handleObj = matched.handlers[ j++ ] ) &&
-				!event.isImmediatePropagationStopped() ) {
-
-				// Triggered event must either 1) have no namespace, or 2) have namespace(s)
-				// a subset or equal to those in the bound event (both can have no namespace).
-				if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) {
-
-					event.handleObj = handleObj;
-					event.data = handleObj.data;
-
-					ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
-						handleObj.handler ).apply( matched.elem, args );
-
-					if ( ret !== undefined ) {
-						if ( ( event.result = ret ) === false ) {
-							event.preventDefault();
-							event.stopPropagation();
-						}
-					}
-				}
-			}
-		}
-
-		// Call the postDispatch hook for the mapped type
-		if ( special.postDispatch ) {
-			special.postDispatch.call( this, event );
-		}
-
-		return event.result;
-	},
-
-	handlers: function( event, handlers ) {
-		var i, handleObj, sel, matchedHandlers, matchedSelectors,
-			handlerQueue = [],
-			delegateCount = handlers.delegateCount,
-			cur = event.target;
-
-		// Find delegate handlers
-		if ( delegateCount &&
-
-			// Support: IE <=9
-			// Black-hole SVG <use> instance trees (trac-13180)
-			cur.nodeType &&
-
-			// Support: Firefox <=42
-			// Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861)
-			// https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click
-			// Support: IE 11 only
-			// ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343)
-			!( event.type === "click" && event.button >= 1 ) ) {
-
-			for ( ; cur !== this; cur = cur.parentNode || this ) {
-
-				// Don't check non-elements (#13208)
-				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
-				if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) {
-					matchedHandlers = [];
-					matchedSelectors = {};
-					for ( i = 0; i < delegateCount; i++ ) {
-						handleObj = handlers[ i ];
-
-						// Don't conflict with Object.prototype properties (#13203)
-						sel = handleObj.selector + " ";
-
-						if ( matchedSelectors[ sel ] === undefined ) {
-							matchedSelectors[ sel ] = handleObj.needsContext ?
-								jQuery( sel, this ).index( cur ) > -1 :
-								jQuery.find( sel, this, null, [ cur ] ).length;
-						}
-						if ( matchedSelectors[ sel ] ) {
-							matchedHandlers.push( handleObj );
-						}
-					}
-					if ( matchedHandlers.length ) {
-						handlerQueue.push( { elem: cur, handlers: matchedHandlers } );
-					}
-				}
-			}
-		}
-
-		// Add the remaining (directly-bound) handlers
-		cur = this;
-		if ( delegateCount < handlers.length ) {
-			handlerQueue.push( { elem: cur, handlers: handlers.slice( delegateCount ) } );
-		}
-
-		return handlerQueue;
-	},
-
-	addProp: function( name, hook ) {
-		Object.defineProperty( jQuery.Event.prototype, name, {
-			enumerable: true,
-			configurable: true,
-
-			get: isFunction( hook ) ?
-				function() {
-					if ( this.originalEvent ) {
-							return hook( this.originalEvent );
-					}
-				} :
-				function() {
-					if ( this.originalEvent ) {
-							return this.originalEvent[ name ];
-					}
-				},
-
-			set: function( value ) {
-				Object.defineProperty( this, name, {
-					enumerable: true,
-					configurable: true,
-					writable: true,
-					value: value
-				} );
-			}
-		} );
-	},
-
-	fix: function( originalEvent ) {
-		return originalEvent[ jQuery.expando ] ?
-			originalEvent :
-			new jQuery.Event( originalEvent );
-	},
-
-	special: {
-		load: {
-
-			// Prevent triggered image.load events from bubbling to window.load
-			noBubble: true
-		},
-		focus: {
-
-			// Fire native event if possible so blur/focus sequence is correct
-			trigger: function() {
-				if ( this !== safeActiveElement() && this.focus ) {
-					this.focus();
-					return false;
-				}
-			},
-			delegateType: "focusin"
-		},
-		blur: {
-			trigger: function() {
-				if ( this === safeActiveElement() && this.blur ) {
-					this.blur();
-					return false;
-				}
-			},
-			delegateType: "focusout"
-		},
-		click: {
-
-			// For checkbox, fire native event so checked state will be right
-			trigger: function() {
-				if ( this.type === "checkbox" && this.click && nodeName( this, "input" ) ) {
-					this.click();
-					return false;
-				}
-			},
-
-			// For cross-browser consistency, don't fire native .click() on links
-			_default: function( event ) {
-				return nodeName( event.target, "a" );
-			}
-		},
-
-		beforeunload: {
-			postDispatch: function( event ) {
-
-				// Support: Firefox 20+
-				// Firefox doesn't alert if the returnValue field is not set.
-				if ( event.result !== undefined && event.originalEvent ) {
-					event.originalEvent.returnValue = event.result;
-				}
-			}
-		}
-	}
-};
-
-jQuery.removeEvent = function( elem, type, handle ) {
-
-	// This "if" is needed for plain objects
-	if ( elem.removeEventListener ) {
-		elem.removeEventListener( type, handle );
-	}
-};
-
-jQuery.Event = function( src, props ) {
-
-	// Allow instantiation without the 'new' keyword
-	if ( !( this instanceof jQuery.Event ) ) {
-		return new jQuery.Event( src, props );
-	}
-
-	// Event object
-	if ( src && src.type ) {
-		this.originalEvent = src;
-		this.type = src.type;
-
-		// Events bubbling up the document may have been marked as prevented
-		// by a handler lower down the tree; reflect the correct value.
-		this.isDefaultPrevented = src.defaultPrevented ||
-				src.defaultPrevented === undefined &&
-
-				// Support: Android <=2.3 only
-				src.returnValue === false ?
-			returnTrue :
-			returnFalse;
-
-		// Create target properties
-		// Support: Safari <=6 - 7 only
-		// Target should not be a text node (#504, #13143)
-		this.target = ( src.target && src.target.nodeType === 3 ) ?
-			src.target.parentNode :
-			src.target;
-
-		this.currentTarget = src.currentTarget;
-		this.relatedTarget = src.relatedTarget;
-
-	// Event type
-	} else {
-		this.type = src;
-	}
-
-	// Put explicitly provided properties onto the event object
-	if ( props ) {
-		jQuery.extend( this, props );
-	}
-
-	// Create a timestamp if incoming event doesn't have one
-	this.timeStamp = src && src.timeStamp || Date.now();
-
-	// Mark it as fixed
-	this[ jQuery.expando ] = true;
-};
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
-	constructor: jQuery.Event,
-	isDefaultPrevented: returnFalse,
-	isPropagationStopped: returnFalse,
-	isImmediatePropagationStopped: returnFalse,
-	isSimulated: false,
-
-	preventDefault: function() {
-		var e = this.originalEvent;
-
-		this.isDefaultPrevented = returnTrue;
-
-		if ( e && !this.isSimulated ) {
-			e.preventDefault();
-		}
-	},
-	stopPropagation: function() {
-		var e = this.originalEvent;
-
-		this.isPropagationStopped = returnTrue;
-
-		if ( e && !this.isSimulated ) {
-			e.stopPropagation();
-		}
-	},
-	stopImmediatePropagation: function() {
-		var e = this.originalEvent;
-
-		this.isImmediatePropagationStopped = returnTrue;
-
-		if ( e && !this.isSimulated ) {
-			e.stopImmediatePropagation();
-		}
-
-		this.stopPropagation();
-	}
-};
-
-// Includes all common event props including KeyEvent and MouseEvent specific props
-jQuery.each( {
-	altKey: true,
-	bubbles: true,
-	cancelable: true,
-	changedTouches: true,
-	ctrlKey: true,
-	detail: true,
-	eventPhase: true,
-	metaKey: true,
-	pageX: true,
-	pageY: true,
-	shiftKey: true,
-	view: true,
-	"char": true,
-	charCode: true,
-	key: true,
-	keyCode: true,
-	button: true,
-	buttons: true,
-	clientX: true,
-	clientY: true,
-	offsetX: true,
-	offsetY: true,
-	pointerId: true,
-	pointerType: true,
-	screenX: true,
-	screenY: true,
-	targetTouches: true,
-	toElement: true,
-	touches: true,
-
-	which: function( event ) {
-		var button = event.button;
-
-		// Add which for key events
-		if ( event.which == null && rkeyEvent.test( event.type ) ) {
-			return event.charCode != null ? event.charCode : event.keyCode;
-		}
-
-		// Add which for click: 1 === left; 2 === middle; 3 === right
-		if ( !event.which && button !== undefined && rmouseEvent.test( event.type ) ) {
-			if ( button & 1 ) {
-				return 1;
-			}
-
-			if ( button & 2 ) {
-				return 3;
-			}
-
-			if ( button & 4 ) {
-				return 2;
-			}
-
-			return 0;
-		}
-
-		return event.which;
-	}
-}, jQuery.event.addProp );
-
-// Create mouseenter/leave events using mouseover/out and event-time checks
-// so that event delegation works in jQuery.
-// Do the same for pointerenter/pointerleave and pointerover/pointerout
-//
-// Support: Safari 7 only
-// Safari sends mouseenter too often; see:
-// https://bugs.chromium.org/p/chromium/issues/detail?id=470258
-// for the description of the bug (it existed in older Chrome versions as well).
-jQuery.each( {
-	mouseenter: "mouseover",
-	mouseleave: "mouseout",
-	pointerenter: "pointerover",
-	pointerleave: "pointerout"
-}, function( orig, fix ) {
-	jQuery.event.special[ orig ] = {
-		delegateType: fix,
-		bindType: fix,
-
-		handle: function( event ) {
-			var ret,
-				target = this,
-				related = event.relatedTarget,
-				handleObj = event.handleObj;
-
-			// For mouseenter/leave call the handler if related is outside the target.
-			// NB: No relatedTarget if the mouse left/entered the browser window
-			if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) {
-				event.type = handleObj.origType;
-				ret = handleObj.handler.apply( this, arguments );
-				event.type = fix;
-			}
-			return ret;
-		}
-	};
-} );
-
-jQuery.fn.extend( {
-
-	on: function( types, selector, data, fn ) {
-		return on( this, types, selector, data, fn );
-	},
-	one: function( types, selector, data, fn ) {
-		return on( this, types, selector, data, fn, 1 );
-	},
-	off: function( types, selector, fn ) {
-		var handleObj, type;
-		if ( types && types.preventDefault && types.handleObj ) {
-
-			// ( event )  dispatched jQuery.Event
-			handleObj = types.handleObj;
-			jQuery( types.delegateTarget ).off(
-				handleObj.namespace ?
-					handleObj.origType + "." + handleObj.namespace :
-					handleObj.origType,
-				handleObj.selector,
-				handleObj.handler
-			);
-			return this;
-		}
-		if ( typeof types === "object" ) {
-
-			// ( types-object [, selector] )
-			for ( type in types ) {
-				this.off( type, selector, types[ type ] );
-			}
-			return this;
-		}
-		if ( selector === false || typeof selector === "function" ) {
-
-			// ( types [, fn] )
-			fn = selector;
-			selector = undefined;
-		}
-		if ( fn === false ) {
-			fn = returnFalse;
-		}
-		return this.each( function() {
-			jQuery.event.remove( this, types, fn, selector );
-		} );
-	}
-} );
-
-
-var
-
-	/* eslint-disable max-len */
-
-	// See https://github.com/eslint/eslint/issues/3229
-	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi,
-
-	/* eslint-enable */
-
-	// Support: IE <=10 - 11, Edge 12 - 13 only
-	// In IE/Edge using regex groups here causes severe slowdowns.
-	// See https://connect.microsoft.com/IE/feedback/details/1736512/
-	rnoInnerhtml = /<script|<style|<link/i,
-
-	// checked="checked" or checked
-	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
-	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
-
-// Prefer a tbody over its parent table for containing new rows
-function manipulationTarget( elem, content ) {
-	if ( nodeName( elem, "table" ) &&
-		nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ) {
-
-		return jQuery( elem ).children( "tbody" )[ 0 ] || elem;
-	}
-
-	return elem;
-}
-
-// Replace/restore the type attribute of script elements for safe DOM manipulation
-function disableScript( elem ) {
-	elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type;
-	return elem;
-}
-function restoreScript( elem ) {
-	if ( ( elem.type || "" ).slice( 0, 5 ) === "true/" ) {
-		elem.type = elem.type.slice( 5 );
-	} else {
-		elem.removeAttribute( "type" );
-	}
-
-	return elem;
-}
-
-function cloneCopyEvent( src, dest ) {
-	var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events;
-
-	if ( dest.nodeType !== 1 ) {
-		return;
-	}
-
-	// 1. Copy private data: events, handlers, etc.
-	if ( dataPriv.hasData( src ) ) {
-		pdataOld = dataPriv.access( src );
-		pdataCur = dataPriv.set( dest, pdataOld );
-		events = pdataOld.events;
-
-		if ( events ) {
-			delete pdataCur.handle;
-			pdataCur.events = {};
-
-			for ( type in events ) {
-				for ( i = 0, l = events[ type ].length; i < l; i++ ) {
-					jQuery.event.add( dest, type, events[ type ][ i ] );
-				}
-			}
-		}
-	}
-
-	// 2. Copy user data
-	if ( dataUser.hasData( src ) ) {
-		udataOld = dataUser.access( src );
-		udataCur = jQuery.extend( {}, udataOld );
-
-		dataUser.set( dest, udataCur );
-	}
-}
-
-// Fix IE bugs, see support tests
-function fixInput( src, dest ) {
-	var nodeName = dest.nodeName.toLowerCase();
-
-	// Fails to persist the checked state of a cloned checkbox or radio button.
-	if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
-		dest.checked = src.checked;
-
-	// Fails to return the selected option to the default selected state when cloning options
-	} else if ( nodeName === "input" || nodeName === "textarea" ) {
-		dest.defaultValue = src.defaultValue;
-	}
-}
-
-function domManip( collection, args, callback, ignored ) {
-
-	// Flatten any nested arrays
-	args = concat.apply( [], args );
-
-	var fragment, first, scripts, hasScripts, node, doc,
-		i = 0,
-		l = collection.length,
-		iNoClone = l - 1,
-		value = args[ 0 ],
-		valueIsFunction = isFunction( value );
-
-	// We can't cloneNode fragments that contain checked, in WebKit
-	if ( valueIsFunction ||
-			( l > 1 && typeof value === "string" &&
-				!support.checkClone && rchecked.test( value ) ) ) {
-		return collection.each( function( index ) {
-			var self = collection.eq( index );
-			if ( valueIsFunction ) {
-				args[ 0 ] = value.call( this, index, self.html() );
-			}
-			domManip( self, args, callback, ignored );
-		} );
-	}
-
-	if ( l ) {
-		fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored );
-		first = fragment.firstChild;
-
-		if ( fragment.childNodes.length === 1 ) {
-			fragment = first;
-		}
-
-		// Require either new content or an interest in ignored elements to invoke the callback
-		if ( first || ignored ) {
-			scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
-			hasScripts = scripts.length;
-
-			// Use the original fragment for the last item
-			// instead of the first because it can end up
-			// being emptied incorrectly in certain situations (#8070).
-			for ( ; i < l; i++ ) {
-				node = fragment;
-
-				if ( i !== iNoClone ) {
-					node = jQuery.clone( node, true, true );
-
-					// Keep references to cloned scripts for later restoration
-					if ( hasScripts ) {
-
-						// Support: Android <=4.0 only, PhantomJS 1 only
-						// push.apply(_, arraylike) throws on ancient WebKit
-						jQuery.merge( scripts, getAll( node, "script" ) );
-					}
-				}
-
-				callback.call( collection[ i ], node, i );
-			}
-
-			if ( hasScripts ) {
-				doc = scripts[ scripts.length - 1 ].ownerDocument;
-
-				// Reenable scripts
-				jQuery.map( scripts, restoreScript );
-
-				// Evaluate executable scripts on first document insertion
-				for ( i = 0; i < hasScripts; i++ ) {
-					node = scripts[ i ];
-					if ( rscriptType.test( node.type || "" ) &&
-						!dataPriv.access( node, "globalEval" ) &&
-						jQuery.contains( doc, node ) ) {
-
-						if ( node.src && ( node.type || "" ).toLowerCase()  !== "module" ) {
-
-							// Optional AJAX dependency, but won't run scripts if not present
-							if ( jQuery._evalUrl ) {
-								jQuery._evalUrl( node.src );
-							}
-						} else {
-							DOMEval( node.textContent.replace( rcleanScript, "" ), doc, node );
-						}
-					}
-				}
-			}
-		}
-	}
-
-	return collection;
-}
-
-function remove( elem, selector, keepData ) {
-	var node,
-		nodes = selector ? jQuery.filter( selector, elem ) : elem,
-		i = 0;
-
-	for ( ; ( node = nodes[ i ] ) != null; i++ ) {
-		if ( !keepData && node.nodeType === 1 ) {
-			jQuery.cleanData( getAll( node ) );
-		}
-
-		if ( node.parentNode ) {
-			if ( keepData && jQuery.contains( node.ownerDocument, node ) ) {
-				setGlobalEval( getAll( node, "script" ) );
-			}
-			node.parentNode.removeChild( node );
-		}
-	}
-
-	return elem;
-}
-
-jQuery.extend( {
-	htmlPrefilter: function( html ) {
-		return html.replace( rxhtmlTag, "<$1></$2>" );
-	},
-
-	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
-		var i, l, srcElements, destElements,
-			clone = elem.cloneNode( true ),
-			inPage = jQuery.contains( elem.ownerDocument, elem );
-
-		// Fix IE cloning issues
-		if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) &&
-				!jQuery.isXMLDoc( elem ) ) {
-
-			// We eschew Sizzle here for performance reasons: https://jsperf.com/getall-vs-sizzle/2
-			destElements = getAll( clone );
-			srcElements = getAll( elem );
-
-			for ( i = 0, l = srcElements.length; i < l; i++ ) {
-				fixInput( srcElements[ i ], destElements[ i ] );
-			}
-		}
-
-		// Copy the events from the original to the clone
-		if ( dataAndEvents ) {
-			if ( deepDataAndEvents ) {
-				srcElements = srcElements || getAll( elem );
-				destElements = destElements || getAll( clone );
-
-				for ( i = 0, l = srcElements.length; i < l; i++ ) {
-					cloneCopyEvent( srcElements[ i ], destElements[ i ] );
-				}
-			} else {
-				cloneCopyEvent( elem, clone );
-			}
-		}
-
-		// Preserve script evaluation history
-		destElements = getAll( clone, "script" );
-		if ( destElements.length > 0 ) {
-			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
-		}
-
-		// Return the cloned set
-		return clone;
-	},
-
-	cleanData: function( elems ) {
-		var data, elem, type,
-			special = jQuery.event.special,
-			i = 0;
-
-		for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) {
-			if ( acceptData( elem ) ) {
-				if ( ( data = elem[ dataPriv.expando ] ) ) {
-					if ( data.events ) {
-						for ( type in data.events ) {
-							if ( special[ type ] ) {
-								jQuery.event.remove( elem, type );
-
-							// This is a shortcut to avoid jQuery.event.remove's overhead
-							} else {
-								jQuery.removeEvent( elem, type, data.handle );
-							}
-						}
-					}
-
-					// Support: Chrome <=35 - 45+
-					// Assign undefined instead of using delete, see Data#remove
-					elem[ dataPriv.expando ] = undefined;
-				}
-				if ( elem[ dataUser.expando ] ) {
-
-					// Support: Chrome <=35 - 45+
-					// Assign undefined instead of using delete, see Data#remove
-					elem[ dataUser.expando ] = undefined;
-				}
-			}
-		}
-	}
-} );
-
-jQuery.fn.extend( {
-	detach: function( selector ) {
-		return remove( this, selector, true );
-	},
-
-	remove: function( selector ) {
-		return remove( this, selector );
-	},
-
-	text: function( value ) {
-		return access( this, function( value ) {
-			return value === undefined ?
-				jQuery.text( this ) :
-				this.empty().each( function() {
-					if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
-						this.textContent = value;
-					}
-				} );
-		}, null, value, arguments.length );
-	},
-
-	append: function() {
-		return domManip( this, arguments, function( elem ) {
-			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
-				var target = manipulationTarget( this, elem );
-				target.appendChild( elem );
-			}
-		} );
-	},
-
-	prepend: function() {
-		return domManip( this, arguments, function( elem ) {
-			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
-				var target = manipulationTarget( this, elem );
-				target.insertBefore( elem, target.firstChild );
-			}
-		} );
-	},
-
-	before: function() {
-		return domManip( this, arguments, function( elem ) {
-			if ( this.parentNode ) {
-				this.parentNode.insertBefore( elem, this );
-			}
-		} );
-	},
-
-	after: function() {
-		return domManip( this, arguments, function( elem ) {
-			if ( this.parentNode ) {
-				this.parentNode.insertBefore( elem, this.nextSibling );
-			}
-		} );
-	},
-
-	empty: function() {
-		var elem,
-			i = 0;
-
-		for ( ; ( elem = this[ i ] ) != null; i++ ) {
-			if ( elem.nodeType === 1 ) {
-
-				// Prevent memory leaks
-				jQuery.cleanData( getAll( elem, false ) );
-
-				// Remove any remaining nodes
-				elem.textContent = "";
-			}
-		}
-
-		return this;
-	},
-
-	clone: function( dataAndEvents, deepDataAndEvents ) {
-		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
-		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
-		return this.map( function() {
-			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
-		} );
-	},
-
-	html: function( value ) {
-		return access( this, function( value ) {
-			var elem = this[ 0 ] || {},
-				i = 0,
-				l = this.length;
-
-			if ( value === undefined && elem.nodeType === 1 ) {
-				return elem.innerHTML;
-			}
-
-			// See if we can take a shortcut and just use innerHTML
-			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
-				!wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) {
-
-				value = jQuery.htmlPrefilter( value );
-
-				try {
-					for ( ; i < l; i++ ) {
-						elem = this[ i ] || {};
-
-						// Remove element nodes and prevent memory leaks
-						if ( elem.nodeType === 1 ) {
-							jQuery.cleanData( getAll( elem, false ) );
-							elem.innerHTML = value;
-						}
-					}
-
-					elem = 0;
-
-				// If using innerHTML throws an exception, use the fallback method
-				} catch ( e ) {}
-			}
-
-			if ( elem ) {
-				this.empty().append( value );
-			}
-		}, null, value, arguments.length );
-	},
-
-	replaceWith: function() {
-		var ignored = [];
-
-		// Make the changes, replacing each non-ignored context element with the new content
-		return domManip( this, arguments, function( elem ) {
-			var parent = this.parentNode;
-
-			if ( jQuery.inArray( this, ignored ) < 0 ) {
-				jQuery.cleanData( getAll( this ) );
-				if ( parent ) {
-					parent.replaceChild( elem, this );
-				}
-			}
-
-		// Force callback invocation
-		}, ignored );
-	}
-} );
-
-jQuery.each( {
-	appendTo: "append",
-	prependTo: "prepend",
-	insertBefore: "before",
-	insertAfter: "after",
-	replaceAll: "replaceWith"
-}, function( name, original ) {
-	jQuery.fn[ name ] = function( selector ) {
-		var elems,
-			ret = [],
-			insert = jQuery( selector ),
-			last = insert.length - 1,
-			i = 0;
-
-		for ( ; i <= last; i++ ) {
-			elems = i === last ? this : this.clone( true );
-			jQuery( insert[ i ] )[ original ]( elems );
-
-			// Support: Android <=4.0 only, PhantomJS 1 only
-			// .get() because push.apply(_, arraylike) throws on ancient WebKit
-			push.apply( ret, elems.get() );
-		}
-
-		return this.pushStack( ret );
-	};
-} );
-var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
-
-var getStyles = function( elem ) {
-
-		// Support: IE <=11 only, Firefox <=30 (#15098, #14150)
-		// IE throws on elements created in popups
-		// FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
-		var view = elem.ownerDocument.defaultView;
-
-		if ( !view || !view.opener ) {
-			view = window;
-		}
-
-		return view.getComputedStyle( elem );
-	};
-
-var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
-
-
-
-( function() {
-
-	// Executing both pixelPosition & boxSizingReliable tests require only one layout
-	// so they're executed at the same time to save the second computation.
-	function computeStyleTests() {
-
-		// This is a singleton, we need to execute it only once
-		if ( !div ) {
-			return;
-		}
-
-		container.style.cssText = "position:absolute;left:-11111px;width:60px;" +
-			"margin-top:1px;padding:0;border:0";
-		div.style.cssText =
-			"position:relative;display:block;box-sizing:border-box;overflow:scroll;" +
-			"margin:auto;border:1px;padding:1px;" +
-			"width:60%;top:1%";
-		documentElement.appendChild( container ).appendChild( div );
-
-		var divStyle = window.getComputedStyle( div );
-		pixelPositionVal = divStyle.top !== "1%";
-
-		// Support: Android 4.0 - 4.3 only, Firefox <=3 - 44
-		reliableMarginLeftVal = roundPixelMeasures( divStyle.marginLeft ) === 12;
-
-		// Support: Android 4.0 - 4.3 only, Safari <=9.1 - 10.1, iOS <=7.0 - 9.3
-		// Some styles come back with percentage values, even though they shouldn't
-		div.style.right = "60%";
-		pixelBoxStylesVal = roundPixelMeasures( divStyle.right ) === 36;
-
-		// Support: IE 9 - 11 only
-		// Detect misreporting of content dimensions for box-sizing:border-box elements
-		boxSizingReliableVal = roundPixelMeasures( divStyle.width ) === 36;
-
-		// Support: IE 9 only
-		// Detect overflow:scroll screwiness (gh-3699)
-		div.style.position = "absolute";
-		scrollboxSizeVal = div.offsetWidth === 36 || "absolute";
-
-		documentElement.removeChild( container );
-
-		// Nullify the div so it wouldn't be stored in the memory and
-		// it will also be a sign that checks already performed
-		div = null;
-	}
-
-	function roundPixelMeasures( measure ) {
-		return Math.round( parseFloat( measure ) );
-	}
-
-	var pixelPositionVal, boxSizingReliableVal, scrollboxSizeVal, pixelBoxStylesVal,
-		reliableMarginLeftVal,
-		container = document.createElement( "div" ),
-		div = document.createElement( "div" );
-
-	// Finish early in limited (non-browser) environments
-	if ( !div.style ) {
-		return;
-	}
-
-	// Support: IE <=9 - 11 only
-	// Style of cloned element affects source element cloned (#8908)
-	div.style.backgroundClip = "content-box";
-	div.cloneNode( true ).style.backgroundClip = "";
-	support.clearCloneStyle = div.style.backgroundClip === "content-box";
-
-	jQuery.extend( support, {
-		boxSizingReliable: function() {
-			computeStyleTests();
-			return boxSizingReliableVal;
-		},
-		pixelBoxStyles: function() {
-			computeStyleTests();
-			return pixelBoxStylesVal;
-		},
-		pixelPosition: function() {
-			computeStyleTests();
-			return pixelPositionVal;
-		},
-		reliableMarginLeft: function() {
-			computeStyleTests();
-			return reliableMarginLeftVal;
-		},
-		scrollboxSize: function() {
-			computeStyleTests();
-			return scrollboxSizeVal;
-		}
-	} );
-} )();
-
-
-function curCSS( elem, name, computed ) {
-	var width, minWidth, maxWidth, ret,
-
-		// Support: Firefox 51+
-		// Retrieving style before computed somehow
-		// fixes an issue with getting wrong values
-		// on detached elements
-		style = elem.style;
-
-	computed = computed || getStyles( elem );
-
-	// getPropertyValue is needed for:
-	//   .css('filter') (IE 9 only, #12537)
-	//   .css('--customProperty) (#3144)
-	if ( computed ) {
-		ret = computed.getPropertyValue( name ) || computed[ name ];
-
-		if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
-			ret = jQuery.style( elem, name );
-		}
-
-		// A tribute to the "awesome hack by Dean Edwards"
-		// Android Browser returns percentage for some values,
-		// but width seems to be reliably pixels.
-		// This is against the CSSOM draft spec:
-		// https://drafts.csswg.org/cssom/#resolved-values
-		if ( !support.pixelBoxStyles() && rnumnonpx.test( ret ) && rboxStyle.test( name ) ) {
-
-			// Remember the original values
-			width = style.width;
-			minWidth = style.minWidth;
-			maxWidth = style.maxWidth;
-
-			// Put in the new values to get a computed value out
-			style.minWidth = style.maxWidth = style.width = ret;
-			ret = computed.width;
-
-			// Revert the changed values
-			style.width = width;
-			style.minWidth = minWidth;
-			style.maxWidth = maxWidth;
-		}
-	}
-
-	return ret !== undefined ?
-
-		// Support: IE <=9 - 11 only
-		// IE returns zIndex value as an integer.
-		ret + "" :
-		ret;
-}
-
-
-function addGetHookIf( conditionFn, hookFn ) {
-
-	// Define the hook, we'll check on the first run if it's really needed.
-	return {
-		get: function() {
-			if ( conditionFn() ) {
-
-				// Hook not needed (or it's not possible to use it due
-				// to missing dependency), remove it.
-				delete this.get;
-				return;
-			}
-
-			// Hook needed; redefine it so that the support test is not executed again.
-			return ( this.get = hookFn ).apply( this, arguments );
-		}
-	};
-}
-
-
-var
-
-	// Swappable if display is none or starts with table
-	// except "table", "table-cell", or "table-caption"
-	// See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
-	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
-	rcustomProp = /^--/,
-	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
-	cssNormalTransform = {
-		letterSpacing: "0",
-		fontWeight: "400"
-	},
-
-	cssPrefixes = [ "Webkit", "Moz", "ms" ],
-	emptyStyle = document.createElement( "div" ).style;
-
-// Return a css property mapped to a potentially vendor prefixed property
-function vendorPropName( name ) {
-
-	// Shortcut for names that are not vendor prefixed
-	if ( name in emptyStyle ) {
-		return name;
-	}
-
-	// Check for vendor prefixed names
-	var capName = name[ 0 ].toUpperCase() + name.slice( 1 ),
-		i = cssPrefixes.length;
-
-	while ( i-- ) {
-		name = cssPrefixes[ i ] + capName;
-		if ( name in emptyStyle ) {
-			return name;
-		}
-	}
-}
-
-// Return a property mapped along what jQuery.cssProps suggests or to
-// a vendor prefixed property.
-function finalPropName( name ) {
-	var ret = jQuery.cssProps[ name ];
-	if ( !ret ) {
-		ret = jQuery.cssProps[ name ] = vendorPropName( name ) || name;
-	}
-	return ret;
-}
-
-function setPositiveNumber( elem, value, subtract ) {
-
-	// Any relative (+/-) values have already been
-	// normalized at this point
-	var matches = rcssNum.exec( value );
-	return matches ?
-
-		// Guard against undefined "subtract", e.g., when used as in cssHooks
-		Math.max( 0, matches[ 2 ] - ( subtract || 0 ) ) + ( matches[ 3 ] || "px" ) :
-		value;
-}
-
-function boxModelAdjustment( elem, dimension, box, isBorderBox, styles, computedVal ) {
-	var i = dimension === "width" ? 1 : 0,
-		extra = 0,
-		delta = 0;
-
-	// Adjustment may not be necessary
-	if ( box === ( isBorderBox ? "border" : "content" ) ) {
-		return 0;
-	}
-
-	for ( ; i < 4; i += 2 ) {
-
-		// Both box models exclude margin
-		if ( box === "margin" ) {
-			delta += jQuery.css( elem, box + cssExpand[ i ], true, styles );
-		}
-
-		// If we get here with a content-box, we're seeking "padding" or "border" or "margin"
-		if ( !isBorderBox ) {
-
-			// Add padding
-			delta += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
-
-			// For "border" or "margin", add border
-			if ( box !== "padding" ) {
-				delta += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
-
-			// But still keep track of it otherwise
-			} else {
-				extra += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
-			}
-
-		// If we get here with a border-box (content + padding + border), we're seeking "content" or
-		// "padding" or "margin"
-		} else {
-
-			// For "content", subtract padding
-			if ( box === "content" ) {
-				delta -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
-			}
-
-			// For "content" or "padding", subtract border
-			if ( box !== "margin" ) {
-				delta -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
-			}
-		}
-	}
-
-	// Account for positive content-box scroll gutter when requested by providing computedVal
-	if ( !isBorderBox && computedVal >= 0 ) {
-
-		// offsetWidth/offsetHeight is a rounded sum of content, padding, scroll gutter, and border
-		// Assuming integer scroll gutter, subtract the rest and round down
-		delta += Math.max( 0, Math.ceil(
-			elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] -
-			computedVal -
-			delta -
-			extra -
-			0.5
-		) );
-	}
-
-	return delta;
-}
-
-function getWidthOrHeight( elem, dimension, extra ) {
-
-	// Start with computed style
-	var styles = getStyles( elem ),
-		val = curCSS( elem, dimension, styles ),
-		isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
-		valueIsBorderBox = isBorderBox;
-
-	// Support: Firefox <=54
-	// Return a confounding non-pixel value or feign ignorance, as appropriate.
-	if ( rnumnonpx.test( val ) ) {
-		if ( !extra ) {
-			return val;
-		}
-		val = "auto";
-	}
-
-	// Check for style in case a browser which returns unreliable values
-	// for getComputedStyle silently falls back to the reliable elem.style
-	valueIsBorderBox = valueIsBorderBox &&
-		( support.boxSizingReliable() || val === elem.style[ dimension ] );
-
-	// Fall back to offsetWidth/offsetHeight when value is "auto"
-	// This happens for inline elements with no explicit setting (gh-3571)
-	// Support: Android <=4.1 - 4.3 only
-	// Also use offsetWidth/offsetHeight for misreported inline dimensions (gh-3602)
-	if ( val === "auto" ||
-		!parseFloat( val ) && jQuery.css( elem, "display", false, styles ) === "inline" ) {
-
-		val = elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ];
-
-		// offsetWidth/offsetHeight provide border-box values
-		valueIsBorderBox = true;
-	}
-
-	// Normalize "" and auto
-	val = parseFloat( val ) || 0;
-
-	// Adjust for the element's box model
-	return ( val +
-		boxModelAdjustment(
-			elem,
-			dimension,
-			extra || ( isBorderBox ? "border" : "content" ),
-			valueIsBorderBox,
-			styles,
-
-			// Provide the current computed size to request scroll gutter calculation (gh-3589)
-			val
-		)
-	) + "px";
-}
-
-jQuery.extend( {
-
-	// Add in style property hooks for overriding the default
-	// behavior of getting and setting a style property
-	cssHooks: {
-		opacity: {
-			get: function( elem, computed ) {
-				if ( computed ) {
-
-					// We should always get a number back from opacity
-					var ret = curCSS( elem, "opacity" );
-					return ret === "" ? "1" : ret;
-				}
-			}
-		}
-	},
-
-	// Don't automatically add "px" to these possibly-unitless properties
-	cssNumber: {
-		"animationIterationCount": true,
-		"columnCount": true,
-		"fillOpacity": true,
-		"flexGrow": true,
-		"flexShrink": true,
-		"fontWeight": true,
-		"lineHeight": true,
-		"opacity": true,
-		"order": true,
-		"orphans": true,
-		"widows": true,
-		"zIndex": true,
-		"zoom": true
-	},
-
-	// Add in properties whose names you wish to fix before
-	// setting or getting the value
-	cssProps: {},
-
-	// Get and set the style property on a DOM Node
-	style: function( elem, name, value, extra ) {
-
-		// Don't set styles on text and comment nodes
-		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
-			return;
-		}
-
-		// Make sure that we're working with the right name
-		var ret, type, hooks,
-			origName = camelCase( name ),
-			isCustomProp = rcustomProp.test( name ),
-			style = elem.style;
-
-		// Make sure that we're working with the right name. We don't
-		// want to query the value if it is a CSS custom property
-		// since they are user-defined.
-		if ( !isCustomProp ) {
-			name = finalPropName( origName );
-		}
-
-		// Gets hook for the prefixed version, then unprefixed version
-		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
-
-		// Check if we're setting a value
-		if ( value !== undefined ) {
-			type = typeof value;
-
-			// Convert "+=" or "-=" to relative numbers (#7345)
-			if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) {
-				value = adjustCSS( elem, name, ret );
-
-				// Fixes bug #9237
-				type = "number";
-			}
-
-			// Make sure that null and NaN values aren't set (#7116)
-			if ( value == null || value !== value ) {
-				return;
-			}
-
-			// If a number was passed in, add the unit (except for certain CSS properties)
-			if ( type === "number" ) {
-				value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" );
-			}
-
-			// background-* props affect original clone's values
-			if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) {
-				style[ name ] = "inherit";
-			}
-
-			// If a hook was provided, use that value, otherwise just set the specified value
-			if ( !hooks || !( "set" in hooks ) ||
-				( value = hooks.set( elem, value, extra ) ) !== undefined ) {
-
-				if ( isCustomProp ) {
-					style.setProperty( name, value );
-				} else {
-					style[ name ] = value;
-				}
-			}
-
-		} else {
-
-			// If a hook was provided get the non-computed value from there
-			if ( hooks && "get" in hooks &&
-				( ret = hooks.get( elem, false, extra ) ) !== undefined ) {
-
-				return ret;
-			}
-
-			// Otherwise just get the value from the style object
-			return style[ name ];
-		}
-	},
-
-	css: function( elem, name, extra, styles ) {
-		var val, num, hooks,
-			origName = camelCase( name ),
-			isCustomProp = rcustomProp.test( name );
-
-		// Make sure that we're working with the right name. We don't
-		// want to modify the value if it is a CSS custom property
-		// since they are user-defined.
-		if ( !isCustomProp ) {
-			name = finalPropName( origName );
-		}
-
-		// Try prefixed name followed by the unprefixed name
-		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
-
-		// If a hook was provided get the computed value from there
-		if ( hooks && "get" in hooks ) {
-			val = hooks.get( elem, true, extra );
-		}
-
-		// Otherwise, if a way to get the computed value exists, use that
-		if ( val === undefined ) {
-			val = curCSS( elem, name, styles );
-		}
-
-		// Convert "normal" to computed value
-		if ( val === "normal" && name in cssNormalTransform ) {
-			val = cssNormalTransform[ name ];
-		}
-
-		// Make numeric if forced or a qualifier was provided and val looks numeric
-		if ( extra === "" || extra ) {
-			num = parseFloat( val );
-			return extra === true || isFinite( num ) ? num || 0 : val;
-		}
-
-		return val;
-	}
-} );
-
-jQuery.each( [ "height", "width" ], function( i, dimension ) {
-	jQuery.cssHooks[ dimension ] = {
-		get: function( elem, computed, extra ) {
-			if ( computed ) {
-
-				// Certain elements can have dimension info if we invisibly show them
-				// but it must have a current display style that would benefit
-				return rdisplayswap.test( jQuery.css( elem, "display" ) ) &&
-
-					// Support: Safari 8+
-					// Table columns in Safari have non-zero offsetWidth & zero
-					// getBoundingClientRect().width unless display is changed.
-					// Support: IE <=11 only
-					// Running getBoundingClientRect on a disconnected node
-					// in IE throws an error.
-					( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ?
-						swap( elem, cssShow, function() {
-							return getWidthOrHeight( elem, dimension, extra );
-						} ) :
-						getWidthOrHeight( elem, dimension, extra );
-			}
-		},
-
-		set: function( elem, value, extra ) {
-			var matches,
-				styles = getStyles( elem ),
-				isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
-				subtract = extra && boxModelAdjustment(
-					elem,
-					dimension,
-					extra,
-					isBorderBox,
-					styles
-				);
-
-			// Account for unreliable border-box dimensions by comparing offset* to computed and
-			// faking a content-box to get border and padding (gh-3699)
-			if ( isBorderBox && support.scrollboxSize() === styles.position ) {
-				subtract -= Math.ceil(
-					elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] -
-					parseFloat( styles[ dimension ] ) -
-					boxModelAdjustment( elem, dimension, "border", false, styles ) -
-					0.5
-				);
-			}
-
-			// Convert to pixels if value adjustment is needed
-			if ( subtract && ( matches = rcssNum.exec( value ) ) &&
-				( matches[ 3 ] || "px" ) !== "px" ) {
-
-				elem.style[ dimension ] = value;
-				value = jQuery.css( elem, dimension );
-			}
-
-			return setPositiveNumber( elem, value, subtract );
-		}
-	};
-} );
-
-jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft,
-	function( elem, computed ) {
-		if ( computed ) {
-			return ( parseFloat( curCSS( elem, "marginLeft" ) ) ||
-				elem.getBoundingClientRect().left -
-					swap( elem, { marginLeft: 0 }, function() {
-						return elem.getBoundingClientRect().left;
-					} )
-				) + "px";
-		}
-	}
-);
-
-// These hooks are used by animate to expand properties
-jQuery.each( {
-	margin: "",
-	padding: "",
-	border: "Width"
-}, function( prefix, suffix ) {
-	jQuery.cssHooks[ prefix + suffix ] = {
-		expand: function( value ) {
-			var i = 0,
-				expanded = {},
-
-				// Assumes a single number if not a string
-				parts = typeof value === "string" ? value.split( " " ) : [ value ];
-
-			for ( ; i < 4; i++ ) {
-				expanded[ prefix + cssExpand[ i ] + suffix ] =
-					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
-			}
-
-			return expanded;
-		}
-	};
-
-	if ( prefix !== "margin" ) {
-		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
-	}
-} );
-
-jQuery.fn.extend( {
-	css: function( name, value ) {
-		return access( this, function( elem, name, value ) {
-			var styles, len,
-				map = {},
-				i = 0;
-
-			if ( Array.isArray( name ) ) {
-				styles = getStyles( elem );
-				len = name.length;
-
-				for ( ; i < len; i++ ) {
-					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
-				}
-
-				return map;
-			}
-
-			return value !== undefined ?
-				jQuery.style( elem, name, value ) :
-				jQuery.css( elem, name );
-		}, name, value, arguments.length > 1 );
-	}
-} );
-
-
-function Tween( elem, options, prop, end, easing ) {
-	return new Tween.prototype.init( elem, options, prop, end, easing );
-}
-jQuery.Tween = Tween;
-
-Tween.prototype = {
-	constructor: Tween,
-	init: function( elem, options, prop, end, easing, unit ) {
-		this.elem = elem;
-		this.prop = prop;
-		this.easing = easing || jQuery.easing._default;
-		this.options = options;
-		this.start = this.now = this.cur();
-		this.end = end;
-		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
-	},
-	cur: function() {
-		var hooks = Tween.propHooks[ this.prop ];
-
-		return hooks && hooks.get ?
-			hooks.get( this ) :
-			Tween.propHooks._default.get( this );
-	},
-	run: function( percent ) {
-		var eased,
-			hooks = Tween.propHooks[ this.prop ];
-
-		if ( this.options.duration ) {
-			this.pos = eased = jQuery.easing[ this.easing ](
-				percent, this.options.duration * percent, 0, 1, this.options.duration
-			);
-		} else {
-			this.pos = eased = percent;
-		}
-		this.now = ( this.end - this.start ) * eased + this.start;
-
-		if ( this.options.step ) {
-			this.options.step.call( this.elem, this.now, this );
-		}
-
-		if ( hooks && hooks.set ) {
-			hooks.set( this );
-		} else {
-			Tween.propHooks._default.set( this );
-		}
-		return this;
-	}
-};
-
-Tween.prototype.init.prototype = Tween.prototype;
-
-Tween.propHooks = {
-	_default: {
-		get: function( tween ) {
-			var result;
-
-			// Use a property on the element directly when it is not a DOM element,
-			// or when there is no matching style property that exists.
-			if ( tween.elem.nodeType !== 1 ||
-				tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) {
-				return tween.elem[ tween.prop ];
-			}
-
-			// Passing an empty string as a 3rd parameter to .css will automatically
-			// attempt a parseFloat and fallback to a string if the parse fails.
-			// Simple values such as "10px" are parsed to Float;
-			// complex values such as "rotate(1rad)" are returned as-is.
-			result = jQuery.css( tween.elem, tween.prop, "" );
-
-			// Empty strings, null, undefined and "auto" are converted to 0.
-			return !result || result === "auto" ? 0 : result;
-		},
-		set: function( tween ) {
-
-			// Use step hook for back compat.
-			// Use cssHook if its there.
-			// Use .style if available and use plain properties where available.
-			if ( jQuery.fx.step[ tween.prop ] ) {
-				jQuery.fx.step[ tween.prop ]( tween );
-			} else if ( tween.elem.nodeType === 1 &&
-				( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null ||
-					jQuery.cssHooks[ tween.prop ] ) ) {
-				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
-			} else {
-				tween.elem[ tween.prop ] = tween.now;
-			}
-		}
-	}
-};
-
-// Support: IE <=9 only
-// Panic based approach to setting things on disconnected nodes
-Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
-	set: function( tween ) {
-		if ( tween.elem.nodeType && tween.elem.parentNode ) {
-			tween.elem[ tween.prop ] = tween.now;
-		}
-	}
-};
-
-jQuery.easing = {
-	linear: function( p ) {
-		return p;
-	},
-	swing: function( p ) {
-		return 0.5 - Math.cos( p * Math.PI ) / 2;
-	},
-	_default: "swing"
-};
-
-jQuery.fx = Tween.prototype.init;
-
-// Back compat <1.8 extension point
-jQuery.fx.step = {};
-
-
-
-
-var
-	fxNow, inProgress,
-	rfxtypes = /^(?:toggle|show|hide)$/,
-	rrun = /queueHooks$/;
-
-function schedule() {
-	if ( inProgress ) {
-		if ( document.hidden === false && window.requestAnimationFrame ) {
-			window.requestAnimationFrame( schedule );
-		} else {
-			window.setTimeout( schedule, jQuery.fx.interval );
-		}
-
-		jQuery.fx.tick();
-	}
-}
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
-	window.setTimeout( function() {
-		fxNow = undefined;
-	} );
-	return ( fxNow = Date.now() );
-}
-
-// Generate parameters to create a standard animation
-function genFx( type, includeWidth ) {
-	var which,
-		i = 0,
-		attrs = { height: type };
-
-	// If we include width, step value is 1 to do all cssExpand values,
-	// otherwise step value is 2 to skip over Left and Right
-	includeWidth = includeWidth ? 1 : 0;
-	for ( ; i < 4; i += 2 - includeWidth ) {
-		which = cssExpand[ i ];
-		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
-	}
-
-	if ( includeWidth ) {
-		attrs.opacity = attrs.width = type;
-	}
-
-	return attrs;
-}
-
-function createTween( value, prop, animation ) {
-	var tween,
-		collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ),
-		index = 0,
-		length = collection.length;
-	for ( ; index < length; index++ ) {
-		if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) {
-
-			// We're done with this property
-			return tween;
-		}
-	}
-}
-
-function defaultPrefilter( elem, props, opts ) {
-	var prop, value, toggle, hooks, oldfire, propTween, restoreDisplay, display,
-		isBox = "width" in props || "height" in props,
-		anim = this,
-		orig = {},
-		style = elem.style,
-		hidden = elem.nodeType && isHiddenWithinTree( elem ),
-		dataShow = dataPriv.get( elem, "fxshow" );
-
-	// Queue-skipping animations hijack the fx hooks
-	if ( !opts.queue ) {
-		hooks = jQuery._queueHooks( elem, "fx" );
-		if ( hooks.unqueued == null ) {
-			hooks.unqueued = 0;
-			oldfire = hooks.empty.fire;
-			hooks.empty.fire = function() {
-				if ( !hooks.unqueued ) {
-					oldfire();
-				}
-			};
-		}
-		hooks.unqueued++;
-
-		anim.always( function() {
-
-			// Ensure the complete handler is called before this completes
-			anim.always( function() {
-				hooks.unqueued--;
-				if ( !jQuery.queue( elem, "fx" ).length ) {
-					hooks.empty.fire();
-				}
-			} );
-		} );
-	}
-
-	// Detect show/hide animations
-	for ( prop in props ) {
-		value = props[ prop ];
-		if ( rfxtypes.test( value ) ) {
-			delete props[ prop ];
-			toggle = toggle || value === "toggle";
-			if ( value === ( hidden ? "hide" : "show" ) ) {
-
-				// Pretend to be hidden if this is a "show" and
-				// there is still data from a stopped show/hide
-				if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) {
-					hidden = true;
-
-				// Ignore all other no-op show/hide data
-				} else {
-					continue;
-				}
-			}
-			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
-		}
-	}
-
-	// Bail out if this is a no-op like .hide().hide()
-	propTween = !jQuery.isEmptyObject( props );
-	if ( !propTween && jQuery.isEmptyObject( orig ) ) {
-		return;
-	}
-
-	// Restrict "overflow" and "display" styles during box animations
-	if ( isBox && elem.nodeType === 1 ) {
-
-		// Support: IE <=9 - 11, Edge 12 - 15
-		// Record all 3 overflow attributes because IE does not infer the shorthand
-		// from identically-valued overflowX and overflowY and Edge just mirrors
-		// the overflowX value there.
-		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
-
-		// Identify a display type, preferring old show/hide data over the CSS cascade
-		restoreDisplay = dataShow && dataShow.display;
-		if ( restoreDisplay == null ) {
-			restoreDisplay = dataPriv.get( elem, "display" );
-		}
-		display = jQuery.css( elem, "display" );
-		if ( display === "none" ) {
-			if ( restoreDisplay ) {
-				display = restoreDisplay;
-			} else {
-
-				// Get nonempty value(s) by temporarily forcing visibility
-				showHide( [ elem ], true );
-				restoreDisplay = elem.style.display || restoreDisplay;
-				display = jQuery.css( elem, "display" );
-				showHide( [ elem ] );
-			}
-		}
-
-		// Animate inline elements as inline-block
-		if ( display === "inline" || display === "inline-block" && restoreDisplay != null ) {
-			if ( jQuery.css( elem, "float" ) === "none" ) {
-
-				// Restore the original display value at the end of pure show/hide animations
-				if ( !propTween ) {
-					anim.done( function() {
-						style.display = restoreDisplay;
-					} );
-					if ( restoreDisplay == null ) {
-						display = style.display;
-						restoreDisplay = display === "none" ? "" : display;
-					}
-				}
-				style.display = "inline-block";
-			}
-		}
-	}
-
-	if ( opts.overflow ) {
-		style.overflow = "hidden";
-		anim.always( function() {
-			style.overflow = opts.overflow[ 0 ];
-			style.overflowX = opts.overflow[ 1 ];
-			style.overflowY = opts.overflow[ 2 ];
-		} );
-	}
-
-	// Implement show/hide animations
-	propTween = false;
-	for ( prop in orig ) {
-
-		// General show/hide setup for this element animation
-		if ( !propTween ) {
-			if ( dataShow ) {
-				if ( "hidden" in dataShow ) {
-					hidden = dataShow.hidden;
-				}
-			} else {
-				dataShow = dataPriv.access( elem, "fxshow", { display: restoreDisplay } );
-			}
-
-			// Store hidden/visible for toggle so `.stop().toggle()` "reverses"
-			if ( toggle ) {
-				dataShow.hidden = !hidden;
-			}
-
-			// Show elements before animating them
-			if ( hidden ) {
-				showHide( [ elem ], true );
-			}
-
-			/* eslint-disable no-loop-func */
-
-			anim.done( function() {
-
-			/* eslint-enable no-loop-func */
-
-				// The final step of a "hide" animation is actually hiding the element
-				if ( !hidden ) {
-					showHide( [ elem ] );
-				}
-				dataPriv.remove( elem, "fxshow" );
-				for ( prop in orig ) {
-					jQuery.style( elem, prop, orig[ prop ] );
-				}
-			} );
-		}
-
-		// Per-property setup
-		propTween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
-		if ( !( prop in dataShow ) ) {
-			dataShow[ prop ] = propTween.start;
-			if ( hidden ) {
-				propTween.end = propTween.start;
-				propTween.start = 0;
-			}
-		}
-	}
-}
-
-function propFilter( props, specialEasing ) {
-	var index, name, easing, value, hooks;
-
-	// camelCase, specialEasing and expand cssHook pass
-	for ( index in props ) {
-		name = camelCase( index );
-		easing = specialEasing[ name ];
-		value = props[ index ];
-		if ( Array.isArray( value ) ) {
-			easing = value[ 1 ];
-			value = props[ index ] = value[ 0 ];
-		}
-
-		if ( index !== name ) {
-			props[ name ] = value;
-			delete props[ index ];
-		}
-
-		hooks = jQuery.cssHooks[ name ];
-		if ( hooks && "expand" in hooks ) {
-			value = hooks.expand( value );
-			delete props[ name ];
-
-			// Not quite $.extend, this won't overwrite existing keys.
-			// Reusing 'index' because we have the correct "name"
-			for ( index in value ) {
-				if ( !( index in props ) ) {
-					props[ index ] = value[ index ];
-					specialEasing[ index ] = easing;
-				}
-			}
-		} else {
-			specialEasing[ name ] = easing;
-		}
-	}
-}
-
-function Animation( elem, properties, options ) {
-	var result,
-		stopped,
-		index = 0,
-		length = Animation.prefilters.length,
-		deferred = jQuery.Deferred().always( function() {
-
-			// Don't match elem in the :animated selector
-			delete tick.elem;
-		} ),
-		tick = function() {
-			if ( stopped ) {
-				return false;
-			}
-			var currentTime = fxNow || createFxNow(),
-				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
-
-				// Support: Android 2.3 only
-				// Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497)
-				temp = remaining / animation.duration || 0,
-				percent = 1 - temp,
-				index = 0,
-				length = animation.tweens.length;
-
-			for ( ; index < length; index++ ) {
-				animation.tweens[ index ].run( percent );
-			}
-
-			deferred.notifyWith( elem, [ animation, percent, remaining ] );
-
-			// If there's more to do, yield
-			if ( percent < 1 && length ) {
-				return remaining;
-			}
-
-			// If this was an empty animation, synthesize a final progress notification
-			if ( !length ) {
-				deferred.notifyWith( elem, [ animation, 1, 0 ] );
-			}
-
-			// Resolve the animation and report its conclusion
-			deferred.resolveWith( elem, [ animation ] );
-			return false;
-		},
-		animation = deferred.promise( {
-			elem: elem,
-			props: jQuery.extend( {}, properties ),
-			opts: jQuery.extend( true, {
-				specialEasing: {},
-				easing: jQuery.easing._default
-			}, options ),
-			originalProperties: properties,
-			originalOptions: options,
-			startTime: fxNow || createFxNow(),
-			duration: options.duration,
-			tweens: [],
-			createTween: function( prop, end ) {
-				var tween = jQuery.Tween( elem, animation.opts, prop, end,
-						animation.opts.specialEasing[ prop ] || animation.opts.easing );
-				animation.tweens.push( tween );
-				return tween;
-			},
-			stop: function( gotoEnd ) {
-				var index = 0,
-
-					// If we are going to the end, we want to run all the tweens
-					// otherwise we skip this part
-					length = gotoEnd ? animation.tweens.length : 0;
-				if ( stopped ) {
-					return this;
-				}
-				stopped = true;
-				for ( ; index < length; index++ ) {
-					animation.tweens[ index ].run( 1 );
-				}
-
-				// Resolve when we played the last frame; otherwise, reject
-				if ( gotoEnd ) {
-					deferred.notifyWith( elem, [ animation, 1, 0 ] );
-					deferred.resolveWith( elem, [ animation, gotoEnd ] );
-				} else {
-					deferred.rejectWith( elem, [ animation, gotoEnd ] );
-				}
-				return this;
-			}
-		} ),
-		props = animation.props;
-
-	propFilter( props, animation.opts.specialEasing );
-
-	for ( ; index < length; index++ ) {
-		result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts );
-		if ( result ) {
-			if ( isFunction( result.stop ) ) {
-				jQuery._queueHooks( animation.elem, animation.opts.queue ).stop =
-					result.stop.bind( result );
-			}
-			return result;
-		}
-	}
-
-	jQuery.map( props, createTween, animation );
-
-	if ( isFunction( animation.opts.start ) ) {
-		animation.opts.start.call( elem, animation );
-	}
-
-	// Attach callbacks from options
-	animation
-		.progress( animation.opts.progress )
-		.done( animation.opts.done, animation.opts.complete )
-		.fail( animation.opts.fail )
-		.always( animation.opts.always );
-
-	jQuery.fx.timer(
-		jQuery.extend( tick, {
-			elem: elem,
-			anim: animation,
-			queue: animation.opts.queue
-		} )
-	);
-
-	return animation;
-}
-
-jQuery.Animation = jQuery.extend( Animation, {
-
-	tweeners: {
-		"*": [ function( prop, value ) {
-			var tween = this.createTween( prop, value );
-			adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween );
-			return tween;
-		} ]
-	},
-
-	tweener: function( props, callback ) {
-		if ( isFunction( props ) ) {
-			callback = props;
-			props = [ "*" ];
-		} else {
-			props = props.match( rnothtmlwhite );
-		}
-
-		var prop,
-			index = 0,
-			length = props.length;
-
-		for ( ; index < length; index++ ) {
-			prop = props[ index ];
-			Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || [];
-			Animation.tweeners[ prop ].unshift( callback );
-		}
-	},
-
-	prefilters: [ defaultPrefilter ],
-
-	prefilter: function( callback, prepend ) {
-		if ( prepend ) {
-			Animation.prefilters.unshift( callback );
-		} else {
-			Animation.prefilters.push( callback );
-		}
-	}
-} );
-
-jQuery.speed = function( speed, easing, fn ) {
-	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
-		complete: fn || !fn && easing ||
-			isFunction( speed ) && speed,
-		duration: speed,
-		easing: fn && easing || easing && !isFunction( easing ) && easing
-	};
-
-	// Go to the end state if fx are off
-	if ( jQuery.fx.off ) {
-		opt.duration = 0;
-
-	} else {
-		if ( typeof opt.duration !== "number" ) {
-			if ( opt.duration in jQuery.fx.speeds ) {
-				opt.duration = jQuery.fx.speeds[ opt.duration ];
-
-			} else {
-				opt.duration = jQuery.fx.speeds._default;
-			}
-		}
-	}
-
-	// Normalize opt.queue - true/undefined/null -> "fx"
-	if ( opt.queue == null || opt.queue === true ) {
-		opt.queue = "fx";
-	}
-
-	// Queueing
-	opt.old = opt.complete;
-
-	opt.complete = function() {
-		if ( isFunction( opt.old ) ) {
-			opt.old.call( this );
-		}
-
-		if ( opt.queue ) {
-			jQuery.dequeue( this, opt.queue );
-		}
-	};
-
-	return opt;
-};
-
-jQuery.fn.extend( {
-	fadeTo: function( speed, to, easing, callback ) {
-
-		// Show any hidden elements after setting opacity to 0
-		return this.filter( isHiddenWithinTree ).css( "opacity", 0 ).show()
-
-			// Animate to the value specified
-			.end().animate( { opacity: to }, speed, easing, callback );
-	},
-	animate: function( prop, speed, easing, callback ) {
-		var empty = jQuery.isEmptyObject( prop ),
-			optall = jQuery.speed( speed, easing, callback ),
-			doAnimation = function() {
-
-				// Operate on a copy of prop so per-property easing won't be lost
-				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
-
-				// Empty animations, or finishing resolves immediately
-				if ( empty || dataPriv.get( this, "finish" ) ) {
-					anim.stop( true );
-				}
-			};
-			doAnimation.finish = doAnimation;
-
-		return empty || optall.queue === false ?
-			this.each( doAnimation ) :
-			this.queue( optall.queue, doAnimation );
-	},
-	stop: function( type, clearQueue, gotoEnd ) {
-		var stopQueue = function( hooks ) {
-			var stop = hooks.stop;
-			delete hooks.stop;
-			stop( gotoEnd );
-		};
-
-		if ( typeof type !== "string" ) {
-			gotoEnd = clearQueue;
-			clearQueue = type;
-			type = undefined;
-		}
-		if ( clearQueue && type !== false ) {
-			this.queue( type || "fx", [] );
-		}
-
-		return this.each( function() {
-			var dequeue = true,
-				index = type != null && type + "queueHooks",
-				timers = jQuery.timers,
-				data = dataPriv.get( this );
-
-			if ( index ) {
-				if ( data[ index ] && data[ index ].stop ) {
-					stopQueue( data[ index ] );
-				}
-			} else {
-				for ( index in data ) {
-					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
-						stopQueue( data[ index ] );
-					}
-				}
-			}
-
-			for ( index = timers.length; index--; ) {
-				if ( timers[ index ].elem === this &&
-					( type == null || timers[ index ].queue === type ) ) {
-
-					timers[ index ].anim.stop( gotoEnd );
-					dequeue = false;
-					timers.splice( index, 1 );
-				}
-			}
-
-			// Start the next in the queue if the last step wasn't forced.
-			// Timers currently will call their complete callbacks, which
-			// will dequeue but only if they were gotoEnd.
-			if ( dequeue || !gotoEnd ) {
-				jQuery.dequeue( this, type );
-			}
-		} );
-	},
-	finish: function( type ) {
-		if ( type !== false ) {
-			type = type || "fx";
-		}
-		return this.each( function() {
-			var index,
-				data = dataPriv.get( this ),
-				queue = data[ type + "queue" ],
-				hooks = data[ type + "queueHooks" ],
-				timers = jQuery.timers,
-				length = queue ? queue.length : 0;
-
-			// Enable finishing flag on private data
-			data.finish = true;
-
-			// Empty the queue first
-			jQuery.queue( this, type, [] );
-
-			if ( hooks && hooks.stop ) {
-				hooks.stop.call( this, true );
-			}
-
-			// Look for any active animations, and finish them
-			for ( index = timers.length; index--; ) {
-				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
-					timers[ index ].anim.stop( true );
-					timers.splice( index, 1 );
-				}
-			}
-
-			// Look for any animations in the old queue and finish them
-			for ( index = 0; index < length; index++ ) {
-				if ( queue[ index ] && queue[ index ].finish ) {
-					queue[ index ].finish.call( this );
-				}
-			}
-
-			// Turn off finishing flag
-			delete data.finish;
-		} );
-	}
-} );
-
-jQuery.each( [ "toggle", "show", "hide" ], function( i, name ) {
-	var cssFn = jQuery.fn[ name ];
-	jQuery.fn[ name ] = function( speed, easing, callback ) {
-		return speed == null || typeof speed === "boolean" ?
-			cssFn.apply( this, arguments ) :
-			this.animate( genFx( name, true ), speed, easing, callback );
-	};
-} );
-
-// Generate shortcuts for custom animations
-jQuery.each( {
-	slideDown: genFx( "show" ),
-	slideUp: genFx( "hide" ),
-	slideToggle: genFx( "toggle" ),
-	fadeIn: { opacity: "show" },
-	fadeOut: { opacity: "hide" },
-	fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
-	jQuery.fn[ name ] = function( speed, easing, callback ) {
-		return this.animate( props, speed, easing, callback );
-	};
-} );
-
-jQuery.timers = [];
-jQuery.fx.tick = function() {
-	var timer,
-		i = 0,
-		timers = jQuery.timers;
-
-	fxNow = Date.now();
-
-	for ( ; i < timers.length; i++ ) {
-		timer = timers[ i ];
-
-		// Run the timer and safely remove it when done (allowing for external removal)
-		if ( !timer() && timers[ i ] === timer ) {
-			timers.splice( i--, 1 );
-		}
-	}
-
-	if ( !timers.length ) {
-		jQuery.fx.stop();
-	}
-	fxNow = undefined;
-};
-
-jQuery.fx.timer = function( timer ) {
-	jQuery.timers.push( timer );
-	jQuery.fx.start();
-};
-
-jQuery.fx.interval = 13;
-jQuery.fx.start = function() {
-	if ( inProgress ) {
-		return;
-	}
-
-	inProgress = true;
-	schedule();
-};
-
-jQuery.fx.stop = function() {
-	inProgress = null;
-};
-
-jQuery.fx.speeds = {
-	slow: 600,
-	fast: 200,
-
-	// Default speed
-	_default: 400
-};
-
-
-// Based off of the plugin by Clint Helfers, with permission.
-// https://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/
-jQuery.fn.delay = function( time, type ) {
-	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
-	type = type || "fx";
-
-	return this.queue( type, function( next, hooks ) {
-		var timeout = window.setTimeout( next, time );
-		hooks.stop = function() {
-			window.clearTimeout( timeout );
-		};
-	} );
-};
-
-
-( function() {
-	var input = document.createElement( "input" ),
-		select = document.createElement( "select" ),
-		opt = select.appendChild( document.createElement( "option" ) );
-
-	input.type = "checkbox";
-
-	// Support: Android <=4.3 only
-	// Default value for a checkbox should be "on"
-	support.checkOn = input.value !== "";
-
-	// Support: IE <=11 only
-	// Must access selectedIndex to make default options select
-	support.optSelected = opt.selected;
-
-	// Support: IE <=11 only
-	// An input loses its value after becoming a radio
-	input = document.createElement( "input" );
-	input.value = "t";
-	input.type = "radio";
-	support.radioValue = input.value === "t";
-} )();
-
-
-var boolHook,
-	attrHandle = jQuery.expr.attrHandle;
-
-jQuery.fn.extend( {
-	attr: function( name, value ) {
-		return access( this, jQuery.attr, name, value, arguments.length > 1 );
-	},
-
-	removeAttr: function( name ) {
-		return this.each( function() {
-			jQuery.removeAttr( this, name );
-		} );
-	}
-} );
-
-jQuery.extend( {
-	attr: function( elem, name, value ) {
-		var ret, hooks,
-			nType = elem.nodeType;
-
-		// Don't get/set attributes on text, comment and attribute nodes
-		if ( nType === 3 || nType === 8 || nType === 2 ) {
-			return;
-		}
-
-		// Fallback to prop when attributes are not supported
-		if ( typeof elem.getAttribute === "undefined" ) {
-			return jQuery.prop( elem, name, value );
-		}
-
-		// Attribute hooks are determined by the lowercase version
-		// Grab necessary hook if one is defined
-		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
-			hooks = jQuery.attrHooks[ name.toLowerCase() ] ||
-				( jQuery.expr.match.bool.test( name ) ? boolHook : undefined );
-		}
-
-		if ( value !== undefined ) {
-			if ( value === null ) {
-				jQuery.removeAttr( elem, name );
-				return;
-			}
-
-			if ( hooks && "set" in hooks &&
-				( ret = hooks.set( elem, value, name ) ) !== undefined ) {
-				return ret;
-			}
-
-			elem.setAttribute( name, value + "" );
-			return value;
-		}
-
-		if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) {
-			return ret;
-		}
-
-		ret = jQuery.find.attr( elem, name );
-
-		// Non-existent attributes return null, we normalize to undefined
-		return ret == null ? undefined : ret;
-	},
-
-	attrHooks: {
-		type: {
-			set: function( elem, value ) {
-				if ( !support.radioValue && value === "radio" &&
-					nodeName( elem, "input" ) ) {
-					var val = elem.value;
-					elem.setAttribute( "type", value );
-					if ( val ) {
-						elem.value = val;
-					}
-					return value;
-				}
-			}
-		}
-	},
-
-	removeAttr: function( elem, value ) {
-		var name,
-			i = 0,
-
-			// Attribute names can contain non-HTML whitespace characters
-			// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
-			attrNames = value && value.match( rnothtmlwhite );
-
-		if ( attrNames && elem.nodeType === 1 ) {
-			while ( ( name = attrNames[ i++ ] ) ) {
-				elem.removeAttribute( name );
-			}
-		}
-	}
-} );
-
-// Hooks for boolean attributes
-boolHook = {
-	set: function( elem, value, name ) {
-		if ( value === false ) {
-
-			// Remove boolean attributes when set to false
-			jQuery.removeAttr( elem, name );
-		} else {
-			elem.setAttribute( name, name );
-		}
-		return name;
-	}
-};
-
-jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
-	var getter = attrHandle[ name ] || jQuery.find.attr;
-
-	attrHandle[ name ] = function( elem, name, isXML ) {
-		var ret, handle,
-			lowercaseName = name.toLowerCase();
-
-		if ( !isXML ) {
-
-			// Avoid an infinite loop by temporarily removing this function from the getter
-			handle = attrHandle[ lowercaseName ];
-			attrHandle[ lowercaseName ] = ret;
-			ret = getter( elem, name, isXML ) != null ?
-				lowercaseName :
-				null;
-			attrHandle[ lowercaseName ] = handle;
-		}
-		return ret;
-	};
-} );
-
-
-
-
-var rfocusable = /^(?:input|select|textarea|button)$/i,
-	rclickable = /^(?:a|area)$/i;
-
-jQuery.fn.extend( {
-	prop: function( name, value ) {
-		return access( this, jQuery.prop, name, value, arguments.length > 1 );
-	},
-
-	removeProp: function( name ) {
-		return this.each( function() {
-			delete this[ jQuery.propFix[ name ] || name ];
-		} );
-	}
-} );
-
-jQuery.extend( {
-	prop: function( elem, name, value ) {
-		var ret, hooks,
-			nType = elem.nodeType;
-
-		// Don't get/set properties on text, comment and attribute nodes
-		if ( nType === 3 || nType === 8 || nType === 2 ) {
-			return;
-		}
-
-		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
-
-			// Fix name and attach hooks
-			name = jQuery.propFix[ name ] || name;
-			hooks = jQuery.propHooks[ name ];
-		}
-
-		if ( value !== undefined ) {
-			if ( hooks && "set" in hooks &&
-				( ret = hooks.set( elem, value, name ) ) !== undefined ) {
-				return ret;
-			}
-
-			return ( elem[ name ] = value );
-		}
-
-		if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) {
-			return ret;
-		}
-
-		return elem[ name ];
-	},
-
-	propHooks: {
-		tabIndex: {
-			get: function( elem ) {
-
-				// Support: IE <=9 - 11 only
-				// elem.tabIndex doesn't always return the
-				// correct value when it hasn't been explicitly set
-				// https://web.archive.org/web/20141116233347/http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
-				// Use proper attribute retrieval(#12072)
-				var tabindex = jQuery.find.attr( elem, "tabindex" );
-
-				if ( tabindex ) {
-					return parseInt( tabindex, 10 );
-				}
-
-				if (
-					rfocusable.test( elem.nodeName ) ||
-					rclickable.test( elem.nodeName ) &&
-					elem.href
-				) {
-					return 0;
-				}
-
-				return -1;
-			}
-		}
-	},
-
-	propFix: {
-		"for": "htmlFor",
-		"class": "className"
-	}
-} );
-
-// Support: IE <=11 only
-// Accessing the selectedIndex property
-// forces the browser to respect setting selected
-// on the option
-// The getter ensures a default option is selected
-// when in an optgroup
-// eslint rule "no-unused-expressions" is disabled for this code
-// since it considers such accessions noop
-if ( !support.optSelected ) {
-	jQuery.propHooks.selected = {
-		get: function( elem ) {
-
-			/* eslint no-unused-expressions: "off" */
-
-			var parent = elem.parentNode;
-			if ( parent && parent.parentNode ) {
-				parent.parentNode.selectedIndex;
-			}
-			return null;
-		},
-		set: function( elem ) {
-
-			/* eslint no-unused-expressions: "off" */
-
-			var parent = elem.parentNode;
-			if ( parent ) {
-				parent.selectedIndex;
-
-				if ( parent.parentNode ) {
-					parent.parentNode.selectedIndex;
-				}
-			}
-		}
-	};
-}
-
-jQuery.each( [
-	"tabIndex",
-	"readOnly",
-	"maxLength",
-	"cellSpacing",
-	"cellPadding",
-	"rowSpan",
-	"colSpan",
-	"useMap",
-	"frameBorder",
-	"contentEditable"
-], function() {
-	jQuery.propFix[ this.toLowerCase() ] = this;
-} );
-
-
-
-
-	// Strip and collapse whitespace according to HTML spec
-	// https://infra.spec.whatwg.org/#strip-and-collapse-ascii-whitespace
-	function stripAndCollapse( value ) {
-		var tokens = value.match( rnothtmlwhite ) || [];
-		return tokens.join( " " );
-	}
-
-
-function getClass( elem ) {
-	return elem.getAttribute && elem.getAttribute( "class" ) || "";
-}
-
-function classesToArray( value ) {
-	if ( Array.isArray( value ) ) {
-		return value;
-	}
-	if ( typeof value === "string" ) {
-		return value.match( rnothtmlwhite ) || [];
-	}
-	return [];
-}
-
-jQuery.fn.extend( {
-	addClass: function( value ) {
-		var classes, elem, cur, curValue, clazz, j, finalValue,
-			i = 0;
-
-		if ( isFunction( value ) ) {
-			return this.each( function( j ) {
-				jQuery( this ).addClass( value.call( this, j, getClass( this ) ) );
-			} );
-		}
-
-		classes = classesToArray( value );
-
-		if ( classes.length ) {
-			while ( ( elem = this[ i++ ] ) ) {
-				curValue = getClass( elem );
-				cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
-
-				if ( cur ) {
-					j = 0;
-					while ( ( clazz = classes[ j++ ] ) ) {
-						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
-							cur += clazz + " ";
-						}
-					}
-
-					// Only assign if different to avoid unneeded rendering.
-					finalValue = stripAndCollapse( cur );
-					if ( curValue !== finalValue ) {
-						elem.setAttribute( "class", finalValue );
-					}
-				}
-			}
-		}
-
-		return this;
-	},
-
-	removeClass: function( value ) {
-		var classes, elem, cur, curValue, clazz, j, finalValue,
-			i = 0;
-
-		if ( isFunction( value ) ) {
-			return this.each( function( j ) {
-				jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) );
-			} );
-		}
-
-		if ( !arguments.length ) {
-			return this.attr( "class", "" );
-		}
-
-		classes = classesToArray( value );
-
-		if ( classes.length ) {
-			while ( ( elem = this[ i++ ] ) ) {
-				curValue = getClass( elem );
-
-				// This expression is here for better compressibility (see addClass)
-				cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
-
-				if ( cur ) {
-					j = 0;
-					while ( ( clazz = classes[ j++ ] ) ) {
-
-						// Remove *all* instances
-						while ( cur.indexOf( " " + clazz + " " ) > -1 ) {
-							cur = cur.replace( " " + clazz + " ", " " );
-						}
-					}
-
-					// Only assign if different to avoid unneeded rendering.
-					finalValue = stripAndCollapse( cur );
-					if ( curValue !== finalValue ) {
-						elem.setAttribute( "class", finalValue );
-					}
-				}
-			}
-		}
-
-		return this;
-	},
-
-	toggleClass: function( value, stateVal ) {
-		var type = typeof value,
-			isValidValue = type === "string" || Array.isArray( value );
-
-		if ( typeof stateVal === "boolean" && isValidValue ) {
-			return stateVal ? this.addClass( value ) : this.removeClass( value );
-		}
-
-		if ( isFunction( value ) ) {
-			return this.each( function( i ) {
-				jQuery( this ).toggleClass(
-					value.call( this, i, getClass( this ), stateVal ),
-					stateVal
-				);
-			} );
-		}
-
-		return this.each( function() {
-			var className, i, self, classNames;
-
-			if ( isValidValue ) {
-
-				// Toggle individual class names
-				i = 0;
-				self = jQuery( this );
-				classNames = classesToArray( value );
-
-				while ( ( className = classNames[ i++ ] ) ) {
-
-					// Check each className given, space separated list
-					if ( self.hasClass( className ) ) {
-						self.removeClass( className );
-					} else {
-						self.addClass( className );
-					}
-				}
-
-			// Toggle whole class name
-			} else if ( value === undefined || type === "boolean" ) {
-				className = getClass( this );
-				if ( className ) {
-
-					// Store className if set
-					dataPriv.set( this, "__className__", className );
-				}
-
-				// If the element has a class name or if we're passed `false`,
-				// then remove the whole classname (if there was one, the above saved it).
-				// Otherwise bring back whatever was previously saved (if anything),
-				// falling back to the empty string if nothing was stored.
-				if ( this.setAttribute ) {
-					this.setAttribute( "class",
-						className || value === false ?
-						"" :
-						dataPriv.get( this, "__className__" ) || ""
-					);
-				}
-			}
-		} );
-	},
-
-	hasClass: function( selector ) {
-		var className, elem,
-			i = 0;
-
-		className = " " + selector + " ";
-		while ( ( elem = this[ i++ ] ) ) {
-			if ( elem.nodeType === 1 &&
-				( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) {
-					return true;
-			}
-		}
-
-		return false;
-	}
-} );
-
-
-
-
-var rreturn = /\r/g;
-
-jQuery.fn.extend( {
-	val: function( value ) {
-		var hooks, ret, valueIsFunction,
-			elem = this[ 0 ];
-
-		if ( !arguments.length ) {
-			if ( elem ) {
-				hooks = jQuery.valHooks[ elem.type ] ||
-					jQuery.valHooks[ elem.nodeName.toLowerCase() ];
-
-				if ( hooks &&
-					"get" in hooks &&
-					( ret = hooks.get( elem, "value" ) ) !== undefined
-				) {
-					return ret;
-				}
-
-				ret = elem.value;
-
-				// Handle most common string cases
-				if ( typeof ret === "string" ) {
-					return ret.replace( rreturn, "" );
-				}
-
-				// Handle cases where value is null/undef or number
-				return ret == null ? "" : ret;
-			}
-
-			return;
-		}
-
-		valueIsFunction = isFunction( value );
-
-		return this.each( function( i ) {
-			var val;
-
-			if ( this.nodeType !== 1 ) {
-				return;
-			}
-
-			if ( valueIsFunction ) {
-				val = value.call( this, i, jQuery( this ).val() );
-			} else {
-				val = value;
-			}
-
-			// Treat null/undefined as ""; convert numbers to string
-			if ( val == null ) {
-				val = "";
-
-			} else if ( typeof val === "number" ) {
-				val += "";
-
-			} else if ( Array.isArray( val ) ) {
-				val = jQuery.map( val, function( value ) {
-					return value == null ? "" : value + "";
-				} );
-			}
-
-			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
-
-			// If set returns undefined, fall back to normal setting
-			if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) {
-				this.value = val;
-			}
-		} );
-	}
-} );
-
-jQuery.extend( {
-	valHooks: {
-		option: {
-			get: function( elem ) {
-
-				var val = jQuery.find.attr( elem, "value" );
-				return val != null ?
-					val :
-
-					// Support: IE <=10 - 11 only
-					// option.text throws exceptions (#14686, #14858)
-					// Strip and collapse whitespace
-					// https://html.spec.whatwg.org/#strip-and-collapse-whitespace
-					stripAndCollapse( jQuery.text( elem ) );
-			}
-		},
-		select: {
-			get: function( elem ) {
-				var value, option, i,
-					options = elem.options,
-					index = elem.selectedIndex,
-					one = elem.type === "select-one",
-					values = one ? null : [],
-					max = one ? index + 1 : options.length;
-
-				if ( index < 0 ) {
-					i = max;
-
-				} else {
-					i = one ? index : 0;
-				}
-
-				// Loop through all the selected options
-				for ( ; i < max; i++ ) {
-					option = options[ i ];
-
-					// Support: IE <=9 only
-					// IE8-9 doesn't update selected after form reset (#2551)
-					if ( ( option.selected || i === index ) &&
-
-							// Don't return options that are disabled or in a disabled optgroup
-							!option.disabled &&
-							( !option.parentNode.disabled ||
-								!nodeName( option.parentNode, "optgroup" ) ) ) {
-
-						// Get the specific value for the option
-						value = jQuery( option ).val();
-
-						// We don't need an array for one selects
-						if ( one ) {
-							return value;
-						}
-
-						// Multi-Selects return an array
-						values.push( value );
-					}
-				}
-
-				return values;
-			},
-
-			set: function( elem, value ) {
-				var optionSet, option,
-					options = elem.options,
-					values = jQuery.makeArray( value ),
-					i = options.length;
-
-				while ( i-- ) {
-					option = options[ i ];
-
-					/* eslint-disable no-cond-assign */
-
-					if ( option.selected =
-						jQuery.inArray( jQuery.valHooks.option.get( option ), values ) > -1
-					) {
-						optionSet = true;
-					}
-
-					/* eslint-enable no-cond-assign */
-				}
-
-				// Force browsers to behave consistently when non-matching value is set
-				if ( !optionSet ) {
-					elem.selectedIndex = -1;
-				}
-				return values;
-			}
-		}
-	}
-} );
-
-// Radios and checkboxes getter/setter
-jQuery.each( [ "radio", "checkbox" ], function() {
-	jQuery.valHooks[ this ] = {
-		set: function( elem, value ) {
-			if ( Array.isArray( value ) ) {
-				return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 );
-			}
-		}
-	};
-	if ( !support.checkOn ) {
-		jQuery.valHooks[ this ].get = function( elem ) {
-			return elem.getAttribute( "value" ) === null ? "on" : elem.value;
-		};
-	}
-} );
-
-
-
-
-// Return jQuery for attributes-only inclusion
-
-
-support.focusin = "onfocusin" in window;
-
-
-var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
-	stopPropagationCallback = function( e ) {
-		e.stopPropagation();
-	};
-
-jQuery.extend( jQuery.event, {
-
-	trigger: function( event, data, elem, onlyHandlers ) {
-
-		var i, cur, tmp, bubbleType, ontype, handle, special, lastElement,
-			eventPath = [ elem || document ],
-			type = hasOwn.call( event, "type" ) ? event.type : event,
-			namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : [];
-
-		cur = lastElement = tmp = elem = elem || document;
-
-		// Don't do events on text and comment nodes
-		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
-			return;
-		}
-
-		// focus/blur morphs to focusin/out; ensure we're not firing them right now
-		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
-			return;
-		}
-
-		if ( type.indexOf( "." ) > -1 ) {
-
-			// Namespaced trigger; create a regexp to match event type in handle()
-			namespaces = type.split( "." );
-			type = namespaces.shift();
-			namespaces.sort();
-		}
-		ontype = type.indexOf( ":" ) < 0 && "on" + type;
-
-		// Caller can pass in a jQuery.Event object, Object, or just an event type string
-		event = event[ jQuery.expando ] ?
-			event :
-			new jQuery.Event( type, typeof event === "object" && event );
-
-		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
-		event.isTrigger = onlyHandlers ? 2 : 3;
-		event.namespace = namespaces.join( "." );
-		event.rnamespace = event.namespace ?
-			new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) :
-			null;
-
-		// Clean up the event in case it is being reused
-		event.result = undefined;
-		if ( !event.target ) {
-			event.target = elem;
-		}
-
-		// Clone any incoming data and prepend the event, creating the handler arg list
-		data = data == null ?
-			[ event ] :
-			jQuery.makeArray( data, [ event ] );
-
-		// Allow special events to draw outside the lines
-		special = jQuery.event.special[ type ] || {};
-		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
-			return;
-		}
-
-		// Determine event propagation path in advance, per W3C events spec (#9951)
-		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
-		if ( !onlyHandlers && !special.noBubble && !isWindow( elem ) ) {
-
-			bubbleType = special.delegateType || type;
-			if ( !rfocusMorph.test( bubbleType + type ) ) {
-				cur = cur.parentNode;
-			}
-			for ( ; cur; cur = cur.parentNode ) {
-				eventPath.push( cur );
-				tmp = cur;
-			}
-
-			// Only add window if we got to document (e.g., not plain obj or detached DOM)
-			if ( tmp === ( elem.ownerDocument || document ) ) {
-				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
-			}
-		}
-
-		// Fire handlers on the event path
-		i = 0;
-		while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) {
-			lastElement = cur;
-			event.type = i > 1 ?
-				bubbleType :
-				special.bindType || type;
-
-			// jQuery handler
-			handle = ( dataPriv.get( cur, "events" ) || {} )[ event.type ] &&
-				dataPriv.get( cur, "handle" );
-			if ( handle ) {
-				handle.apply( cur, data );
-			}
-
-			// Native handler
-			handle = ontype && cur[ ontype ];
-			if ( handle && handle.apply && acceptData( cur ) ) {
-				event.result = handle.apply( cur, data );
-				if ( event.result === false ) {
-					event.preventDefault();
-				}
-			}
-		}
-		event.type = type;
-
-		// If nobody prevented the default action, do it now
-		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
-
-			if ( ( !special._default ||
-				special._default.apply( eventPath.pop(), data ) === false ) &&
-				acceptData( elem ) ) {
-
-				// Call a native DOM method on the target with the same name as the event.
-				// Don't do default actions on window, that's where global variables be (#6170)
-				if ( ontype && isFunction( elem[ type ] ) && !isWindow( elem ) ) {
-
-					// Don't re-trigger an onFOO event when we call its FOO() method
-					tmp = elem[ ontype ];
-
-					if ( tmp ) {
-						elem[ ontype ] = null;
-					}
-
-					// Prevent re-triggering of the same event, since we already bubbled it above
-					jQuery.event.triggered = type;
-
-					if ( event.isPropagationStopped() ) {
-						lastElement.addEventListener( type, stopPropagationCallback );
-					}
-
-					elem[ type ]();
-
-					if ( event.isPropagationStopped() ) {
-						lastElement.removeEventListener( type, stopPropagationCallback );
-					}
-
-					jQuery.event.triggered = undefined;
-
-					if ( tmp ) {
-						elem[ ontype ] = tmp;
-					}
-				}
-			}
-		}
-
-		return event.result;
-	},
-
-	// Piggyback on a donor event to simulate a different one
-	// Used only for `focus(in | out)` events
-	simulate: function( type, elem, event ) {
-		var e = jQuery.extend(
-			new jQuery.Event(),
-			event,
-			{
-				type: type,
-				isSimulated: true
-			}
-		);
-
-		jQuery.event.trigger( e, null, elem );
-	}
-
-} );
-
-jQuery.fn.extend( {
-
-	trigger: function( type, data ) {
-		return this.each( function() {
-			jQuery.event.trigger( type, data, this );
-		} );
-	},
-	triggerHandler: function( type, data ) {
-		var elem = this[ 0 ];
-		if ( elem ) {
-			return jQuery.event.trigger( type, data, elem, true );
-		}
-	}
-} );
-
-
-// Support: Firefox <=44
-// Firefox doesn't have focus(in | out) events
-// Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787
-//
-// Support: Chrome <=48 - 49, Safari <=9.0 - 9.1
-// focus(in | out) events fire after focus & blur events,
-// which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order
-// Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857
-if ( !support.focusin ) {
-	jQuery.each( { focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
-		// Attach a single capturing handler on the document while someone wants focusin/focusout
-		var handler = function( event ) {
-			jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ) );
-		};
-
-		jQuery.event.special[ fix ] = {
-			setup: function() {
-				var doc = this.ownerDocument || this,
-					attaches = dataPriv.access( doc, fix );
-
-				if ( !attaches ) {
-					doc.addEventListener( orig, handler, true );
-				}
-				dataPriv.access( doc, fix, ( attaches || 0 ) + 1 );
-			},
-			teardown: function() {
-				var doc = this.ownerDocument || this,
-					attaches = dataPriv.access( doc, fix ) - 1;
-
-				if ( !attaches ) {
-					doc.removeEventListener( orig, handler, true );
-					dataPriv.remove( doc, fix );
-
-				} else {
-					dataPriv.access( doc, fix, attaches );
-				}
-			}
-		};
-	} );
-}
-var location = window.location;
-
-var nonce = Date.now();
-
-var rquery = ( /\?/ );
-
-
-
-// Cross-browser xml parsing
-jQuery.parseXML = function( data ) {
-	var xml;
-	if ( !data || typeof data !== "string" ) {
-		return null;
-	}
-
-	// Support: IE 9 - 11 only
-	// IE throws on parseFromString with invalid input.
-	try {
-		xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" );
-	} catch ( e ) {
-		xml = undefined;
-	}
-
-	if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) {
-		jQuery.error( "Invalid XML: " + data );
-	}
-	return xml;
-};
-
-
-var
-	rbracket = /\[\]$/,
-	rCRLF = /\r?\n/g,
-	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
-	rsubmittable = /^(?:input|select|textarea|keygen)/i;
-
-function buildParams( prefix, obj, traditional, add ) {
-	var name;
-
-	if ( Array.isArray( obj ) ) {
-
-		// Serialize array item.
-		jQuery.each( obj, function( i, v ) {
-			if ( traditional || rbracket.test( prefix ) ) {
-
-				// Treat each array item as a scalar.
-				add( prefix, v );
-
-			} else {
-
-				// Item is non-scalar (array or object), encode its numeric index.
-				buildParams(
-					prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]",
-					v,
-					traditional,
-					add
-				);
-			}
-		} );
-
-	} else if ( !traditional && toType( obj ) === "object" ) {
-
-		// Serialize object item.
-		for ( name in obj ) {
-			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
-		}
-
-	} else {
-
-		// Serialize scalar item.
-		add( prefix, obj );
-	}
-}
-
-// Serialize an array of form elements or a set of
-// key/values into a query string
-jQuery.param = function( a, traditional ) {
-	var prefix,
-		s = [],
-		add = function( key, valueOrFunction ) {
-
-			// If value is a function, invoke it and use its return value
-			var value = isFunction( valueOrFunction ) ?
-				valueOrFunction() :
-				valueOrFunction;
-
-			s[ s.length ] = encodeURIComponent( key ) + "=" +
-				encodeURIComponent( value == null ? "" : value );
-		};
-
-	// If an array was passed in, assume that it is an array of form elements.
-	if ( Array.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
-
-		// Serialize the form elements
-		jQuery.each( a, function() {
-			add( this.name, this.value );
-		} );
-
-	} else {
-
-		// If traditional, encode the "old" way (the way 1.3.2 or older
-		// did it), otherwise encode params recursively.
-		for ( prefix in a ) {
-			buildParams( prefix, a[ prefix ], traditional, add );
-		}
-	}
-
-	// Return the resulting serialization
-	return s.join( "&" );
-};
-
-jQuery.fn.extend( {
-	serialize: function() {
-		return jQuery.param( this.serializeArray() );
-	},
-	serializeArray: function() {
-		return this.map( function() {
-
-			// Can add propHook for "elements" to filter or add form elements
-			var elements = jQuery.prop( this, "elements" );
-			return elements ? jQuery.makeArray( elements ) : this;
-		} )
-		.filter( function() {
-			var type = this.type;
-
-			// Use .is( ":disabled" ) so that fieldset[disabled] works
-			return this.name && !jQuery( this ).is( ":disabled" ) &&
-				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
-				( this.checked || !rcheckableType.test( type ) );
-		} )
-		.map( function( i, elem ) {
-			var val = jQuery( this ).val();
-
-			if ( val == null ) {
-				return null;
-			}
-
-			if ( Array.isArray( val ) ) {
-				return jQuery.map( val, function( val ) {
-					return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-				} );
-			}
-
-			return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-		} ).get();
-	}
-} );
-
-
-var
-	r20 = /%20/g,
-	rhash = /#.*$/,
-	rantiCache = /([?&])_=[^&]*/,
-	rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg,
-
-	// #7653, #8125, #8152: local protocol detection
-	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
-	rnoContent = /^(?:GET|HEAD)$/,
-	rprotocol = /^\/\//,
-
-	/* Prefilters
-	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
-	 * 2) These are called:
-	 *    - BEFORE asking for a transport
-	 *    - AFTER param serialization (s.data is a string if s.processData is true)
-	 * 3) key is the dataType
-	 * 4) the catchall symbol "*" can be used
-	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
-	 */
-	prefilters = {},
-
-	/* Transports bindings
-	 * 1) key is the dataType
-	 * 2) the catchall symbol "*" can be used
-	 * 3) selection will start with transport dataType and THEN go to "*" if needed
-	 */
-	transports = {},
-
-	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
-	allTypes = "*/".concat( "*" ),
-
-	// Anchor tag for parsing the document origin
-	originAnchor = document.createElement( "a" );
-	originAnchor.href = location.href;
-
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
-
-	// dataTypeExpression is optional and defaults to "*"
-	return function( dataTypeExpression, func ) {
-
-		if ( typeof dataTypeExpression !== "string" ) {
-			func = dataTypeExpression;
-			dataTypeExpression = "*";
-		}
-
-		var dataType,
-			i = 0,
-			dataTypes = dataTypeExpression.toLowerCase().match( rnothtmlwhite ) || [];
-
-		if ( isFunction( func ) ) {
-
-			// For each dataType in the dataTypeExpression
-			while ( ( dataType = dataTypes[ i++ ] ) ) {
-
-				// Prepend if requested
-				if ( dataType[ 0 ] === "+" ) {
-					dataType = dataType.slice( 1 ) || "*";
-					( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func );
-
-				// Otherwise append
-				} else {
-					( structure[ dataType ] = structure[ dataType ] || [] ).push( func );
-				}
-			}
-		}
-	};
-}
-
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
-
-	var inspected = {},
-		seekingTransport = ( structure === transports );
-
-	function inspect( dataType ) {
-		var selected;
-		inspected[ dataType ] = true;
-		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
-			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
-			if ( typeof dataTypeOrTransport === "string" &&
-				!seekingTransport && !inspected[ dataTypeOrTransport ] ) {
-
-				options.dataTypes.unshift( dataTypeOrTransport );
-				inspect( dataTypeOrTransport );
-				return false;
-			} else if ( seekingTransport ) {
-				return !( selected = dataTypeOrTransport );
-			}
-		} );
-		return selected;
-	}
-
-	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
-}
-
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
-	var key, deep,
-		flatOptions = jQuery.ajaxSettings.flatOptions || {};
-
-	for ( key in src ) {
-		if ( src[ key ] !== undefined ) {
-			( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
-		}
-	}
-	if ( deep ) {
-		jQuery.extend( true, target, deep );
-	}
-
-	return target;
-}
-
-/* Handles responses to an ajax request:
- * - finds the right dataType (mediates between content-type and expected dataType)
- * - returns the corresponding response
- */
-function ajaxHandleResponses( s, jqXHR, responses ) {
-
-	var ct, type, finalDataType, firstDataType,
-		contents = s.contents,
-		dataTypes = s.dataTypes;
-
-	// Remove auto dataType and get content-type in the process
-	while ( dataTypes[ 0 ] === "*" ) {
-		dataTypes.shift();
-		if ( ct === undefined ) {
-			ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" );
-		}
-	}
-
-	// Check if we're dealing with a known content-type
-	if ( ct ) {
-		for ( type in contents ) {
-			if ( contents[ type ] && contents[ type ].test( ct ) ) {
-				dataTypes.unshift( type );
-				break;
-			}
-		}
-	}
-
-	// Check to see if we have a response for the expected dataType
-	if ( dataTypes[ 0 ] in responses ) {
-		finalDataType = dataTypes[ 0 ];
-	} else {
-
-		// Try convertible dataTypes
-		for ( type in responses ) {
-			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) {
-				finalDataType = type;
-				break;
-			}
-			if ( !firstDataType ) {
-				firstDataType = type;
-			}
-		}
-
-		// Or just use first one
-		finalDataType = finalDataType || firstDataType;
-	}
-
-	// If we found a dataType
-	// We add the dataType to the list if needed
-	// and return the corresponding response
-	if ( finalDataType ) {
-		if ( finalDataType !== dataTypes[ 0 ] ) {
-			dataTypes.unshift( finalDataType );
-		}
-		return responses[ finalDataType ];
-	}
-}
-
-/* Chain conversions given the request and the original response
- * Also sets the responseXXX fields on the jqXHR instance
- */
-function ajaxConvert( s, response, jqXHR, isSuccess ) {
-	var conv2, current, conv, tmp, prev,
-		converters = {},
-
-		// Work with a copy of dataTypes in case we need to modify it for conversion
-		dataTypes = s.dataTypes.slice();
-
-	// Create converters map with lowercased keys
-	if ( dataTypes[ 1 ] ) {
-		for ( conv in s.converters ) {
-			converters[ conv.toLowerCase() ] = s.converters[ conv ];
-		}
-	}
-
-	current = dataTypes.shift();
-
-	// Convert to each sequential dataType
-	while ( current ) {
-
-		if ( s.responseFields[ current ] ) {
-			jqXHR[ s.responseFields[ current ] ] = response;
-		}
-
-		// Apply the dataFilter if provided
-		if ( !prev && isSuccess && s.dataFilter ) {
-			response = s.dataFilter( response, s.dataType );
-		}
-
-		prev = current;
-		current = dataTypes.shift();
-
-		if ( current ) {
-
-			// There's only work to do if current dataType is non-auto
-			if ( current === "*" ) {
-
-				current = prev;
-
-			// Convert response if prev dataType is non-auto and differs from current
-			} else if ( prev !== "*" && prev !== current ) {
-
-				// Seek a direct converter
-				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
-
-				// If none found, seek a pair
-				if ( !conv ) {
-					for ( conv2 in converters ) {
-
-						// If conv2 outputs current
-						tmp = conv2.split( " " );
-						if ( tmp[ 1 ] === current ) {
-
-							// If prev can be converted to accepted input
-							conv = converters[ prev + " " + tmp[ 0 ] ] ||
-								converters[ "* " + tmp[ 0 ] ];
-							if ( conv ) {
-
-								// Condense equivalence converters
-								if ( conv === true ) {
-									conv = converters[ conv2 ];
-
-								// Otherwise, insert the intermediate dataType
-								} else if ( converters[ conv2 ] !== true ) {
-									current = tmp[ 0 ];
-									dataTypes.unshift( tmp[ 1 ] );
-								}
-								break;
-							}
-						}
-					}
-				}
-
-				// Apply converter (if not an equivalence)
-				if ( conv !== true ) {
-
-					// Unless errors are allowed to bubble, catch and return them
-					if ( conv && s.throws ) {
-						response = conv( response );
-					} else {
-						try {
-							response = conv( response );
-						} catch ( e ) {
-							return {
-								state: "parsererror",
-								error: conv ? e : "No conversion from " + prev + " to " + current
-							};
-						}
-					}
-				}
-			}
-		}
-	}
-
-	return { state: "success", data: response };
-}
-
-jQuery.extend( {
-
-	// Counter for holding the number of active queries
-	active: 0,
-
-	// Last-Modified header cache for next request
-	lastModified: {},
-	etag: {},
-
-	ajaxSettings: {
-		url: location.href,
-		type: "GET",
-		isLocal: rlocalProtocol.test( location.protocol ),
-		global: true,
-		processData: true,
-		async: true,
-		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-
-		/*
-		timeout: 0,
-		data: null,
-		dataType: null,
-		username: null,
-		password: null,
-		cache: null,
-		throws: false,
-		traditional: false,
-		headers: {},
-		*/
-
-		accepts: {
-			"*": allTypes,
-			text: "text/plain",
-			html: "text/html",
-			xml: "application/xml, text/xml",
-			json: "application/json, text/javascript"
-		},
-
-		contents: {
-			xml: /\bxml\b/,
-			html: /\bhtml/,
-			json: /\bjson\b/
-		},
-
-		responseFields: {
-			xml: "responseXML",
-			text: "responseText",
-			json: "responseJSON"
-		},
-
-		// Data converters
-		// Keys separate source (or catchall "*") and destination types with a single space
-		converters: {
-
-			// Convert anything to text
-			"* text": String,
-
-			// Text to html (true = no transformation)
-			"text html": true,
-
-			// Evaluate text as a json expression
-			"text json": JSON.parse,
-
-			// Parse text as xml
-			"text xml": jQuery.parseXML
-		},
-
-		// For options that shouldn't be deep extended:
-		// you can add your own custom options here if
-		// and when you create one that shouldn't be
-		// deep extended (see ajaxExtend)
-		flatOptions: {
-			url: true,
-			context: true
-		}
-	},
-
-	// Creates a full fledged settings object into target
-	// with both ajaxSettings and settings fields.
-	// If target is omitted, writes into ajaxSettings.
-	ajaxSetup: function( target, settings ) {
-		return settings ?
-
-			// Building a settings object
-			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
-
-			// Extending ajaxSettings
-			ajaxExtend( jQuery.ajaxSettings, target );
-	},
-
-	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
-	ajaxTransport: addToPrefiltersOrTransports( transports ),
-
-	// Main method
-	ajax: function( url, options ) {
-
-		// If url is an object, simulate pre-1.5 signature
-		if ( typeof url === "object" ) {
-			options = url;
-			url = undefined;
-		}
-
-		// Force options to be an object
-		options = options || {};
-
-		var transport,
-
-			// URL without anti-cache param
-			cacheURL,
-
-			// Response headers
-			responseHeadersString,
-			responseHeaders,
-
-			// timeout handle
-			timeoutTimer,
-
-			// Url cleanup var
-			urlAnchor,
-
-			// Request state (becomes false upon send and true upon completion)
-			completed,
-
-			// To know if global events are to be dispatched
-			fireGlobals,
-
-			// Loop variable
-			i,
-
-			// uncached part of the url
-			uncached,
-
-			// Create the final options object
-			s = jQuery.ajaxSetup( {}, options ),
-
-			// Callbacks context
-			callbackContext = s.context || s,
-
-			// Context for global events is callbackContext if it is a DOM node or jQuery collection
-			globalEventContext = s.context &&
-				( callbackContext.nodeType || callbackContext.jquery ) ?
-					jQuery( callbackContext ) :
-					jQuery.event,
-
-			// Deferreds
-			deferred = jQuery.Deferred(),
-			completeDeferred = jQuery.Callbacks( "once memory" ),
-
-			// Status-dependent callbacks
-			statusCode = s.statusCode || {},
-
-			// Headers (they are sent all at once)
-			requestHeaders = {},
-			requestHeadersNames = {},
-
-			// Default abort message
-			strAbort = "canceled",
-
-			// Fake xhr
-			jqXHR = {
-				readyState: 0,
-
-				// Builds headers hashtable if needed
-				getResponseHeader: function( key ) {
-					var match;
-					if ( completed ) {
-						if ( !responseHeaders ) {
-							responseHeaders = {};
-							while ( ( match = rheaders.exec( responseHeadersString ) ) ) {
-								responseHeaders[ match[ 1 ].toLowerCase() ] = match[ 2 ];
-							}
-						}
-						match = responseHeaders[ key.toLowerCase() ];
-					}
-					return match == null ? null : match;
-				},
-
-				// Raw string
-				getAllResponseHeaders: function() {
-					return completed ? responseHeadersString : null;
-				},
-
-				// Caches the header
-				setRequestHeader: function( name, value ) {
-					if ( completed == null ) {
-						name = requestHeadersNames[ name.toLowerCase() ] =
-							requestHeadersNames[ name.toLowerCase() ] || name;
-						requestHeaders[ name ] = value;
-					}
-					return this;
-				},
-
-				// Overrides response content-type header
-				overrideMimeType: function( type ) {
-					if ( completed == null ) {
-						s.mimeType = type;
-					}
-					return this;
-				},
-
-				// Status-dependent callbacks
-				statusCode: function( map ) {
-					var code;
-					if ( map ) {
-						if ( completed ) {
-
-							// Execute the appropriate callbacks
-							jqXHR.always( map[ jqXHR.status ] );
-						} else {
-
-							// Lazy-add the new callbacks in a way that preserves old ones
-							for ( code in map ) {
-								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
-							}
-						}
-					}
-					return this;
-				},
-
-				// Cancel the request
-				abort: function( statusText ) {
-					var finalText = statusText || strAbort;
-					if ( transport ) {
-						transport.abort( finalText );
-					}
-					done( 0, finalText );
-					return this;
-				}
-			};
-
-		// Attach deferreds
-		deferred.promise( jqXHR );
-
-		// Add protocol if not provided (prefilters might expect it)
-		// Handle falsy url in the settings object (#10093: consistency with old signature)
-		// We also use the url parameter if available
-		s.url = ( ( url || s.url || location.href ) + "" )
-			.replace( rprotocol, location.protocol + "//" );
-
-		// Alias method option to type as per ticket #12004
-		s.type = options.method || options.type || s.method || s.type;
-
-		// Extract dataTypes list
-		s.dataTypes = ( s.dataType || "*" ).toLowerCase().match( rnothtmlwhite ) || [ "" ];
-
-		// A cross-domain request is in order when the origin doesn't match the current origin.
-		if ( s.crossDomain == null ) {
-			urlAnchor = document.createElement( "a" );
-
-			// Support: IE <=8 - 11, Edge 12 - 15
-			// IE throws exception on accessing the href property if url is malformed,
-			// e.g. http://example.com:80x/
-			try {
-				urlAnchor.href = s.url;
-
-				// Support: IE <=8 - 11 only
-				// Anchor's host property isn't correctly set when s.url is relative
-				urlAnchor.href = urlAnchor.href;
-				s.crossDomain = originAnchor.protocol + "//" + originAnchor.host !==
-					urlAnchor.protocol + "//" + urlAnchor.host;
-			} catch ( e ) {
-
-				// If there is an error parsing the URL, assume it is crossDomain,
-				// it can be rejected by the transport if it is invalid
-				s.crossDomain = true;
-			}
-		}
-
-		// Convert data if not already a string
-		if ( s.data && s.processData && typeof s.data !== "string" ) {
-			s.data = jQuery.param( s.data, s.traditional );
-		}
-
-		// Apply prefilters
-		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
-		// If request was aborted inside a prefilter, stop there
-		if ( completed ) {
-			return jqXHR;
-		}
-
-		// We can fire global events as of now if asked to
-		// Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118)
-		fireGlobals = jQuery.event && s.global;
-
-		// Watch for a new set of requests
-		if ( fireGlobals && jQuery.active++ === 0 ) {
-			jQuery.event.trigger( "ajaxStart" );
-		}
-
-		// Uppercase the type
-		s.type = s.type.toUpperCase();
-
-		// Determine if request has content
-		s.hasContent = !rnoContent.test( s.type );
-
-		// Save the URL in case we're toying with the If-Modified-Since
-		// and/or If-None-Match header later on
-		// Remove hash to simplify url manipulation
-		cacheURL = s.url.replace( rhash, "" );
-
-		// More options handling for requests with no content
-		if ( !s.hasContent ) {
-
-			// Remember the hash so we can put it back
-			uncached = s.url.slice( cacheURL.length );
-
-			// If data is available and should be processed, append data to url
-			if ( s.data && ( s.processData || typeof s.data === "string" ) ) {
-				cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data;
-
-				// #9682: remove data so that it's not used in an eventual retry
-				delete s.data;
-			}
-
-			// Add or update anti-cache param if needed
-			if ( s.cache === false ) {
-				cacheURL = cacheURL.replace( rantiCache, "$1" );
-				uncached = ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ( nonce++ ) + uncached;
-			}
-
-			// Put hash and anti-cache on the URL that will be requested (gh-1732)
-			s.url = cacheURL + uncached;
-
-		// Change '%20' to '+' if this is encoded form body content (gh-2658)
-		} else if ( s.data && s.processData &&
-			( s.contentType || "" ).indexOf( "application/x-www-form-urlencoded" ) === 0 ) {
-			s.data = s.data.replace( r20, "+" );
-		}
-
-		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
-		if ( s.ifModified ) {
-			if ( jQuery.lastModified[ cacheURL ] ) {
-				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
-			}
-			if ( jQuery.etag[ cacheURL ] ) {
-				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
-			}
-		}
-
-		// Set the correct header, if data is being sent
-		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
-			jqXHR.setRequestHeader( "Content-Type", s.contentType );
-		}
-
-		// Set the Accepts header for the server, depending on the dataType
-		jqXHR.setRequestHeader(
-			"Accept",
-			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ?
-				s.accepts[ s.dataTypes[ 0 ] ] +
-					( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
-				s.accepts[ "*" ]
-		);
-
-		// Check for headers option
-		for ( i in s.headers ) {
-			jqXHR.setRequestHeader( i, s.headers[ i ] );
-		}
-
-		// Allow custom headers/mimetypes and early abort
-		if ( s.beforeSend &&
-			( s.beforeSend.call( callbackContext, jqXHR, s ) === false || completed ) ) {
-
-			// Abort if not done already and return
-			return jqXHR.abort();
-		}
-
-		// Aborting is no longer a cancellation
-		strAbort = "abort";
-
-		// Install callbacks on deferreds
-		completeDeferred.add( s.complete );
-		jqXHR.done( s.success );
-		jqXHR.fail( s.error );
-
-		// Get transport
-		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
-		// If no transport, we auto-abort
-		if ( !transport ) {
-			done( -1, "No Transport" );
-		} else {
-			jqXHR.readyState = 1;
-
-			// Send global event
-			if ( fireGlobals ) {
-				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
-			}
-
-			// If request was aborted inside ajaxSend, stop there
-			if ( completed ) {
-				return jqXHR;
-			}
-
-			// Timeout
-			if ( s.async && s.timeout > 0 ) {
-				timeoutTimer = window.setTimeout( function() {
-					jqXHR.abort( "timeout" );
-				}, s.timeout );
-			}
-
-			try {
-				completed = false;
-				transport.send( requestHeaders, done );
-			} catch ( e ) {
-
-				// Rethrow post-completion exceptions
-				if ( completed ) {
-					throw e;
-				}
-
-				// Propagate others as results
-				done( -1, e );
-			}
-		}
-
-		// Callback for when everything is done
-		function done( status, nativeStatusText, responses, headers ) {
-			var isSuccess, success, error, response, modified,
-				statusText = nativeStatusText;
-
-			// Ignore repeat invocations
-			if ( completed ) {
-				return;
-			}
-
-			completed = true;
-
-			// Clear timeout if it exists
-			if ( timeoutTimer ) {
-				window.clearTimeout( timeoutTimer );
-			}
-
-			// Dereference transport for early garbage collection
-			// (no matter how long the jqXHR object will be used)
-			transport = undefined;
-
-			// Cache response headers
-			responseHeadersString = headers || "";
-
-			// Set readyState
-			jqXHR.readyState = status > 0 ? 4 : 0;
-
-			// Determine if successful
-			isSuccess = status >= 200 && status < 300 || status === 304;
-
-			// Get response data
-			if ( responses ) {
-				response = ajaxHandleResponses( s, jqXHR, responses );
-			}
-
-			// Convert no matter what (that way responseXXX fields are always set)
-			response = ajaxConvert( s, response, jqXHR, isSuccess );
-
-			// If successful, handle type chaining
-			if ( isSuccess ) {
-
-				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
-				if ( s.ifModified ) {
-					modified = jqXHR.getResponseHeader( "Last-Modified" );
-					if ( modified ) {
-						jQuery.lastModified[ cacheURL ] = modified;
-					}
-					modified = jqXHR.getResponseHeader( "etag" );
-					if ( modified ) {
-						jQuery.etag[ cacheURL ] = modified;
-					}
-				}
-
-				// if no content
-				if ( status === 204 || s.type === "HEAD" ) {
-					statusText = "nocontent";
-
-				// if not modified
-				} else if ( status === 304 ) {
-					statusText = "notmodified";
-
-				// If we have data, let's convert it
-				} else {
-					statusText = response.state;
-					success = response.data;
-					error = response.error;
-					isSuccess = !error;
-				}
-			} else {
-
-				// Extract error from statusText and normalize for non-aborts
-				error = statusText;
-				if ( status || !statusText ) {
-					statusText = "error";
-					if ( status < 0 ) {
-						status = 0;
-					}
-				}
-			}
-
-			// Set data for the fake xhr object
-			jqXHR.status = status;
-			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
-
-			// Success/Error
-			if ( isSuccess ) {
-				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
-			} else {
-				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
-			}
-
-			// Status-dependent callbacks
-			jqXHR.statusCode( statusCode );
-			statusCode = undefined;
-
-			if ( fireGlobals ) {
-				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
-					[ jqXHR, s, isSuccess ? success : error ] );
-			}
-
-			// Complete
-			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
-
-			if ( fireGlobals ) {
-				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
-
-				// Handle the global AJAX counter
-				if ( !( --jQuery.active ) ) {
-					jQuery.event.trigger( "ajaxStop" );
-				}
-			}
-		}
-
-		return jqXHR;
-	},
-
-	getJSON: function( url, data, callback ) {
-		return jQuery.get( url, data, callback, "json" );
-	},
-
-	getScript: function( url, callback ) {
-		return jQuery.get( url, undefined, callback, "script" );
-	}
-} );
-
-jQuery.each( [ "get", "post" ], function( i, method ) {
-	jQuery[ method ] = function( url, data, callback, type ) {
-
-		// Shift arguments if data argument was omitted
-		if ( isFunction( data ) ) {
-			type = type || callback;
-			callback = data;
-			data = undefined;
-		}
-
-		// The url can be an options object (which then must have .url)
-		return jQuery.ajax( jQuery.extend( {
-			url: url,
-			type: method,
-			dataType: type,
-			data: data,
-			success: callback
-		}, jQuery.isPlainObject( url ) && url ) );
-	};
-} );
-
-
-jQuery._evalUrl = function( url ) {
-	return jQuery.ajax( {
-		url: url,
-
-		// Make this explicit, since user can override this through ajaxSetup (#11264)
-		type: "GET",
-		dataType: "script",
-		cache: true,
-		async: false,
-		global: false,
-		"throws": true
-	} );
-};
-
-
-jQuery.fn.extend( {
-	wrapAll: function( html ) {
-		var wrap;
-
-		if ( this[ 0 ] ) {
-			if ( isFunction( html ) ) {
-				html = html.call( this[ 0 ] );
-			}
-
-			// The elements to wrap the target around
-			wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true );
-
-			if ( this[ 0 ].parentNode ) {
-				wrap.insertBefore( this[ 0 ] );
-			}
-
-			wrap.map( function() {
-				var elem = this;
-
-				while ( elem.firstElementChild ) {
-					elem = elem.firstElementChild;
-				}
-
-				return elem;
-			} ).append( this );
-		}
-
-		return this;
-	},
-
-	wrapInner: function( html ) {
-		if ( isFunction( html ) ) {
-			return this.each( function( i ) {
-				jQuery( this ).wrapInner( html.call( this, i ) );
-			} );
-		}
-
-		return this.each( function() {
-			var self = jQuery( this ),
-				contents = self.contents();
-
-			if ( contents.length ) {
-				contents.wrapAll( html );
-
-			} else {
-				self.append( html );
-			}
-		} );
-	},
-
-	wrap: function( html ) {
-		var htmlIsFunction = isFunction( html );
-
-		return this.each( function( i ) {
-			jQuery( this ).wrapAll( htmlIsFunction ? html.call( this, i ) : html );
-		} );
-	},
-
-	unwrap: function( selector ) {
-		this.parent( selector ).not( "body" ).each( function() {
-			jQuery( this ).replaceWith( this.childNodes );
-		} );
-		return this;
-	}
-} );
-
-
-jQuery.expr.pseudos.hidden = function( elem ) {
-	return !jQuery.expr.pseudos.visible( elem );
-};
-jQuery.expr.pseudos.visible = function( elem ) {
-	return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );
-};
-
-
-
-
-jQuery.ajaxSettings.xhr = function() {
-	try {
-		return new window.XMLHttpRequest();
-	} catch ( e ) {}
-};
-
-var xhrSuccessStatus = {
-
-		// File protocol always yields status code 0, assume 200
-		0: 200,
-
-		// Support: IE <=9 only
-		// #1450: sometimes IE returns 1223 when it should be 204
-		1223: 204
-	},
-	xhrSupported = jQuery.ajaxSettings.xhr();
-
-support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
-support.ajax = xhrSupported = !!xhrSupported;
-
-jQuery.ajaxTransport( function( options ) {
-	var callback, errorCallback;
-
-	// Cross domain only allowed if supported through XMLHttpRequest
-	if ( support.cors || xhrSupported && !options.crossDomain ) {
-		return {
-			send: function( headers, complete ) {
-				var i,
-					xhr = options.xhr();
-
-				xhr.open(
-					options.type,
-					options.url,
-					options.async,
-					options.username,
-					options.password
-				);
-
-				// Apply custom fields if provided
-				if ( options.xhrFields ) {
-					for ( i in options.xhrFields ) {
-						xhr[ i ] = options.xhrFields[ i ];
-					}
-				}
-
-				// Override mime type if needed
-				if ( options.mimeType && xhr.overrideMimeType ) {
-					xhr.overrideMimeType( options.mimeType );
-				}
-
-				// X-Requested-With header
-				// For cross-domain requests, seeing as conditions for a preflight are
-				// akin to a jigsaw puzzle, we simply never set it to be sure.
-				// (it can always be set on a per-request basis or even using ajaxSetup)
-				// For same-domain requests, won't change header if already provided.
-				if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) {
-					headers[ "X-Requested-With" ] = "XMLHttpRequest";
-				}
-
-				// Set headers
-				for ( i in headers ) {
-					xhr.setRequestHeader( i, headers[ i ] );
-				}
-
-				// Callback
-				callback = function( type ) {
-					return function() {
-						if ( callback ) {
-							callback = errorCallback = xhr.onload =
-								xhr.onerror = xhr.onabort = xhr.ontimeout =
-									xhr.onreadystatechange = null;
-
-							if ( type === "abort" ) {
-								xhr.abort();
-							} else if ( type === "error" ) {
-
-								// Support: IE <=9 only
-								// On a manual native abort, IE9 throws
-								// errors on any property access that is not readyState
-								if ( typeof xhr.status !== "number" ) {
-									complete( 0, "error" );
-								} else {
-									complete(
-
-										// File: protocol always yields status 0; see #8605, #14207
-										xhr.status,
-										xhr.statusText
-									);
-								}
-							} else {
-								complete(
-									xhrSuccessStatus[ xhr.status ] || xhr.status,
-									xhr.statusText,
-
-									// Support: IE <=9 only
-									// IE9 has no XHR2 but throws on binary (trac-11426)
-									// For XHR2 non-text, let the caller handle it (gh-2498)
-									( xhr.responseType || "text" ) !== "text"  ||
-									typeof xhr.responseText !== "string" ?
-										{ binary: xhr.response } :
-										{ text: xhr.responseText },
-									xhr.getAllResponseHeaders()
-								);
-							}
-						}
-					};
-				};
-
-				// Listen to events
-				xhr.onload = callback();
-				errorCallback = xhr.onerror = xhr.ontimeout = callback( "error" );
-
-				// Support: IE 9 only
-				// Use onreadystatechange to replace onabort
-				// to handle uncaught aborts
-				if ( xhr.onabort !== undefined ) {
-					xhr.onabort = errorCallback;
-				} else {
-					xhr.onreadystatechange = function() {
-
-						// Check readyState before timeout as it changes
-						if ( xhr.readyState === 4 ) {
-
-							// Allow onerror to be called first,
-							// but that will not handle a native abort
-							// Also, save errorCallback to a variable
-							// as xhr.onerror cannot be accessed
-							window.setTimeout( function() {
-								if ( callback ) {
-									errorCallback();
-								}
-							} );
-						}
-					};
-				}
-
-				// Create the abort callback
-				callback = callback( "abort" );
-
-				try {
-
-					// Do send the request (this may raise an exception)
-					xhr.send( options.hasContent && options.data || null );
-				} catch ( e ) {
-
-					// #14683: Only rethrow if this hasn't been notified as an error yet
-					if ( callback ) {
-						throw e;
-					}
-				}
-			},
-
-			abort: function() {
-				if ( callback ) {
-					callback();
-				}
-			}
-		};
-	}
-} );
-
-
-
-
-// Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432)
-jQuery.ajaxPrefilter( function( s ) {
-	if ( s.crossDomain ) {
-		s.contents.script = false;
-	}
-} );
-
-// Install script dataType
-jQuery.ajaxSetup( {
-	accepts: {
-		script: "text/javascript, application/javascript, " +
-			"application/ecmascript, application/x-ecmascript"
-	},
-	contents: {
-		script: /\b(?:java|ecma)script\b/
-	},
-	converters: {
-		"text script": function( text ) {
-			jQuery.globalEval( text );
-			return text;
-		}
-	}
-} );
-
-// Handle cache's special case and crossDomain
-jQuery.ajaxPrefilter( "script", function( s ) {
-	if ( s.cache === undefined ) {
-		s.cache = false;
-	}
-	if ( s.crossDomain ) {
-		s.type = "GET";
-	}
-} );
-
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function( s ) {
-
-	// This transport only deals with cross domain requests
-	if ( s.crossDomain ) {
-		var script, callback;
-		return {
-			send: function( _, complete ) {
-				script = jQuery( "<script>" ).prop( {
-					charset: s.scriptCharset,
-					src: s.url
-				} ).on(
-					"load error",
-					callback = function( evt ) {
-						script.remove();
-						callback = null;
-						if ( evt ) {
-							complete( evt.type === "error" ? 404 : 200, evt.type );
-						}
-					}
-				);
-
-				// Use native DOM manipulation to avoid our domManip AJAX trickery
-				document.head.appendChild( script[ 0 ] );
-			},
-			abort: function() {
-				if ( callback ) {
-					callback();
-				}
-			}
-		};
-	}
-} );
-
-
-
-
-var oldCallbacks = [],
-	rjsonp = /(=)\?(?=&|$)|\?\?/;
-
-// Default jsonp settings
-jQuery.ajaxSetup( {
-	jsonp: "callback",
-	jsonpCallback: function() {
-		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
-		this[ callback ] = true;
-		return callback;
-	}
-} );
-
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
-
-	var callbackName, overwritten, responseContainer,
-		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
-			"url" :
-			typeof s.data === "string" &&
-				( s.contentType || "" )
-					.indexOf( "application/x-www-form-urlencoded" ) === 0 &&
-				rjsonp.test( s.data ) && "data"
-		);
-
-	// Handle iff the expected data type is "jsonp" or we have a parameter to set
-	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
-
-		// Get callback name, remembering preexisting value associated with it
-		callbackName = s.jsonpCallback = isFunction( s.jsonpCallback ) ?
-			s.jsonpCallback() :
-			s.jsonpCallback;
-
-		// Insert callback into url or form data
-		if ( jsonProp ) {
-			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
-		} else if ( s.jsonp !== false ) {
-			s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
-		}
-
-		// Use data converter to retrieve json after script execution
-		s.converters[ "script json" ] = function() {
-			if ( !responseContainer ) {
-				jQuery.error( callbackName + " was not called" );
-			}
-			return responseContainer[ 0 ];
-		};
-
-		// Force json dataType
-		s.dataTypes[ 0 ] = "json";
-
-		// Install callback
-		overwritten = window[ callbackName ];
-		window[ callbackName ] = function() {
-			responseContainer = arguments;
-		};
-
-		// Clean-up function (fires after converters)
-		jqXHR.always( function() {
-
-			// If previous value didn't exist - remove it
-			if ( overwritten === undefined ) {
-				jQuery( window ).removeProp( callbackName );
-
-			// Otherwise restore preexisting value
-			} else {
-				window[ callbackName ] = overwritten;
-			}
-
-			// Save back as free
-			if ( s[ callbackName ] ) {
-
-				// Make sure that re-using the options doesn't screw things around
-				s.jsonpCallback = originalSettings.jsonpCallback;
-
-				// Save the callback name for future use
-				oldCallbacks.push( callbackName );
-			}
-
-			// Call if it was a function and we have a response
-			if ( responseContainer && isFunction( overwritten ) ) {
-				overwritten( responseContainer[ 0 ] );
-			}
-
-			responseContainer = overwritten = undefined;
-		} );
-
-		// Delegate to script
-		return "script";
-	}
-} );
-
-
-
-
-// Support: Safari 8 only
-// In Safari 8 documents created via document.implementation.createHTMLDocument
-// collapse sibling forms: the second one becomes a child of the first one.
-// Because of that, this security measure has to be disabled in Safari 8.
-// https://bugs.webkit.org/show_bug.cgi?id=137337
-support.createHTMLDocument = ( function() {
-	var body = document.implementation.createHTMLDocument( "" ).body;
-	body.innerHTML = "<form></form><form></form>";
-	return body.childNodes.length === 2;
-} )();
-
-
-// Argument "data" should be string of html
-// context (optional): If specified, the fragment will be created in this context,
-// defaults to document
-// keepScripts (optional): If true, will include scripts passed in the html string
-jQuery.parseHTML = function( data, context, keepScripts ) {
-	if ( typeof data !== "string" ) {
-		return [];
-	}
-	if ( typeof context === "boolean" ) {
-		keepScripts = context;
-		context = false;
-	}
-
-	var base, parsed, scripts;
-
-	if ( !context ) {
-
-		// Stop scripts or inline event handlers from being executed immediately
-		// by using document.implementation
-		if ( support.createHTMLDocument ) {
-			context = document.implementation.createHTMLDocument( "" );
-
-			// Set the base href for the created document
-			// so any parsed elements with URLs
-			// are based on the document's URL (gh-2965)
-			base = context.createElement( "base" );
-			base.href = document.location.href;
-			context.head.appendChild( base );
-		} else {
-			context = document;
-		}
-	}
-
-	parsed = rsingleTag.exec( data );
-	scripts = !keepScripts && [];
-
-	// Single tag
-	if ( parsed ) {
-		return [ context.createElement( parsed[ 1 ] ) ];
-	}
-
-	parsed = buildFragment( [ data ], context, scripts );
-
-	if ( scripts && scripts.length ) {
-		jQuery( scripts ).remove();
-	}
-
-	return jQuery.merge( [], parsed.childNodes );
-};
-
-
-/**
- * Load a url into a page
- */
-jQuery.fn.load = function( url, params, callback ) {
-	var selector, type, response,
-		self = this,
-		off = url.indexOf( " " );
-
-	if ( off > -1 ) {
-		selector = stripAndCollapse( url.slice( off ) );
-		url = url.slice( 0, off );
-	}
-
-	// If it's a function
-	if ( isFunction( params ) ) {
-
-		// We assume that it's the callback
-		callback = params;
-		params = undefined;
-
-	// Otherwise, build a param string
-	} else if ( params && typeof params === "object" ) {
-		type = "POST";
-	}
-
-	// If we have elements to modify, make the request
-	if ( self.length > 0 ) {
-		jQuery.ajax( {
-			url: url,
-
-			// If "type" variable is undefined, then "GET" method will be used.
-			// Make value of this field explicit since
-			// user can override it through ajaxSetup method
-			type: type || "GET",
-			dataType: "html",
-			data: params
-		} ).done( function( responseText ) {
-
-			// Save response for use in complete callback
-			response = arguments;
-
-			self.html( selector ?
-
-				// If a selector was specified, locate the right elements in a dummy div
-				// Exclude scripts to avoid IE 'Permission Denied' errors
-				jQuery( "<div>" ).append( jQuery.parseHTML( responseText ) ).find( selector ) :
-
-				// Otherwise use the full result
-				responseText );
-
-		// If the request succeeds, this function gets "data", "status", "jqXHR"
-		// but they are ignored because response was set above.
-		// If it fails, this function gets "jqXHR", "status", "error"
-		} ).always( callback && function( jqXHR, status ) {
-			self.each( function() {
-				callback.apply( this, response || [ jqXHR.responseText, status, jqXHR ] );
-			} );
-		} );
-	}
-
-	return this;
-};
-
-
-
-
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( [
-	"ajaxStart",
-	"ajaxStop",
-	"ajaxComplete",
-	"ajaxError",
-	"ajaxSuccess",
-	"ajaxSend"
-], function( i, type ) {
-	jQuery.fn[ type ] = function( fn ) {
-		return this.on( type, fn );
-	};
-} );
-
-
-
-
-jQuery.expr.pseudos.animated = function( elem ) {
-	return jQuery.grep( jQuery.timers, function( fn ) {
-		return elem === fn.elem;
-	} ).length;
-};
-
-
-
-
-jQuery.offset = {
-	setOffset: function( elem, options, i ) {
-		var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
-			position = jQuery.css( elem, "position" ),
-			curElem = jQuery( elem ),
-			props = {};
-
-		// Set position first, in-case top/left are set even on static elem
-		if ( position === "static" ) {
-			elem.style.position = "relative";
-		}
-
-		curOffset = curElem.offset();
-		curCSSTop = jQuery.css( elem, "top" );
-		curCSSLeft = jQuery.css( elem, "left" );
-		calculatePosition = ( position === "absolute" || position === "fixed" ) &&
-			( curCSSTop + curCSSLeft ).indexOf( "auto" ) > -1;
-
-		// Need to be able to calculate position if either
-		// top or left is auto and position is either absolute or fixed
-		if ( calculatePosition ) {
-			curPosition = curElem.position();
-			curTop = curPosition.top;
-			curLeft = curPosition.left;
-
-		} else {
-			curTop = parseFloat( curCSSTop ) || 0;
-			curLeft = parseFloat( curCSSLeft ) || 0;
-		}
-
-		if ( isFunction( options ) ) {
-
-			// Use jQuery.extend here to allow modification of coordinates argument (gh-1848)
-			options = options.call( elem, i, jQuery.extend( {}, curOffset ) );
-		}
-
-		if ( options.top != null ) {
-			props.top = ( options.top - curOffset.top ) + curTop;
-		}
-		if ( options.left != null ) {
-			props.left = ( options.left - curOffset.left ) + curLeft;
-		}
-
-		if ( "using" in options ) {
-			options.using.call( elem, props );
-
-		} else {
-			curElem.css( props );
-		}
-	}
-};
-
-jQuery.fn.extend( {
-
-	// offset() relates an element's border box to the document origin
-	offset: function( options ) {
-
-		// Preserve chaining for setter
-		if ( arguments.length ) {
-			return options === undefined ?
-				this :
-				this.each( function( i ) {
-					jQuery.offset.setOffset( this, options, i );
-				} );
-		}
-
-		var rect, win,
-			elem = this[ 0 ];
-
-		if ( !elem ) {
-			return;
-		}
-
-		// Return zeros for disconnected and hidden (display: none) elements (gh-2310)
-		// Support: IE <=11 only
-		// Running getBoundingClientRect on a
-		// disconnected node in IE throws an error
-		if ( !elem.getClientRects().length ) {
-			return { top: 0, left: 0 };
-		}
-
-		// Get document-relative position by adding viewport scroll to viewport-relative gBCR
-		rect = elem.getBoundingClientRect();
-		win = elem.ownerDocument.defaultView;
-		return {
-			top: rect.top + win.pageYOffset,
-			left: rect.left + win.pageXOffset
-		};
-	},
-
-	// position() relates an element's margin box to its offset parent's padding box
-	// This corresponds to the behavior of CSS absolute positioning
-	position: function() {
-		if ( !this[ 0 ] ) {
-			return;
-		}
-
-		var offsetParent, offset, doc,
-			elem = this[ 0 ],
-			parentOffset = { top: 0, left: 0 };
-
-		// position:fixed elements are offset from the viewport, which itself always has zero offset
-		if ( jQuery.css( elem, "position" ) === "fixed" ) {
-
-			// Assume position:fixed implies availability of getBoundingClientRect
-			offset = elem.getBoundingClientRect();
-
-		} else {
-			offset = this.offset();
-
-			// Account for the *real* offset parent, which can be the document or its root element
-			// when a statically positioned element is identified
-			doc = elem.ownerDocument;
-			offsetParent = elem.offsetParent || doc.documentElement;
-			while ( offsetParent &&
-				( offsetParent === doc.body || offsetParent === doc.documentElement ) &&
-				jQuery.css( offsetParent, "position" ) === "static" ) {
-
-				offsetParent = offsetParent.parentNode;
-			}
-			if ( offsetParent && offsetParent !== elem && offsetParent.nodeType === 1 ) {
-
-				// Incorporate borders into its offset, since they are outside its content origin
-				parentOffset = jQuery( offsetParent ).offset();
-				parentOffset.top += jQuery.css( offsetParent, "borderTopWidth", true );
-				parentOffset.left += jQuery.css( offsetParent, "borderLeftWidth", true );
-			}
-		}
-
-		// Subtract parent offsets and element margins
-		return {
-			top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
-			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true )
-		};
-	},
-
-	// This method will return documentElement in the following cases:
-	// 1) For the element inside the iframe without offsetParent, this method will return
-	//    documentElement of the parent window
-	// 2) For the hidden or detached element
-	// 3) For body or html element, i.e. in case of the html node - it will return itself
-	//
-	// but those exceptions were never presented as a real life use-cases
-	// and might be considered as more preferable results.
-	//
-	// This logic, however, is not guaranteed and can change at any point in the future
-	offsetParent: function() {
-		return this.map( function() {
-			var offsetParent = this.offsetParent;
-
-			while ( offsetParent && jQuery.css( offsetParent, "position" ) === "static" ) {
-				offsetParent = offsetParent.offsetParent;
-			}
-
-			return offsetParent || documentElement;
-		} );
-	}
-} );
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
-	var top = "pageYOffset" === prop;
-
-	jQuery.fn[ method ] = function( val ) {
-		return access( this, function( elem, method, val ) {
-
-			// Coalesce documents and windows
-			var win;
-			if ( isWindow( elem ) ) {
-				win = elem;
-			} else if ( elem.nodeType === 9 ) {
-				win = elem.defaultView;
-			}
-
-			if ( val === undefined ) {
-				return win ? win[ prop ] : elem[ method ];
-			}
-
-			if ( win ) {
-				win.scrollTo(
-					!top ? val : win.pageXOffset,
-					top ? val : win.pageYOffset
-				);
-
-			} else {
-				elem[ method ] = val;
-			}
-		}, method, val, arguments.length );
-	};
-} );
-
-// Support: Safari <=7 - 9.1, Chrome <=37 - 49
-// Add the top/left cssHooks using jQuery.fn.position
-// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
-// Blink bug: https://bugs.chromium.org/p/chromium/issues/detail?id=589347
-// getComputedStyle returns percent when specified for top/left/bottom/right;
-// rather than make the css module depend on the offset module, just check for it here
-jQuery.each( [ "top", "left" ], function( i, prop ) {
-	jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
-		function( elem, computed ) {
-			if ( computed ) {
-				computed = curCSS( elem, prop );
-
-				// If curCSS returns percentage, fallback to offset
-				return rnumnonpx.test( computed ) ?
-					jQuery( elem ).position()[ prop ] + "px" :
-					computed;
-			}
-		}
-	);
-} );
-
-
-// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
-jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
-	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name },
-		function( defaultExtra, funcName ) {
-
-		// Margin is only for outerHeight, outerWidth
-		jQuery.fn[ funcName ] = function( margin, value ) {
-			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
-				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
-
-			return access( this, function( elem, type, value ) {
-				var doc;
-
-				if ( isWindow( elem ) ) {
-
-					// $( window ).outerWidth/Height return w/h including scrollbars (gh-1729)
-					return funcName.indexOf( "outer" ) === 0 ?
-						elem[ "inner" + name ] :
-						elem.document.documentElement[ "client" + name ];
-				}
-
-				// Get document width or height
-				if ( elem.nodeType === 9 ) {
-					doc = elem.documentElement;
-
-					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
-					// whichever is greatest
-					return Math.max(
-						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
-						elem.body[ "offset" + name ], doc[ "offset" + name ],
-						doc[ "client" + name ]
-					);
-				}
-
-				return value === undefined ?
-
-					// Get width or height on the element, requesting but not forcing parseFloat
-					jQuery.css( elem, type, extra ) :
-
-					// Set width or height on the element
-					jQuery.style( elem, type, value, extra );
-			}, type, chainable ? margin : undefined, chainable );
-		};
-	} );
-} );
-
-
-jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " +
-	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
-	"change select submit keydown keypress keyup contextmenu" ).split( " " ),
-	function( i, name ) {
-
-	// Handle event binding
-	jQuery.fn[ name ] = function( data, fn ) {
-		return arguments.length > 0 ?
-			this.on( name, null, data, fn ) :
-			this.trigger( name );
-	};
-} );
-
-jQuery.fn.extend( {
-	hover: function( fnOver, fnOut ) {
-		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
-	}
-} );
-
-
-
-
-jQuery.fn.extend( {
-
-	bind: function( types, data, fn ) {
-		return this.on( types, null, data, fn );
-	},
-	unbind: function( types, fn ) {
-		return this.off( types, null, fn );
-	},
-
-	delegate: function( selector, types, data, fn ) {
-		return this.on( types, selector, data, fn );
-	},
-	undelegate: function( selector, types, fn ) {
-
-		// ( namespace ) or ( selector, types [, fn] )
-		return arguments.length === 1 ?
-			this.off( selector, "**" ) :
-			this.off( types, selector || "**", fn );
-	}
-} );
-
-// Bind a function to a context, optionally partially applying any
-// arguments.
-// jQuery.proxy is deprecated to promote standards (specifically Function#bind)
-// However, it is not slated for removal any time soon
-jQuery.proxy = function( fn, context ) {
-	var tmp, args, proxy;
-
-	if ( typeof context === "string" ) {
-		tmp = fn[ context ];
-		context = fn;
-		fn = tmp;
-	}
-
-	// Quick check to determine if target is callable, in the spec
-	// this throws a TypeError, but we will just return undefined.
-	if ( !isFunction( fn ) ) {
-		return undefined;
-	}
-
-	// Simulated bind
-	args = slice.call( arguments, 2 );
-	proxy = function() {
-		return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
-	};
-
-	// Set the guid of unique handler to the same of original handler, so it can be removed
-	proxy.guid = fn.guid = fn.guid || jQuery.guid++;
-
-	return proxy;
-};
-
-jQuery.holdReady = function( hold ) {
-	if ( hold ) {
-		jQuery.readyWait++;
-	} else {
-		jQuery.ready( true );
-	}
-};
-jQuery.isArray = Array.isArray;
-jQuery.parseJSON = JSON.parse;
-jQuery.nodeName = nodeName;
-jQuery.isFunction = isFunction;
-jQuery.isWindow = isWindow;
-jQuery.camelCase = camelCase;
-jQuery.type = toType;
-
-jQuery.now = Date.now;
-
-jQuery.isNumeric = function( obj ) {
-
-	// As of jQuery 3.0, isNumeric is limited to
-	// strings and numbers (primitives or objects)
-	// that can be coerced to finite numbers (gh-2662)
-	var type = jQuery.type( obj );
-	return ( type === "number" || type === "string" ) &&
-
-		// parseFloat NaNs numeric-cast false positives ("")
-		// ...but misinterprets leading-number strings, particularly hex literals ("0x...")
-		// subtraction forces infinities to NaN
-		!isNaN( obj - parseFloat( obj ) );
-};
-
-
-
-
-// Register as a named AMD module, since jQuery can be concatenated with other
-// files that may use define, but not via a proper concatenation script that
-// understands anonymous AMD modules. A named AMD is safest and most robust
-// way to register. Lowercase jquery is used because AMD module names are
-// derived from file names, and jQuery is normally delivered in a lowercase
-// file name. Do this after creating the global so that if an AMD module wants
-// to call noConflict to hide this version of jQuery, it will work.
-
-// Note that for maximum portability, libraries that are not jQuery should
-// declare themselves as anonymous modules, and avoid setting a global if an
-// AMD loader is present. jQuery is a special case. For more information, see
-// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
-
-if ( typeof define === "function" && define.amd ) {
-	define( "jquery", [], function() {
-		return jQuery;
-	} );
-}
-
-
-
-
-var
-
-	// Map over jQuery in case of overwrite
-	_jQuery = window.jQuery,
-
-	// Map over the $ in case of overwrite
-	_$ = window.$;
-
-jQuery.noConflict = function( deep ) {
-	if ( window.$ === jQuery ) {
-		window.$ = _$;
-	}
-
-	if ( deep && window.jQuery === jQuery ) {
-		window.jQuery = _jQuery;
-	}
-
-	return jQuery;
-};
-
-// Expose jQuery and $ identifiers, even in AMD
-// (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
-// and CommonJS for browser emulators (#13566)
-if ( !noGlobal ) {
-	window.jQuery = window.$ = jQuery;
-}
-
-
-
-
-return jQuery;
-} );
+/*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),D=function(e,t){return e===t&&(l=!0),0},j={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&j.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(D),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(D).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(D(this,e||[],!1))},not:function(e){return this.pushStack(D(this,e||[],!0))},is:function(e){return!!D(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var j,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^key/,we=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Te=/^([^.]*)(?:\.(.+)|)/;function Ce(){return!0}function Ee(){return!1}function Se(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function ke(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)ke(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Ee;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Ae(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,Ce)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=Te.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=Te.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Ae(t,"click",Ce),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Ae(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?Ce:Ee,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Ee,isPropagationStopped:Ee,isImmediatePropagationStopped:Ee,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=Ce,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=Ce,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=Ce,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:function(e){var t=e.button;return null==e.which&&be.test(e.type)?null!=e.charCode?e.charCode:e.keyCode:!e.which&&void 0!==t&&we.test(e.type)?1&t?1:2&t?3:4&t?2:0:e.which}},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Ae(this,e,Se),!1},trigger:function(){return Ae(this,e),!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return ke(this,e,t,n,r)},one:function(e,t,n,r){return ke(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Ee),this.each(function(){S.event.remove(this,e,n,t)})}});var Ne=/<script|<style|<link/i,De=/checked\s*(?:[^=]|=\s*.checked.)/i,je=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function Pe(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&De.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),Pe(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),Le)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,He),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(je,""),u,l))}return n}function Re(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Oe(o[r],a[r]);else Oe(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Re(this,e,!0)},remove:function(e){return Re(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Pe(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||qe(this,e).appendChild(e)})},prepend:function(){return Pe(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=qe(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Pe(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Pe(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ne.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return Pe(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Me=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Ie=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},We=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Fe=new RegExp(ne.join("|"),"i");function Be(e,t,n){var r,i,o,a,s=e.style;return(n=n||Ie(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Me.test(a)&&Fe.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function $e(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px",t.style.height="1px",n.style.height="9px",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=3<parseInt(r.height),re.removeChild(e)),a}}))}();var _e=["Webkit","Moz","ms"],ze=E.createElement("div").style,Ue={};function Xe(e){var t=S.cssProps[e]||Ue[e];return t||(e in ze?e:Ue[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=_e.length;while(n--)if((e=_e[n]+t)in ze)return e}(e)||e)}var Ve=/^(none|table(?!-c[ea]).+)/,Ge=/^--/,Ye={position:"absolute",visibility:"hidden",display:"block"},Qe={letterSpacing:"0",fontWeight:"400"};function Je(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Ke(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Ze(e,t,n){var r=Ie(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=Be(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Me.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Ke(e,t,n||(i?"border":"content"),o,r,a)+"px"}function et(e,t,n,r,i){return new et.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Be(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Ge.test(t),l=e.style;if(u||(t=Xe(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Ge.test(t)||(t=Xe(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Be(e,t,r)),"normal"===i&&t in Qe&&(i=Qe[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ve.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Ze(e,u,n):We(e,Ye,function(){return Ze(e,u,n)})},set:function(e,t,n){var r,i=Ie(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Ke(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Ke(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Je(0,t,s)}}}),S.cssHooks.marginLeft=$e(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Be(e,"marginLeft"))||e.getBoundingClientRect().left-We(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Je)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Ie(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=et).prototype={constructor:et,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=et.propHooks[this.prop];return e&&e.get?e.get(this):et.propHooks._default.get(this)},run:function(e){var t,n=et.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):et.propHooks._default.set(this),this}}).init.prototype=et.prototype,(et.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[Xe(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=et.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=et.prototype.init,S.fx.step={};var tt,nt,rt,it,ot=/^(?:toggle|show|hide)$/,at=/queueHooks$/;function st(){nt&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(st):C.setTimeout(st,S.fx.interval),S.fx.tick())}function ut(){return C.setTimeout(function(){tt=void 0}),tt=Date.now()}function lt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ct(e,t,n){for(var r,i=(ft.tweeners[t]||[]).concat(ft.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function ft(o,e,t){var n,a,r=0,i=ft.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=tt||ut(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:tt||ut(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=ft.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ct,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(ft,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],ft.tweeners[n]=ft.tweeners[n]||[],ft.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ot.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ct(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?ft.prefilters.unshift(e):ft.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=ft(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&at.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(lt(r,!0),e,t,n)}}),S.each({slideDown:lt("show"),slideUp:lt("hide"),slideToggle:lt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(tt=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),tt=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){nt||(nt=!0,st())},S.fx.stop=function(){nt=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},rt=E.createElement("input"),it=E.createElement("select").appendChild(E.createElement("option")),rt.type="checkbox",y.checkOn=""!==rt.value,y.optSelected=it.selected,(rt=E.createElement("input")).value="t",rt.type="radio",y.radioValue="t"===rt.value;var pt,dt=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?pt:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),pt={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=dt[t]||S.find.attr;dt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=dt[o],dt[o]=r,r=null!=a(e,t,n)?o:null,dt[o]=i),r}});var ht=/^(?:input|select|textarea|button)$/i,gt=/^(?:a|area)$/i;function vt(e){return(e.match(P)||[]).join(" ")}function yt(e){return e.getAttribute&&e.getAttribute("class")||""}function mt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):ht.test(e.nodeName)||gt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,yt(this)))});if((e=mt(t)).length)while(n=this[u++])if(i=yt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,yt(this)))});if(!arguments.length)return this.attr("class","");if((e=mt(t)).length)while(n=this[u++])if(i=yt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,yt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=mt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=yt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+vt(yt(n))+" ").indexOf(t))return!0;return!1}});var xt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(xt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:vt(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var bt=/^(?:focusinfocus|focusoutblur)$/,wt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!bt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,bt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,wt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,wt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var Tt=C.location,Ct={guid:Date.now()},Et=/\?/;S.parseXML=function(e){var t;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){t=void 0}return t&&!t.getElementsByTagName("parsererror").length||S.error("Invalid XML: "+e),t};var St=/\[\]$/,kt=/\r?\n/g,At=/^(?:submit|button|image|reset|file)$/i,Nt=/^(?:input|select|textarea|keygen)/i;function Dt(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||St.test(n)?i(n,t):Dt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)Dt(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)Dt(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&Nt.test(this.nodeName)&&!At.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(kt,"\r\n")}}):{name:t.name,value:n.replace(kt,"\r\n")}}).get()}});var jt=/%20/g,qt=/#.*$/,Lt=/([?&])_=[^&]*/,Ht=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ot=/^(?:GET|HEAD)$/,Pt=/^\/\//,Rt={},Mt={},It="*/".concat("*"),Wt=E.createElement("a");function Ft(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Bt(t,i,o,a){var s={},u=t===Mt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function $t(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Wt.href=Tt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Tt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Tt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":It,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?$t($t(e,S.ajaxSettings),t):$t(S.ajaxSettings,e)},ajaxPrefilter:Ft(Rt),ajaxTransport:Ft(Mt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Ht.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Tt.href)+"").replace(Pt,Tt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Wt.protocol+"//"+Wt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Bt(Rt,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Ot.test(v.type),f=v.url.replace(qt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(jt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Et.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Lt,"$1"),o=(Et.test(f)?"&":"?")+"_="+Ct.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+It+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Bt(Mt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var _t={0:200,1223:204},zt=S.ajaxSettings.xhr();y.cors=!!zt&&"withCredentials"in zt,y.ajax=zt=!!zt,S.ajaxTransport(function(i){var o,a;if(y.cors||zt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(_t[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=vt(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Gt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Gt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Yt=C.jQuery,Qt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Qt),e&&C.jQuery===S&&(C.jQuery=Yt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
diff --git a/.doc/UI/build/html/_static/language_data.js b/.doc/UI/build/html/_static/language_data.js
index 5266fb19e..863704b31 100644
--- a/.doc/UI/build/html/_static/language_data.js
+++ b/.doc/UI/build/html/_static/language_data.js
@@ -5,7 +5,7 @@
  * This script contains the language-specific data used by searchtools.js,
  * namely the list of stopwords, stemmer, scorer and splitter.
  *
- * :copyright: Copyright 2007-2019 by the Sphinx team, see AUTHORS.
+ * :copyright: Copyright 2007-2021 by the Sphinx team, see AUTHORS.
  * :license: BSD, see LICENSE for details.
  *
  */
@@ -13,7 +13,8 @@
 var stopwords = ["a","and","are","as","at","be","but","by","for","if","in","into","is","it","near","no","not","of","on","or","such","that","the","their","then","there","these","they","this","to","was","will","with"];
 
 
-/* Non-minified version JS is _stemmer.js if file is provided */ 
+/* Non-minified version is copied as a separate JS file, is available */
+
 /**
  * Porter Stemmer
  */
@@ -199,7 +200,6 @@ var Stemmer = function() {
 
 
 
-
 var splitChars = (function() {
     var result = {};
     var singles = [96, 180, 187, 191, 215, 247, 749, 885, 903, 907, 909, 930, 1014, 1648,
diff --git a/.doc/UI/build/html/_static/pygments.css b/.doc/UI/build/html/_static/pygments.css
index 631bc92ff..582d5c3ad 100644
--- a/.doc/UI/build/html/_static/pygments.css
+++ b/.doc/UI/build/html/_static/pygments.css
@@ -1,5 +1,10 @@
+pre { line-height: 125%; }
+td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
 .highlight .hll { background-color: #ffffcc }
-.highlight  { background: #f8f8f8; }
+.highlight { background: #f8f8f8; }
 .highlight .c { color: #408080; font-style: italic } /* Comment */
 .highlight .err { border: 1px solid #FF0000 } /* Error */
 .highlight .k { color: #008000; font-weight: bold } /* Keyword */
diff --git a/.doc/UI/build/html/_static/searchtools.js b/.doc/UI/build/html/_static/searchtools.js
index 5ff318066..58ff35c43 100644
--- a/.doc/UI/build/html/_static/searchtools.js
+++ b/.doc/UI/build/html/_static/searchtools.js
@@ -4,7 +4,7 @@
  *
  * Sphinx JavaScript utilities for the full-text search.
  *
- * :copyright: Copyright 2007-2019 by the Sphinx team, see AUTHORS.
+ * :copyright: Copyright 2007-2021 by the Sphinx team, see AUTHORS.
  * :license: BSD, see LICENSE for details.
  *
  */
@@ -36,8 +36,10 @@ if (!Scorer) {
 
     // query found in title
     title: 15,
+    partialTitle: 7,
     // query found in terms
-    term: 5
+    term: 5,
+    partialTerm: 2
   };
 }
 
@@ -56,6 +58,19 @@ var Search = {
   _queued_query : null,
   _pulse_status : -1,
 
+  htmlToText : function(htmlString) {
+      var virtualDocument = document.implementation.createHTMLDocument('virtual');
+      var htmlElement = $(htmlString, virtualDocument);
+      htmlElement.find('.headerlink').remove();
+      docContent = htmlElement.find('[role=main]')[0];
+      if(docContent === undefined) {
+          console.warn("Content block not found. Sphinx search tries to obtain it " +
+                       "via '[role=main]'. Could you check your theme or template.");
+          return "";
+      }
+      return docContent.textContent || docContent.innerText;
+  },
+
   init : function() {
       var params = $.getQueryParameters();
       if (params.q) {
@@ -120,7 +135,7 @@ var Search = {
     this.out = $('#search-results');
     this.title = $('<h2>' + _('Searching') + '</h2>').appendTo(this.out);
     this.dots = $('<span></span>').appendTo(this.title);
-    this.status = $('<p style="display: none"></p>').appendTo(this.out);
+    this.status = $('<p class="search-summary">&nbsp;</p>').appendTo(this.out);
     this.output = $('<ul class="search"/>').appendTo(this.out);
 
     $('#search-progress').text(_('Preparing search...'));
@@ -151,8 +166,7 @@ var Search = {
           objectterms.push(tmp[i].toLowerCase());
       }
 
-      if ($u.indexOf(stopwords, tmp[i].toLowerCase()) != -1 || tmp[i].match(/^\d+$/) ||
-          tmp[i] === "") {
+      if ($u.indexOf(stopwords, tmp[i].toLowerCase()) != -1 || tmp[i] === "") {
         // skip this "word"
         continue;
       }
@@ -234,8 +248,10 @@ var Search = {
       // results left, load the summary and display it
       if (results.length) {
         var item = results.pop();
-        var listItem = $('<li style="display:none"></li>');
-        if (DOCUMENTATION_OPTIONS.FILE_SUFFIX === '') {
+        var listItem = $('<li></li>');
+        var requestUrl = "";
+        var linkUrl = "";
+        if (DOCUMENTATION_OPTIONS.BUILDER === 'dirhtml') {
           // dirhtml builder
           var dirname = item[0] + '/';
           if (dirname.match(/\/index\/$/)) {
@@ -243,44 +259,45 @@ var Search = {
           } else if (dirname == 'index/') {
             dirname = '';
           }
-          listItem.append($('<a/>').attr('href',
-            DOCUMENTATION_OPTIONS.URL_ROOT + dirname +
-            highlightstring + item[2]).html(item[1]));
+          requestUrl = DOCUMENTATION_OPTIONS.URL_ROOT + dirname;
+          linkUrl = requestUrl;
+
         } else {
           // normal html builders
-          listItem.append($('<a/>').attr('href',
-            item[0] + DOCUMENTATION_OPTIONS.FILE_SUFFIX +
-            highlightstring + item[2]).html(item[1]));
+          requestUrl = DOCUMENTATION_OPTIONS.URL_ROOT + item[0] + DOCUMENTATION_OPTIONS.FILE_SUFFIX;
+          linkUrl = item[0] + DOCUMENTATION_OPTIONS.LINK_SUFFIX;
         }
+        listItem.append($('<a/>').attr('href',
+            linkUrl +
+            highlightstring + item[2]).html(item[1]));
         if (item[3]) {
           listItem.append($('<span> (' + item[3] + ')</span>'));
           Search.output.append(listItem);
-          listItem.slideDown(5, function() {
+          setTimeout(function() {
             displayNextItem();
-          });
+          }, 5);
         } else if (DOCUMENTATION_OPTIONS.HAS_SOURCE) {
-          var suffix = DOCUMENTATION_OPTIONS.SOURCELINK_SUFFIX;
-          if (suffix === undefined) {
-            suffix = '.txt';
-          }
-          $.ajax({url: DOCUMENTATION_OPTIONS.URL_ROOT + '_sources/' + item[5] + (item[5].slice(-suffix.length) === suffix ? '' : suffix),
+          $.ajax({url: requestUrl,
                   dataType: "text",
                   complete: function(jqxhr, textstatus) {
                     var data = jqxhr.responseText;
                     if (data !== '' && data !== undefined) {
-                      listItem.append(Search.makeSearchSummary(data, searchterms, hlterms));
+                      var summary = Search.makeSearchSummary(data, searchterms, hlterms);
+                      if (summary) {
+                        listItem.append(summary);
+                      }
                     }
                     Search.output.append(listItem);
-                    listItem.slideDown(5, function() {
+                    setTimeout(function() {
                       displayNextItem();
-                    });
+                    }, 5);
                   }});
         } else {
           // no source available, just display title
           Search.output.append(listItem);
-          listItem.slideDown(5, function() {
+          setTimeout(function() {
             displayNextItem();
-          });
+          }, 5);
         }
       }
       // search finished, update title and status message
@@ -313,12 +330,13 @@ var Search = {
     for (var prefix in objects) {
       for (var name in objects[prefix]) {
         var fullname = (prefix ? prefix + '.' : '') + name;
-        if (fullname.toLowerCase().indexOf(object) > -1) {
+        var fullnameLower = fullname.toLowerCase()
+        if (fullnameLower.indexOf(object) > -1) {
           var score = 0;
-          var parts = fullname.split('.');
+          var parts = fullnameLower.split('.');
           // check for different match types: exact matches of full name or
           // "last name" (i.e. last dotted part)
-          if (fullname == object || parts[parts.length - 1] == object) {
+          if (fullnameLower == object || parts[parts.length - 1] == object) {
             score += Scorer.objNameMatch;
           // matches in last name
           } else if (parts[parts.length - 1].indexOf(object) > -1) {
@@ -364,6 +382,13 @@ var Search = {
     return results;
   },
 
+  /**
+   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
+   */
+  escapeRegExp : function(string) {
+    return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+  },
+
   /**
    * search for full-text terms in the index
    */
@@ -385,6 +410,20 @@ var Search = {
         {files: terms[word], score: Scorer.term},
         {files: titleterms[word], score: Scorer.title}
       ];
+      // add support for partial matches
+      if (word.length > 2) {
+        var word_regex = this.escapeRegExp(word);
+        for (var w in terms) {
+          if (w.match(word_regex) && !terms[word]) {
+            _o.push({files: terms[w], score: Scorer.partialTerm})
+          }
+        }
+        for (var w in titleterms) {
+          if (w.match(word_regex) && !titleterms[word]) {
+              _o.push({files: titleterms[w], score: Scorer.partialTitle})
+          }
+        }
+      }
 
       // no match but word was a required one
       if ($u.every(_o, function(o){return o.files === undefined;})) {
@@ -404,7 +443,7 @@ var Search = {
         for (j = 0; j < _files.length; j++) {
           file = _files[j];
           if (!(file in scoreMap))
-            scoreMap[file] = {}
+            scoreMap[file] = {};
           scoreMap[file][word] = o.score;
         }
       });
@@ -412,7 +451,7 @@ var Search = {
       // create the mapping
       for (j = 0; j < files.length; j++) {
         file = files[j];
-        if (file in fileMap)
+        if (file in fileMap && fileMap[file].indexOf(word) === -1)
           fileMap[file].push(word);
         else
           fileMap[file] = [word];
@@ -424,8 +463,12 @@ var Search = {
       var valid = true;
 
       // check if all requirements are matched
-      if (fileMap[file].length != searchterms.length)
-          continue;
+      var filteredTermCount = // as search terms with length < 3 are discarded: ignore
+        searchterms.filter(function(term){return term.length > 2}).length
+      if (
+        fileMap[file].length != searchterms.length &&
+        fileMap[file].length != filteredTermCount
+      ) continue;
 
       // ensure that none of the excluded terms is in the search result
       for (i = 0; i < excluded.length; i++) {
@@ -456,7 +499,11 @@ var Search = {
    * words. the first one is used to find the occurrence, the
    * latter for highlighting it.
    */
-  makeSearchSummary : function(text, keywords, hlwords) {
+  makeSearchSummary : function(htmlText, keywords, hlwords) {
+    var text = Search.htmlToText(htmlText);
+    if (text == "") {
+      return null;
+    }
     var textLower = text.toLowerCase();
     var start = 0;
     $.each(keywords, function() {
@@ -468,7 +515,7 @@ var Search = {
     var excerpt = ((start > 0) ? '...' : '') +
       $.trim(text.substr(start, 240)) +
       ((start + 240 - text.length) ? '...' : '');
-    var rv = $('<div class="context"></div>').text(excerpt);
+    var rv = $('<p class="context"></p>').text(excerpt);
     $.each(hlwords, function() {
       rv = rv.highlightText(this, 'highlighted');
     });
diff --git a/.doc/UI/build/html/_static/underscore.js b/.doc/UI/build/html/_static/underscore.js
index 709ae8e30..cf177d428 100644
--- a/.doc/UI/build/html/_static/underscore.js
+++ b/.doc/UI/build/html/_static/underscore.js
@@ -1,1707 +1,6 @@
-//     Underscore.js 1.9.1
-//     http://underscorejs.org
-//     (c) 2009-2018 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define("underscore",r):(n="undefined"!=typeof globalThis?globalThis:n||self,function(){var t=n._,e=n._=r();e.noConflict=function(){return n._=t,e}}())}(this,(function(){
+//     Underscore.js 1.13.1
+//     https://underscorejs.org
+//     (c) 2009-2021 Jeremy Ashkenas, Julian Gonggrijp, and DocumentCloud and Investigative Reporters & Editors
 //     Underscore may be freely distributed under the MIT license.
-
-(function() {
-
-  // Baseline setup
-  // --------------
-
-  // Establish the root object, `window` (`self`) in the browser, `global`
-  // on the server, or `this` in some virtual machines. We use `self`
-  // instead of `window` for `WebWorker` support.
-  var root = typeof self == 'object' && self.self === self && self ||
-            typeof global == 'object' && global.global === global && global ||
-            this ||
-            {};
-
-  // Save the previous value of the `_` variable.
-  var previousUnderscore = root._;
-
-  // Save bytes in the minified (but not gzipped) version:
-  var ArrayProto = Array.prototype, ObjProto = Object.prototype;
-  var SymbolProto = typeof Symbol !== 'undefined' ? Symbol.prototype : null;
-
-  // Create quick reference variables for speed access to core prototypes.
-  var push = ArrayProto.push,
-      slice = ArrayProto.slice,
-      toString = ObjProto.toString,
-      hasOwnProperty = ObjProto.hasOwnProperty;
-
-  // All **ECMAScript 5** native function implementations that we hope to use
-  // are declared here.
-  var nativeIsArray = Array.isArray,
-      nativeKeys = Object.keys,
-      nativeCreate = Object.create;
-
-  // Naked function reference for surrogate-prototype-swapping.
-  var Ctor = function(){};
-
-  // Create a safe reference to the Underscore object for use below.
-  var _ = function(obj) {
-    if (obj instanceof _) return obj;
-    if (!(this instanceof _)) return new _(obj);
-    this._wrapped = obj;
-  };
-
-  // Export the Underscore object for **Node.js**, with
-  // backwards-compatibility for their old module API. If we're in
-  // the browser, add `_` as a global object.
-  // (`nodeType` is checked to ensure that `module`
-  // and `exports` are not HTML elements.)
-  if (typeof exports != 'undefined' && !exports.nodeType) {
-    if (typeof module != 'undefined' && !module.nodeType && module.exports) {
-      exports = module.exports = _;
-    }
-    exports._ = _;
-  } else {
-    root._ = _;
-  }
-
-  // Current version.
-  _.VERSION = '1.9.1';
-
-  // Internal function that returns an efficient (for current engines) version
-  // of the passed-in callback, to be repeatedly applied in other Underscore
-  // functions.
-  var optimizeCb = function(func, context, argCount) {
-    if (context === void 0) return func;
-    switch (argCount == null ? 3 : argCount) {
-      case 1: return function(value) {
-        return func.call(context, value);
-      };
-      // The 2-argument case is omitted because we’re not using it.
-      case 3: return function(value, index, collection) {
-        return func.call(context, value, index, collection);
-      };
-      case 4: return function(accumulator, value, index, collection) {
-        return func.call(context, accumulator, value, index, collection);
-      };
-    }
-    return function() {
-      return func.apply(context, arguments);
-    };
-  };
-
-  var builtinIteratee;
-
-  // An internal function to generate callbacks that can be applied to each
-  // element in a collection, returning the desired result — either `identity`,
-  // an arbitrary callback, a property matcher, or a property accessor.
-  var cb = function(value, context, argCount) {
-    if (_.iteratee !== builtinIteratee) return _.iteratee(value, context);
-    if (value == null) return _.identity;
-    if (_.isFunction(value)) return optimizeCb(value, context, argCount);
-    if (_.isObject(value) && !_.isArray(value)) return _.matcher(value);
-    return _.property(value);
-  };
-
-  // External wrapper for our callback generator. Users may customize
-  // `_.iteratee` if they want additional predicate/iteratee shorthand styles.
-  // This abstraction hides the internal-only argCount argument.
-  _.iteratee = builtinIteratee = function(value, context) {
-    return cb(value, context, Infinity);
-  };
-
-  // Some functions take a variable number of arguments, or a few expected
-  // arguments at the beginning and then a variable number of values to operate
-  // on. This helper accumulates all remaining arguments past the function’s
-  // argument length (or an explicit `startIndex`), into an array that becomes
-  // the last argument. Similar to ES6’s "rest parameter".
-  var restArguments = function(func, startIndex) {
-    startIndex = startIndex == null ? func.length - 1 : +startIndex;
-    return function() {
-      var length = Math.max(arguments.length - startIndex, 0),
-          rest = Array(length),
-          index = 0;
-      for (; index < length; index++) {
-        rest[index] = arguments[index + startIndex];
-      }
-      switch (startIndex) {
-        case 0: return func.call(this, rest);
-        case 1: return func.call(this, arguments[0], rest);
-        case 2: return func.call(this, arguments[0], arguments[1], rest);
-      }
-      var args = Array(startIndex + 1);
-      for (index = 0; index < startIndex; index++) {
-        args[index] = arguments[index];
-      }
-      args[startIndex] = rest;
-      return func.apply(this, args);
-    };
-  };
-
-  // An internal function for creating a new object that inherits from another.
-  var baseCreate = function(prototype) {
-    if (!_.isObject(prototype)) return {};
-    if (nativeCreate) return nativeCreate(prototype);
-    Ctor.prototype = prototype;
-    var result = new Ctor;
-    Ctor.prototype = null;
-    return result;
-  };
-
-  var shallowProperty = function(key) {
-    return function(obj) {
-      return obj == null ? void 0 : obj[key];
-    };
-  };
-
-  var has = function(obj, path) {
-    return obj != null && hasOwnProperty.call(obj, path);
-  }
-
-  var deepGet = function(obj, path) {
-    var length = path.length;
-    for (var i = 0; i < length; i++) {
-      if (obj == null) return void 0;
-      obj = obj[path[i]];
-    }
-    return length ? obj : void 0;
-  };
-
-  // Helper for collection methods to determine whether a collection
-  // should be iterated as an array or as an object.
-  // Related: http://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength
-  // Avoids a very nasty iOS 8 JIT bug on ARM-64. #2094
-  var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;
-  var getLength = shallowProperty('length');
-  var isArrayLike = function(collection) {
-    var length = getLength(collection);
-    return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX;
-  };
-
-  // Collection Functions
-  // --------------------
-
-  // The cornerstone, an `each` implementation, aka `forEach`.
-  // Handles raw objects in addition to array-likes. Treats all
-  // sparse array-likes as if they were dense.
-  _.each = _.forEach = function(obj, iteratee, context) {
-    iteratee = optimizeCb(iteratee, context);
-    var i, length;
-    if (isArrayLike(obj)) {
-      for (i = 0, length = obj.length; i < length; i++) {
-        iteratee(obj[i], i, obj);
-      }
-    } else {
-      var keys = _.keys(obj);
-      for (i = 0, length = keys.length; i < length; i++) {
-        iteratee(obj[keys[i]], keys[i], obj);
-      }
-    }
-    return obj;
-  };
-
-  // Return the results of applying the iteratee to each element.
-  _.map = _.collect = function(obj, iteratee, context) {
-    iteratee = cb(iteratee, context);
-    var keys = !isArrayLike(obj) && _.keys(obj),
-        length = (keys || obj).length,
-        results = Array(length);
-    for (var index = 0; index < length; index++) {
-      var currentKey = keys ? keys[index] : index;
-      results[index] = iteratee(obj[currentKey], currentKey, obj);
-    }
-    return results;
-  };
-
-  // Create a reducing function iterating left or right.
-  var createReduce = function(dir) {
-    // Wrap code that reassigns argument variables in a separate function than
-    // the one that accesses `arguments.length` to avoid a perf hit. (#1991)
-    var reducer = function(obj, iteratee, memo, initial) {
-      var keys = !isArrayLike(obj) && _.keys(obj),
-          length = (keys || obj).length,
-          index = dir > 0 ? 0 : length - 1;
-      if (!initial) {
-        memo = obj[keys ? keys[index] : index];
-        index += dir;
-      }
-      for (; index >= 0 && index < length; index += dir) {
-        var currentKey = keys ? keys[index] : index;
-        memo = iteratee(memo, obj[currentKey], currentKey, obj);
-      }
-      return memo;
-    };
-
-    return function(obj, iteratee, memo, context) {
-      var initial = arguments.length >= 3;
-      return reducer(obj, optimizeCb(iteratee, context, 4), memo, initial);
-    };
-  };
-
-  // **Reduce** builds up a single result from a list of values, aka `inject`,
-  // or `foldl`.
-  _.reduce = _.foldl = _.inject = createReduce(1);
-
-  // The right-associative version of reduce, also known as `foldr`.
-  _.reduceRight = _.foldr = createReduce(-1);
-
-  // Return the first value which passes a truth test. Aliased as `detect`.
-  _.find = _.detect = function(obj, predicate, context) {
-    var keyFinder = isArrayLike(obj) ? _.findIndex : _.findKey;
-    var key = keyFinder(obj, predicate, context);
-    if (key !== void 0 && key !== -1) return obj[key];
-  };
-
-  // Return all the elements that pass a truth test.
-  // Aliased as `select`.
-  _.filter = _.select = function(obj, predicate, context) {
-    var results = [];
-    predicate = cb(predicate, context);
-    _.each(obj, function(value, index, list) {
-      if (predicate(value, index, list)) results.push(value);
-    });
-    return results;
-  };
-
-  // Return all the elements for which a truth test fails.
-  _.reject = function(obj, predicate, context) {
-    return _.filter(obj, _.negate(cb(predicate)), context);
-  };
-
-  // Determine whether all of the elements match a truth test.
-  // Aliased as `all`.
-  _.every = _.all = function(obj, predicate, context) {
-    predicate = cb(predicate, context);
-    var keys = !isArrayLike(obj) && _.keys(obj),
-        length = (keys || obj).length;
-    for (var index = 0; index < length; index++) {
-      var currentKey = keys ? keys[index] : index;
-      if (!predicate(obj[currentKey], currentKey, obj)) return false;
-    }
-    return true;
-  };
-
-  // Determine if at least one element in the object matches a truth test.
-  // Aliased as `any`.
-  _.some = _.any = function(obj, predicate, context) {
-    predicate = cb(predicate, context);
-    var keys = !isArrayLike(obj) && _.keys(obj),
-        length = (keys || obj).length;
-    for (var index = 0; index < length; index++) {
-      var currentKey = keys ? keys[index] : index;
-      if (predicate(obj[currentKey], currentKey, obj)) return true;
-    }
-    return false;
-  };
-
-  // Determine if the array or object contains a given item (using `===`).
-  // Aliased as `includes` and `include`.
-  _.contains = _.includes = _.include = function(obj, item, fromIndex, guard) {
-    if (!isArrayLike(obj)) obj = _.values(obj);
-    if (typeof fromIndex != 'number' || guard) fromIndex = 0;
-    return _.indexOf(obj, item, fromIndex) >= 0;
-  };
-
-  // Invoke a method (with arguments) on every item in a collection.
-  _.invoke = restArguments(function(obj, path, args) {
-    var contextPath, func;
-    if (_.isFunction(path)) {
-      func = path;
-    } else if (_.isArray(path)) {
-      contextPath = path.slice(0, -1);
-      path = path[path.length - 1];
-    }
-    return _.map(obj, function(context) {
-      var method = func;
-      if (!method) {
-        if (contextPath && contextPath.length) {
-          context = deepGet(context, contextPath);
-        }
-        if (context == null) return void 0;
-        method = context[path];
-      }
-      return method == null ? method : method.apply(context, args);
-    });
-  });
-
-  // Convenience version of a common use case of `map`: fetching a property.
-  _.pluck = function(obj, key) {
-    return _.map(obj, _.property(key));
-  };
-
-  // Convenience version of a common use case of `filter`: selecting only objects
-  // containing specific `key:value` pairs.
-  _.where = function(obj, attrs) {
-    return _.filter(obj, _.matcher(attrs));
-  };
-
-  // Convenience version of a common use case of `find`: getting the first object
-  // containing specific `key:value` pairs.
-  _.findWhere = function(obj, attrs) {
-    return _.find(obj, _.matcher(attrs));
-  };
-
-  // Return the maximum element (or element-based computation).
-  _.max = function(obj, iteratee, context) {
-    var result = -Infinity, lastComputed = -Infinity,
-        value, computed;
-    if (iteratee == null || typeof iteratee == 'number' && typeof obj[0] != 'object' && obj != null) {
-      obj = isArrayLike(obj) ? obj : _.values(obj);
-      for (var i = 0, length = obj.length; i < length; i++) {
-        value = obj[i];
-        if (value != null && value > result) {
-          result = value;
-        }
-      }
-    } else {
-      iteratee = cb(iteratee, context);
-      _.each(obj, function(v, index, list) {
-        computed = iteratee(v, index, list);
-        if (computed > lastComputed || computed === -Infinity && result === -Infinity) {
-          result = v;
-          lastComputed = computed;
-        }
-      });
-    }
-    return result;
-  };
-
-  // Return the minimum element (or element-based computation).
-  _.min = function(obj, iteratee, context) {
-    var result = Infinity, lastComputed = Infinity,
-        value, computed;
-    if (iteratee == null || typeof iteratee == 'number' && typeof obj[0] != 'object' && obj != null) {
-      obj = isArrayLike(obj) ? obj : _.values(obj);
-      for (var i = 0, length = obj.length; i < length; i++) {
-        value = obj[i];
-        if (value != null && value < result) {
-          result = value;
-        }
-      }
-    } else {
-      iteratee = cb(iteratee, context);
-      _.each(obj, function(v, index, list) {
-        computed = iteratee(v, index, list);
-        if (computed < lastComputed || computed === Infinity && result === Infinity) {
-          result = v;
-          lastComputed = computed;
-        }
-      });
-    }
-    return result;
-  };
-
-  // Shuffle a collection.
-  _.shuffle = function(obj) {
-    return _.sample(obj, Infinity);
-  };
-
-  // Sample **n** random values from a collection using the modern version of the
-  // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher–Yates_shuffle).
-  // If **n** is not specified, returns a single random element.
-  // The internal `guard` argument allows it to work with `map`.
-  _.sample = function(obj, n, guard) {
-    if (n == null || guard) {
-      if (!isArrayLike(obj)) obj = _.values(obj);
-      return obj[_.random(obj.length - 1)];
-    }
-    var sample = isArrayLike(obj) ? _.clone(obj) : _.values(obj);
-    var length = getLength(sample);
-    n = Math.max(Math.min(n, length), 0);
-    var last = length - 1;
-    for (var index = 0; index < n; index++) {
-      var rand = _.random(index, last);
-      var temp = sample[index];
-      sample[index] = sample[rand];
-      sample[rand] = temp;
-    }
-    return sample.slice(0, n);
-  };
-
-  // Sort the object's values by a criterion produced by an iteratee.
-  _.sortBy = function(obj, iteratee, context) {
-    var index = 0;
-    iteratee = cb(iteratee, context);
-    return _.pluck(_.map(obj, function(value, key, list) {
-      return {
-        value: value,
-        index: index++,
-        criteria: iteratee(value, key, list)
-      };
-    }).sort(function(left, right) {
-      var a = left.criteria;
-      var b = right.criteria;
-      if (a !== b) {
-        if (a > b || a === void 0) return 1;
-        if (a < b || b === void 0) return -1;
-      }
-      return left.index - right.index;
-    }), 'value');
-  };
-
-  // An internal function used for aggregate "group by" operations.
-  var group = function(behavior, partition) {
-    return function(obj, iteratee, context) {
-      var result = partition ? [[], []] : {};
-      iteratee = cb(iteratee, context);
-      _.each(obj, function(value, index) {
-        var key = iteratee(value, index, obj);
-        behavior(result, value, key);
-      });
-      return result;
-    };
-  };
-
-  // Groups the object's values by a criterion. Pass either a string attribute
-  // to group by, or a function that returns the criterion.
-  _.groupBy = group(function(result, value, key) {
-    if (has(result, key)) result[key].push(value); else result[key] = [value];
-  });
-
-  // Indexes the object's values by a criterion, similar to `groupBy`, but for
-  // when you know that your index values will be unique.
-  _.indexBy = group(function(result, value, key) {
-    result[key] = value;
-  });
-
-  // Counts instances of an object that group by a certain criterion. Pass
-  // either a string attribute to count by, or a function that returns the
-  // criterion.
-  _.countBy = group(function(result, value, key) {
-    if (has(result, key)) result[key]++; else result[key] = 1;
-  });
-
-  var reStrSymbol = /[^\ud800-\udfff]|[\ud800-\udbff][\udc00-\udfff]|[\ud800-\udfff]/g;
-  // Safely create a real, live array from anything iterable.
-  _.toArray = function(obj) {
-    if (!obj) return [];
-    if (_.isArray(obj)) return slice.call(obj);
-    if (_.isString(obj)) {
-      // Keep surrogate pair characters together
-      return obj.match(reStrSymbol);
-    }
-    if (isArrayLike(obj)) return _.map(obj, _.identity);
-    return _.values(obj);
-  };
-
-  // Return the number of elements in an object.
-  _.size = function(obj) {
-    if (obj == null) return 0;
-    return isArrayLike(obj) ? obj.length : _.keys(obj).length;
-  };
-
-  // Split a collection into two arrays: one whose elements all satisfy the given
-  // predicate, and one whose elements all do not satisfy the predicate.
-  _.partition = group(function(result, value, pass) {
-    result[pass ? 0 : 1].push(value);
-  }, true);
-
-  // Array Functions
-  // ---------------
-
-  // Get the first element of an array. Passing **n** will return the first N
-  // values in the array. Aliased as `head` and `take`. The **guard** check
-  // allows it to work with `_.map`.
-  _.first = _.head = _.take = function(array, n, guard) {
-    if (array == null || array.length < 1) return n == null ? void 0 : [];
-    if (n == null || guard) return array[0];
-    return _.initial(array, array.length - n);
-  };
-
-  // Returns everything but the last entry of the array. Especially useful on
-  // the arguments object. Passing **n** will return all the values in
-  // the array, excluding the last N.
-  _.initial = function(array, n, guard) {
-    return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n)));
-  };
-
-  // Get the last element of an array. Passing **n** will return the last N
-  // values in the array.
-  _.last = function(array, n, guard) {
-    if (array == null || array.length < 1) return n == null ? void 0 : [];
-    if (n == null || guard) return array[array.length - 1];
-    return _.rest(array, Math.max(0, array.length - n));
-  };
-
-  // Returns everything but the first entry of the array. Aliased as `tail` and `drop`.
-  // Especially useful on the arguments object. Passing an **n** will return
-  // the rest N values in the array.
-  _.rest = _.tail = _.drop = function(array, n, guard) {
-    return slice.call(array, n == null || guard ? 1 : n);
-  };
-
-  // Trim out all falsy values from an array.
-  _.compact = function(array) {
-    return _.filter(array, Boolean);
-  };
-
-  // Internal implementation of a recursive `flatten` function.
-  var flatten = function(input, shallow, strict, output) {
-    output = output || [];
-    var idx = output.length;
-    for (var i = 0, length = getLength(input); i < length; i++) {
-      var value = input[i];
-      if (isArrayLike(value) && (_.isArray(value) || _.isArguments(value))) {
-        // Flatten current level of array or arguments object.
-        if (shallow) {
-          var j = 0, len = value.length;
-          while (j < len) output[idx++] = value[j++];
-        } else {
-          flatten(value, shallow, strict, output);
-          idx = output.length;
-        }
-      } else if (!strict) {
-        output[idx++] = value;
-      }
-    }
-    return output;
-  };
-
-  // Flatten out an array, either recursively (by default), or just one level.
-  _.flatten = function(array, shallow) {
-    return flatten(array, shallow, false);
-  };
-
-  // Return a version of the array that does not contain the specified value(s).
-  _.without = restArguments(function(array, otherArrays) {
-    return _.difference(array, otherArrays);
-  });
-
-  // Produce a duplicate-free version of the array. If the array has already
-  // been sorted, you have the option of using a faster algorithm.
-  // The faster algorithm will not work with an iteratee if the iteratee
-  // is not a one-to-one function, so providing an iteratee will disable
-  // the faster algorithm.
-  // Aliased as `unique`.
-  _.uniq = _.unique = function(array, isSorted, iteratee, context) {
-    if (!_.isBoolean(isSorted)) {
-      context = iteratee;
-      iteratee = isSorted;
-      isSorted = false;
-    }
-    if (iteratee != null) iteratee = cb(iteratee, context);
-    var result = [];
-    var seen = [];
-    for (var i = 0, length = getLength(array); i < length; i++) {
-      var value = array[i],
-          computed = iteratee ? iteratee(value, i, array) : value;
-      if (isSorted && !iteratee) {
-        if (!i || seen !== computed) result.push(value);
-        seen = computed;
-      } else if (iteratee) {
-        if (!_.contains(seen, computed)) {
-          seen.push(computed);
-          result.push(value);
-        }
-      } else if (!_.contains(result, value)) {
-        result.push(value);
-      }
-    }
-    return result;
-  };
-
-  // Produce an array that contains the union: each distinct element from all of
-  // the passed-in arrays.
-  _.union = restArguments(function(arrays) {
-    return _.uniq(flatten(arrays, true, true));
-  });
-
-  // Produce an array that contains every item shared between all the
-  // passed-in arrays.
-  _.intersection = function(array) {
-    var result = [];
-    var argsLength = arguments.length;
-    for (var i = 0, length = getLength(array); i < length; i++) {
-      var item = array[i];
-      if (_.contains(result, item)) continue;
-      var j;
-      for (j = 1; j < argsLength; j++) {
-        if (!_.contains(arguments[j], item)) break;
-      }
-      if (j === argsLength) result.push(item);
-    }
-    return result;
-  };
-
-  // Take the difference between one array and a number of other arrays.
-  // Only the elements present in just the first array will remain.
-  _.difference = restArguments(function(array, rest) {
-    rest = flatten(rest, true, true);
-    return _.filter(array, function(value){
-      return !_.contains(rest, value);
-    });
-  });
-
-  // Complement of _.zip. Unzip accepts an array of arrays and groups
-  // each array's elements on shared indices.
-  _.unzip = function(array) {
-    var length = array && _.max(array, getLength).length || 0;
-    var result = Array(length);
-
-    for (var index = 0; index < length; index++) {
-      result[index] = _.pluck(array, index);
-    }
-    return result;
-  };
-
-  // Zip together multiple lists into a single array -- elements that share
-  // an index go together.
-  _.zip = restArguments(_.unzip);
-
-  // Converts lists into objects. Pass either a single array of `[key, value]`
-  // pairs, or two parallel arrays of the same length -- one of keys, and one of
-  // the corresponding values. Passing by pairs is the reverse of _.pairs.
-  _.object = function(list, values) {
-    var result = {};
-    for (var i = 0, length = getLength(list); i < length; i++) {
-      if (values) {
-        result[list[i]] = values[i];
-      } else {
-        result[list[i][0]] = list[i][1];
-      }
-    }
-    return result;
-  };
-
-  // Generator function to create the findIndex and findLastIndex functions.
-  var createPredicateIndexFinder = function(dir) {
-    return function(array, predicate, context) {
-      predicate = cb(predicate, context);
-      var length = getLength(array);
-      var index = dir > 0 ? 0 : length - 1;
-      for (; index >= 0 && index < length; index += dir) {
-        if (predicate(array[index], index, array)) return index;
-      }
-      return -1;
-    };
-  };
-
-  // Returns the first index on an array-like that passes a predicate test.
-  _.findIndex = createPredicateIndexFinder(1);
-  _.findLastIndex = createPredicateIndexFinder(-1);
-
-  // Use a comparator function to figure out the smallest index at which
-  // an object should be inserted so as to maintain order. Uses binary search.
-  _.sortedIndex = function(array, obj, iteratee, context) {
-    iteratee = cb(iteratee, context, 1);
-    var value = iteratee(obj);
-    var low = 0, high = getLength(array);
-    while (low < high) {
-      var mid = Math.floor((low + high) / 2);
-      if (iteratee(array[mid]) < value) low = mid + 1; else high = mid;
-    }
-    return low;
-  };
-
-  // Generator function to create the indexOf and lastIndexOf functions.
-  var createIndexFinder = function(dir, predicateFind, sortedIndex) {
-    return function(array, item, idx) {
-      var i = 0, length = getLength(array);
-      if (typeof idx == 'number') {
-        if (dir > 0) {
-          i = idx >= 0 ? idx : Math.max(idx + length, i);
-        } else {
-          length = idx >= 0 ? Math.min(idx + 1, length) : idx + length + 1;
-        }
-      } else if (sortedIndex && idx && length) {
-        idx = sortedIndex(array, item);
-        return array[idx] === item ? idx : -1;
-      }
-      if (item !== item) {
-        idx = predicateFind(slice.call(array, i, length), _.isNaN);
-        return idx >= 0 ? idx + i : -1;
-      }
-      for (idx = dir > 0 ? i : length - 1; idx >= 0 && idx < length; idx += dir) {
-        if (array[idx] === item) return idx;
-      }
-      return -1;
-    };
-  };
-
-  // Return the position of the first occurrence of an item in an array,
-  // or -1 if the item is not included in the array.
-  // If the array is large and already in sort order, pass `true`
-  // for **isSorted** to use binary search.
-  _.indexOf = createIndexFinder(1, _.findIndex, _.sortedIndex);
-  _.lastIndexOf = createIndexFinder(-1, _.findLastIndex);
-
-  // Generate an integer Array containing an arithmetic progression. A port of
-  // the native Python `range()` function. See
-  // [the Python documentation](http://docs.python.org/library/functions.html#range).
-  _.range = function(start, stop, step) {
-    if (stop == null) {
-      stop = start || 0;
-      start = 0;
-    }
-    if (!step) {
-      step = stop < start ? -1 : 1;
-    }
-
-    var length = Math.max(Math.ceil((stop - start) / step), 0);
-    var range = Array(length);
-
-    for (var idx = 0; idx < length; idx++, start += step) {
-      range[idx] = start;
-    }
-
-    return range;
-  };
-
-  // Chunk a single array into multiple arrays, each containing `count` or fewer
-  // items.
-  _.chunk = function(array, count) {
-    if (count == null || count < 1) return [];
-    var result = [];
-    var i = 0, length = array.length;
-    while (i < length) {
-      result.push(slice.call(array, i, i += count));
-    }
-    return result;
-  };
-
-  // Function (ahem) Functions
-  // ------------------
-
-  // Determines whether to execute a function as a constructor
-  // or a normal function with the provided arguments.
-  var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) {
-    if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args);
-    var self = baseCreate(sourceFunc.prototype);
-    var result = sourceFunc.apply(self, args);
-    if (_.isObject(result)) return result;
-    return self;
-  };
-
-  // Create a function bound to a given object (assigning `this`, and arguments,
-  // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if
-  // available.
-  _.bind = restArguments(function(func, context, args) {
-    if (!_.isFunction(func)) throw new TypeError('Bind must be called on a function');
-    var bound = restArguments(function(callArgs) {
-      return executeBound(func, bound, context, this, args.concat(callArgs));
-    });
-    return bound;
-  });
-
-  // Partially apply a function by creating a version that has had some of its
-  // arguments pre-filled, without changing its dynamic `this` context. _ acts
-  // as a placeholder by default, allowing any combination of arguments to be
-  // pre-filled. Set `_.partial.placeholder` for a custom placeholder argument.
-  _.partial = restArguments(function(func, boundArgs) {
-    var placeholder = _.partial.placeholder;
-    var bound = function() {
-      var position = 0, length = boundArgs.length;
-      var args = Array(length);
-      for (var i = 0; i < length; i++) {
-        args[i] = boundArgs[i] === placeholder ? arguments[position++] : boundArgs[i];
-      }
-      while (position < arguments.length) args.push(arguments[position++]);
-      return executeBound(func, bound, this, this, args);
-    };
-    return bound;
-  });
-
-  _.partial.placeholder = _;
-
-  // Bind a number of an object's methods to that object. Remaining arguments
-  // are the method names to be bound. Useful for ensuring that all callbacks
-  // defined on an object belong to it.
-  _.bindAll = restArguments(function(obj, keys) {
-    keys = flatten(keys, false, false);
-    var index = keys.length;
-    if (index < 1) throw new Error('bindAll must be passed function names');
-    while (index--) {
-      var key = keys[index];
-      obj[key] = _.bind(obj[key], obj);
-    }
-  });
-
-  // Memoize an expensive function by storing its results.
-  _.memoize = function(func, hasher) {
-    var memoize = function(key) {
-      var cache = memoize.cache;
-      var address = '' + (hasher ? hasher.apply(this, arguments) : key);
-      if (!has(cache, address)) cache[address] = func.apply(this, arguments);
-      return cache[address];
-    };
-    memoize.cache = {};
-    return memoize;
-  };
-
-  // Delays a function for the given number of milliseconds, and then calls
-  // it with the arguments supplied.
-  _.delay = restArguments(function(func, wait, args) {
-    return setTimeout(function() {
-      return func.apply(null, args);
-    }, wait);
-  });
-
-  // Defers a function, scheduling it to run after the current call stack has
-  // cleared.
-  _.defer = _.partial(_.delay, _, 1);
-
-  // Returns a function, that, when invoked, will only be triggered at most once
-  // during a given window of time. Normally, the throttled function will run
-  // as much as it can, without ever going more than once per `wait` duration;
-  // but if you'd like to disable the execution on the leading edge, pass
-  // `{leading: false}`. To disable execution on the trailing edge, ditto.
-  _.throttle = function(func, wait, options) {
-    var timeout, context, args, result;
-    var previous = 0;
-    if (!options) options = {};
-
-    var later = function() {
-      previous = options.leading === false ? 0 : _.now();
-      timeout = null;
-      result = func.apply(context, args);
-      if (!timeout) context = args = null;
-    };
-
-    var throttled = function() {
-      var now = _.now();
-      if (!previous && options.leading === false) previous = now;
-      var remaining = wait - (now - previous);
-      context = this;
-      args = arguments;
-      if (remaining <= 0 || remaining > wait) {
-        if (timeout) {
-          clearTimeout(timeout);
-          timeout = null;
-        }
-        previous = now;
-        result = func.apply(context, args);
-        if (!timeout) context = args = null;
-      } else if (!timeout && options.trailing !== false) {
-        timeout = setTimeout(later, remaining);
-      }
-      return result;
-    };
-
-    throttled.cancel = function() {
-      clearTimeout(timeout);
-      previous = 0;
-      timeout = context = args = null;
-    };
-
-    return throttled;
-  };
-
-  // Returns a function, that, as long as it continues to be invoked, will not
-  // be triggered. The function will be called after it stops being called for
-  // N milliseconds. If `immediate` is passed, trigger the function on the
-  // leading edge, instead of the trailing.
-  _.debounce = function(func, wait, immediate) {
-    var timeout, result;
-
-    var later = function(context, args) {
-      timeout = null;
-      if (args) result = func.apply(context, args);
-    };
-
-    var debounced = restArguments(function(args) {
-      if (timeout) clearTimeout(timeout);
-      if (immediate) {
-        var callNow = !timeout;
-        timeout = setTimeout(later, wait);
-        if (callNow) result = func.apply(this, args);
-      } else {
-        timeout = _.delay(later, wait, this, args);
-      }
-
-      return result;
-    });
-
-    debounced.cancel = function() {
-      clearTimeout(timeout);
-      timeout = null;
-    };
-
-    return debounced;
-  };
-
-  // Returns the first function passed as an argument to the second,
-  // allowing you to adjust arguments, run code before and after, and
-  // conditionally execute the original function.
-  _.wrap = function(func, wrapper) {
-    return _.partial(wrapper, func);
-  };
-
-  // Returns a negated version of the passed-in predicate.
-  _.negate = function(predicate) {
-    return function() {
-      return !predicate.apply(this, arguments);
-    };
-  };
-
-  // Returns a function that is the composition of a list of functions, each
-  // consuming the return value of the function that follows.
-  _.compose = function() {
-    var args = arguments;
-    var start = args.length - 1;
-    return function() {
-      var i = start;
-      var result = args[start].apply(this, arguments);
-      while (i--) result = args[i].call(this, result);
-      return result;
-    };
-  };
-
-  // Returns a function that will only be executed on and after the Nth call.
-  _.after = function(times, func) {
-    return function() {
-      if (--times < 1) {
-        return func.apply(this, arguments);
-      }
-    };
-  };
-
-  // Returns a function that will only be executed up to (but not including) the Nth call.
-  _.before = function(times, func) {
-    var memo;
-    return function() {
-      if (--times > 0) {
-        memo = func.apply(this, arguments);
-      }
-      if (times <= 1) func = null;
-      return memo;
-    };
-  };
-
-  // Returns a function that will be executed at most one time, no matter how
-  // often you call it. Useful for lazy initialization.
-  _.once = _.partial(_.before, 2);
-
-  _.restArguments = restArguments;
-
-  // Object Functions
-  // ----------------
-
-  // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed.
-  var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString');
-  var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString',
-    'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];
-
-  var collectNonEnumProps = function(obj, keys) {
-    var nonEnumIdx = nonEnumerableProps.length;
-    var constructor = obj.constructor;
-    var proto = _.isFunction(constructor) && constructor.prototype || ObjProto;
-
-    // Constructor is a special case.
-    var prop = 'constructor';
-    if (has(obj, prop) && !_.contains(keys, prop)) keys.push(prop);
-
-    while (nonEnumIdx--) {
-      prop = nonEnumerableProps[nonEnumIdx];
-      if (prop in obj && obj[prop] !== proto[prop] && !_.contains(keys, prop)) {
-        keys.push(prop);
-      }
-    }
-  };
-
-  // Retrieve the names of an object's own properties.
-  // Delegates to **ECMAScript 5**'s native `Object.keys`.
-  _.keys = function(obj) {
-    if (!_.isObject(obj)) return [];
-    if (nativeKeys) return nativeKeys(obj);
-    var keys = [];
-    for (var key in obj) if (has(obj, key)) keys.push(key);
-    // Ahem, IE < 9.
-    if (hasEnumBug) collectNonEnumProps(obj, keys);
-    return keys;
-  };
-
-  // Retrieve all the property names of an object.
-  _.allKeys = function(obj) {
-    if (!_.isObject(obj)) return [];
-    var keys = [];
-    for (var key in obj) keys.push(key);
-    // Ahem, IE < 9.
-    if (hasEnumBug) collectNonEnumProps(obj, keys);
-    return keys;
-  };
-
-  // Retrieve the values of an object's properties.
-  _.values = function(obj) {
-    var keys = _.keys(obj);
-    var length = keys.length;
-    var values = Array(length);
-    for (var i = 0; i < length; i++) {
-      values[i] = obj[keys[i]];
-    }
-    return values;
-  };
-
-  // Returns the results of applying the iteratee to each element of the object.
-  // In contrast to _.map it returns an object.
-  _.mapObject = function(obj, iteratee, context) {
-    iteratee = cb(iteratee, context);
-    var keys = _.keys(obj),
-        length = keys.length,
-        results = {};
-    for (var index = 0; index < length; index++) {
-      var currentKey = keys[index];
-      results[currentKey] = iteratee(obj[currentKey], currentKey, obj);
-    }
-    return results;
-  };
-
-  // Convert an object into a list of `[key, value]` pairs.
-  // The opposite of _.object.
-  _.pairs = function(obj) {
-    var keys = _.keys(obj);
-    var length = keys.length;
-    var pairs = Array(length);
-    for (var i = 0; i < length; i++) {
-      pairs[i] = [keys[i], obj[keys[i]]];
-    }
-    return pairs;
-  };
-
-  // Invert the keys and values of an object. The values must be serializable.
-  _.invert = function(obj) {
-    var result = {};
-    var keys = _.keys(obj);
-    for (var i = 0, length = keys.length; i < length; i++) {
-      result[obj[keys[i]]] = keys[i];
-    }
-    return result;
-  };
-
-  // Return a sorted list of the function names available on the object.
-  // Aliased as `methods`.
-  _.functions = _.methods = function(obj) {
-    var names = [];
-    for (var key in obj) {
-      if (_.isFunction(obj[key])) names.push(key);
-    }
-    return names.sort();
-  };
-
-  // An internal function for creating assigner functions.
-  var createAssigner = function(keysFunc, defaults) {
-    return function(obj) {
-      var length = arguments.length;
-      if (defaults) obj = Object(obj);
-      if (length < 2 || obj == null) return obj;
-      for (var index = 1; index < length; index++) {
-        var source = arguments[index],
-            keys = keysFunc(source),
-            l = keys.length;
-        for (var i = 0; i < l; i++) {
-          var key = keys[i];
-          if (!defaults || obj[key] === void 0) obj[key] = source[key];
-        }
-      }
-      return obj;
-    };
-  };
-
-  // Extend a given object with all the properties in passed-in object(s).
-  _.extend = createAssigner(_.allKeys);
-
-  // Assigns a given object with all the own properties in the passed-in object(s).
-  // (https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)
-  _.extendOwn = _.assign = createAssigner(_.keys);
-
-  // Returns the first key on an object that passes a predicate test.
-  _.findKey = function(obj, predicate, context) {
-    predicate = cb(predicate, context);
-    var keys = _.keys(obj), key;
-    for (var i = 0, length = keys.length; i < length; i++) {
-      key = keys[i];
-      if (predicate(obj[key], key, obj)) return key;
-    }
-  };
-
-  // Internal pick helper function to determine if `obj` has key `key`.
-  var keyInObj = function(value, key, obj) {
-    return key in obj;
-  };
-
-  // Return a copy of the object only containing the whitelisted properties.
-  _.pick = restArguments(function(obj, keys) {
-    var result = {}, iteratee = keys[0];
-    if (obj == null) return result;
-    if (_.isFunction(iteratee)) {
-      if (keys.length > 1) iteratee = optimizeCb(iteratee, keys[1]);
-      keys = _.allKeys(obj);
-    } else {
-      iteratee = keyInObj;
-      keys = flatten(keys, false, false);
-      obj = Object(obj);
-    }
-    for (var i = 0, length = keys.length; i < length; i++) {
-      var key = keys[i];
-      var value = obj[key];
-      if (iteratee(value, key, obj)) result[key] = value;
-    }
-    return result;
-  });
-
-  // Return a copy of the object without the blacklisted properties.
-  _.omit = restArguments(function(obj, keys) {
-    var iteratee = keys[0], context;
-    if (_.isFunction(iteratee)) {
-      iteratee = _.negate(iteratee);
-      if (keys.length > 1) context = keys[1];
-    } else {
-      keys = _.map(flatten(keys, false, false), String);
-      iteratee = function(value, key) {
-        return !_.contains(keys, key);
-      };
-    }
-    return _.pick(obj, iteratee, context);
-  });
-
-  // Fill in a given object with default properties.
-  _.defaults = createAssigner(_.allKeys, true);
-
-  // Creates an object that inherits from the given prototype object.
-  // If additional properties are provided then they will be added to the
-  // created object.
-  _.create = function(prototype, props) {
-    var result = baseCreate(prototype);
-    if (props) _.extendOwn(result, props);
-    return result;
-  };
-
-  // Create a (shallow-cloned) duplicate of an object.
-  _.clone = function(obj) {
-    if (!_.isObject(obj)) return obj;
-    return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
-  };
-
-  // Invokes interceptor with the obj, and then returns obj.
-  // The primary purpose of this method is to "tap into" a method chain, in
-  // order to perform operations on intermediate results within the chain.
-  _.tap = function(obj, interceptor) {
-    interceptor(obj);
-    return obj;
-  };
-
-  // Returns whether an object has a given set of `key:value` pairs.
-  _.isMatch = function(object, attrs) {
-    var keys = _.keys(attrs), length = keys.length;
-    if (object == null) return !length;
-    var obj = Object(object);
-    for (var i = 0; i < length; i++) {
-      var key = keys[i];
-      if (attrs[key] !== obj[key] || !(key in obj)) return false;
-    }
-    return true;
-  };
-
-
-  // Internal recursive comparison function for `isEqual`.
-  var eq, deepEq;
-  eq = function(a, b, aStack, bStack) {
-    // Identical objects are equal. `0 === -0`, but they aren't identical.
-    // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
-    if (a === b) return a !== 0 || 1 / a === 1 / b;
-    // `null` or `undefined` only equal to itself (strict comparison).
-    if (a == null || b == null) return false;
-    // `NaN`s are equivalent, but non-reflexive.
-    if (a !== a) return b !== b;
-    // Exhaust primitive checks
-    var type = typeof a;
-    if (type !== 'function' && type !== 'object' && typeof b != 'object') return false;
-    return deepEq(a, b, aStack, bStack);
-  };
-
-  // Internal recursive comparison function for `isEqual`.
-  deepEq = function(a, b, aStack, bStack) {
-    // Unwrap any wrapped objects.
-    if (a instanceof _) a = a._wrapped;
-    if (b instanceof _) b = b._wrapped;
-    // Compare `[[Class]]` names.
-    var className = toString.call(a);
-    if (className !== toString.call(b)) return false;
-    switch (className) {
-      // Strings, numbers, regular expressions, dates, and booleans are compared by value.
-      case '[object RegExp]':
-      // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')
-      case '[object String]':
-        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
-        // equivalent to `new String("5")`.
-        return '' + a === '' + b;
-      case '[object Number]':
-        // `NaN`s are equivalent, but non-reflexive.
-        // Object(NaN) is equivalent to NaN.
-        if (+a !== +a) return +b !== +b;
-        // An `egal` comparison is performed for other numeric values.
-        return +a === 0 ? 1 / +a === 1 / b : +a === +b;
-      case '[object Date]':
-      case '[object Boolean]':
-        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
-        // millisecond representations. Note that invalid dates with millisecond representations
-        // of `NaN` are not equivalent.
-        return +a === +b;
-      case '[object Symbol]':
-        return SymbolProto.valueOf.call(a) === SymbolProto.valueOf.call(b);
-    }
-
-    var areArrays = className === '[object Array]';
-    if (!areArrays) {
-      if (typeof a != 'object' || typeof b != 'object') return false;
-
-      // Objects with different constructors are not equivalent, but `Object`s or `Array`s
-      // from different frames are.
-      var aCtor = a.constructor, bCtor = b.constructor;
-      if (aCtor !== bCtor && !(_.isFunction(aCtor) && aCtor instanceof aCtor &&
-                               _.isFunction(bCtor) && bCtor instanceof bCtor)
-                          && ('constructor' in a && 'constructor' in b)) {
-        return false;
-      }
-    }
-    // Assume equality for cyclic structures. The algorithm for detecting cyclic
-    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
-
-    // Initializing stack of traversed objects.
-    // It's done here since we only need them for objects and arrays comparison.
-    aStack = aStack || [];
-    bStack = bStack || [];
-    var length = aStack.length;
-    while (length--) {
-      // Linear search. Performance is inversely proportional to the number of
-      // unique nested structures.
-      if (aStack[length] === a) return bStack[length] === b;
-    }
-
-    // Add the first object to the stack of traversed objects.
-    aStack.push(a);
-    bStack.push(b);
-
-    // Recursively compare objects and arrays.
-    if (areArrays) {
-      // Compare array lengths to determine if a deep comparison is necessary.
-      length = a.length;
-      if (length !== b.length) return false;
-      // Deep compare the contents, ignoring non-numeric properties.
-      while (length--) {
-        if (!eq(a[length], b[length], aStack, bStack)) return false;
-      }
-    } else {
-      // Deep compare objects.
-      var keys = _.keys(a), key;
-      length = keys.length;
-      // Ensure that both objects contain the same number of properties before comparing deep equality.
-      if (_.keys(b).length !== length) return false;
-      while (length--) {
-        // Deep compare each member
-        key = keys[length];
-        if (!(has(b, key) && eq(a[key], b[key], aStack, bStack))) return false;
-      }
-    }
-    // Remove the first object from the stack of traversed objects.
-    aStack.pop();
-    bStack.pop();
-    return true;
-  };
-
-  // Perform a deep comparison to check if two objects are equal.
-  _.isEqual = function(a, b) {
-    return eq(a, b);
-  };
-
-  // Is a given array, string, or object empty?
-  // An "empty" object has no enumerable own-properties.
-  _.isEmpty = function(obj) {
-    if (obj == null) return true;
-    if (isArrayLike(obj) && (_.isArray(obj) || _.isString(obj) || _.isArguments(obj))) return obj.length === 0;
-    return _.keys(obj).length === 0;
-  };
-
-  // Is a given value a DOM element?
-  _.isElement = function(obj) {
-    return !!(obj && obj.nodeType === 1);
-  };
-
-  // Is a given value an array?
-  // Delegates to ECMA5's native Array.isArray
-  _.isArray = nativeIsArray || function(obj) {
-    return toString.call(obj) === '[object Array]';
-  };
-
-  // Is a given variable an object?
-  _.isObject = function(obj) {
-    var type = typeof obj;
-    return type === 'function' || type === 'object' && !!obj;
-  };
-
-  // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError, isMap, isWeakMap, isSet, isWeakSet.
-  _.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error', 'Symbol', 'Map', 'WeakMap', 'Set', 'WeakSet'], function(name) {
-    _['is' + name] = function(obj) {
-      return toString.call(obj) === '[object ' + name + ']';
-    };
-  });
-
-  // Define a fallback version of the method in browsers (ahem, IE < 9), where
-  // there isn't any inspectable "Arguments" type.
-  if (!_.isArguments(arguments)) {
-    _.isArguments = function(obj) {
-      return has(obj, 'callee');
-    };
-  }
-
-  // Optimize `isFunction` if appropriate. Work around some typeof bugs in old v8,
-  // IE 11 (#1621), Safari 8 (#1929), and PhantomJS (#2236).
-  var nodelist = root.document && root.document.childNodes;
-  if (typeof /./ != 'function' && typeof Int8Array != 'object' && typeof nodelist != 'function') {
-    _.isFunction = function(obj) {
-      return typeof obj == 'function' || false;
-    };
-  }
-
-  // Is a given object a finite number?
-  _.isFinite = function(obj) {
-    return !_.isSymbol(obj) && isFinite(obj) && !isNaN(parseFloat(obj));
-  };
-
-  // Is the given value `NaN`?
-  _.isNaN = function(obj) {
-    return _.isNumber(obj) && isNaN(obj);
-  };
-
-  // Is a given value a boolean?
-  _.isBoolean = function(obj) {
-    return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
-  };
-
-  // Is a given value equal to null?
-  _.isNull = function(obj) {
-    return obj === null;
-  };
-
-  // Is a given variable undefined?
-  _.isUndefined = function(obj) {
-    return obj === void 0;
-  };
-
-  // Shortcut function for checking if an object has a given property directly
-  // on itself (in other words, not on a prototype).
-  _.has = function(obj, path) {
-    if (!_.isArray(path)) {
-      return has(obj, path);
-    }
-    var length = path.length;
-    for (var i = 0; i < length; i++) {
-      var key = path[i];
-      if (obj == null || !hasOwnProperty.call(obj, key)) {
-        return false;
-      }
-      obj = obj[key];
-    }
-    return !!length;
-  };
-
-  // Utility Functions
-  // -----------------
-
-  // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
-  // previous owner. Returns a reference to the Underscore object.
-  _.noConflict = function() {
-    root._ = previousUnderscore;
-    return this;
-  };
-
-  // Keep the identity function around for default iteratees.
-  _.identity = function(value) {
-    return value;
-  };
-
-  // Predicate-generating functions. Often useful outside of Underscore.
-  _.constant = function(value) {
-    return function() {
-      return value;
-    };
-  };
-
-  _.noop = function(){};
-
-  // Creates a function that, when passed an object, will traverse that object’s
-  // properties down the given `path`, specified as an array of keys or indexes.
-  _.property = function(path) {
-    if (!_.isArray(path)) {
-      return shallowProperty(path);
-    }
-    return function(obj) {
-      return deepGet(obj, path);
-    };
-  };
-
-  // Generates a function for a given object that returns a given property.
-  _.propertyOf = function(obj) {
-    if (obj == null) {
-      return function(){};
-    }
-    return function(path) {
-      return !_.isArray(path) ? obj[path] : deepGet(obj, path);
-    };
-  };
-
-  // Returns a predicate for checking whether an object has a given set of
-  // `key:value` pairs.
-  _.matcher = _.matches = function(attrs) {
-    attrs = _.extendOwn({}, attrs);
-    return function(obj) {
-      return _.isMatch(obj, attrs);
-    };
-  };
-
-  // Run a function **n** times.
-  _.times = function(n, iteratee, context) {
-    var accum = Array(Math.max(0, n));
-    iteratee = optimizeCb(iteratee, context, 1);
-    for (var i = 0; i < n; i++) accum[i] = iteratee(i);
-    return accum;
-  };
-
-  // Return a random integer between min and max (inclusive).
-  _.random = function(min, max) {
-    if (max == null) {
-      max = min;
-      min = 0;
-    }
-    return min + Math.floor(Math.random() * (max - min + 1));
-  };
-
-  // A (possibly faster) way to get the current timestamp as an integer.
-  _.now = Date.now || function() {
-    return new Date().getTime();
-  };
-
-  // List of HTML entities for escaping.
-  var escapeMap = {
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#x27;',
-    '`': '&#x60;'
-  };
-  var unescapeMap = _.invert(escapeMap);
-
-  // Functions for escaping and unescaping strings to/from HTML interpolation.
-  var createEscaper = function(map) {
-    var escaper = function(match) {
-      return map[match];
-    };
-    // Regexes for identifying a key that needs to be escaped.
-    var source = '(?:' + _.keys(map).join('|') + ')';
-    var testRegexp = RegExp(source);
-    var replaceRegexp = RegExp(source, 'g');
-    return function(string) {
-      string = string == null ? '' : '' + string;
-      return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string;
-    };
-  };
-  _.escape = createEscaper(escapeMap);
-  _.unescape = createEscaper(unescapeMap);
-
-  // Traverses the children of `obj` along `path`. If a child is a function, it
-  // is invoked with its parent as context. Returns the value of the final
-  // child, or `fallback` if any child is undefined.
-  _.result = function(obj, path, fallback) {
-    if (!_.isArray(path)) path = [path];
-    var length = path.length;
-    if (!length) {
-      return _.isFunction(fallback) ? fallback.call(obj) : fallback;
-    }
-    for (var i = 0; i < length; i++) {
-      var prop = obj == null ? void 0 : obj[path[i]];
-      if (prop === void 0) {
-        prop = fallback;
-        i = length; // Ensure we don't continue iterating.
-      }
-      obj = _.isFunction(prop) ? prop.call(obj) : prop;
-    }
-    return obj;
-  };
-
-  // Generate a unique integer id (unique within the entire client session).
-  // Useful for temporary DOM ids.
-  var idCounter = 0;
-  _.uniqueId = function(prefix) {
-    var id = ++idCounter + '';
-    return prefix ? prefix + id : id;
-  };
-
-  // By default, Underscore uses ERB-style template delimiters, change the
-  // following template settings to use alternative delimiters.
-  _.templateSettings = {
-    evaluate: /<%([\s\S]+?)%>/g,
-    interpolate: /<%=([\s\S]+?)%>/g,
-    escape: /<%-([\s\S]+?)%>/g
-  };
-
-  // When customizing `templateSettings`, if you don't want to define an
-  // interpolation, evaluation or escaping regex, we need one that is
-  // guaranteed not to match.
-  var noMatch = /(.)^/;
-
-  // Certain characters need to be escaped so that they can be put into a
-  // string literal.
-  var escapes = {
-    "'": "'",
-    '\\': '\\',
-    '\r': 'r',
-    '\n': 'n',
-    '\u2028': 'u2028',
-    '\u2029': 'u2029'
-  };
-
-  var escapeRegExp = /\\|'|\r|\n|\u2028|\u2029/g;
-
-  var escapeChar = function(match) {
-    return '\\' + escapes[match];
-  };
-
-  // In order to prevent third-party code injection through
-  // `_.templateSettings.variable`, we test it against the following regular
-  // expression. It is intentionally a bit more liberal than just matching valid
-  // identifiers, but still prevents possible loopholes through defaults or
-  // destructuring assignment.
-  var bareIdentifier = /^\s*(\w|\$)+\s*$/;
-
-  // JavaScript micro-templating, similar to John Resig's implementation.
-  // Underscore templating handles arbitrary delimiters, preserves whitespace,
-  // and correctly escapes quotes within interpolated code.
-  // NB: `oldSettings` only exists for backwards compatibility.
-  _.template = function(text, settings, oldSettings) {
-    if (!settings && oldSettings) settings = oldSettings;
-    settings = _.defaults({}, settings, _.templateSettings);
-
-    // Combine delimiters into one regular expression via alternation.
-    var matcher = RegExp([
-      (settings.escape || noMatch).source,
-      (settings.interpolate || noMatch).source,
-      (settings.evaluate || noMatch).source
-    ].join('|') + '|$', 'g');
-
-    // Compile the template source, escaping string literals appropriately.
-    var index = 0;
-    var source = "__p+='";
-    text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
-      source += text.slice(index, offset).replace(escapeRegExp, escapeChar);
-      index = offset + match.length;
-
-      if (escape) {
-        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
-      } else if (interpolate) {
-        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
-      } else if (evaluate) {
-        source += "';\n" + evaluate + "\n__p+='";
-      }
-
-      // Adobe VMs need the match returned to produce the correct offset.
-      return match;
-    });
-    source += "';\n";
-
-    var argument = settings.variable;
-    if (argument) {
-      // Insure against third-party code injection.
-      if (!bareIdentifier.test(argument)) throw new Error(
-        'variable is not a bare identifier: ' + argument
-      );
-    } else {
-      // If a variable is not specified, place data values in local scope.
-      source = 'with(obj||{}){\n' + source + '}\n';
-      argument = 'obj';
-    }
-
-    source = "var __t,__p='',__j=Array.prototype.join," +
-      "print=function(){__p+=__j.call(arguments,'');};\n" +
-      source + 'return __p;\n';
-
-    var render;
-    try {
-      render = new Function(argument, '_', source);
-    } catch (e) {
-      e.source = source;
-      throw e;
-    }
-
-    var template = function(data) {
-      return render.call(this, data, _);
-    };
-
-    // Provide the compiled source as a convenience for precompilation.
-    template.source = 'function(' + argument + '){\n' + source + '}';
-
-    return template;
-  };
-
-  // Add a "chain" function. Start chaining a wrapped Underscore object.
-  _.chain = function(obj) {
-    var instance = _(obj);
-    instance._chain = true;
-    return instance;
-  };
-
-  // OOP
-  // ---------------
-  // If Underscore is called as a function, it returns a wrapped object that
-  // can be used OO-style. This wrapper holds altered versions of all the
-  // underscore functions. Wrapped objects may be chained.
-
-  // Helper function to continue chaining intermediate results.
-  var chainResult = function(instance, obj) {
-    return instance._chain ? _(obj).chain() : obj;
-  };
-
-  // Add your own custom functions to the Underscore object.
-  _.mixin = function(obj) {
-    _.each(_.functions(obj), function(name) {
-      var func = _[name] = obj[name];
-      _.prototype[name] = function() {
-        var args = [this._wrapped];
-        push.apply(args, arguments);
-        return chainResult(this, func.apply(_, args));
-      };
-    });
-    return _;
-  };
-
-  // Add all of the Underscore functions to the wrapper object.
-  _.mixin(_);
-
-  // Add all mutator Array functions to the wrapper.
-  _.each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
-    var method = ArrayProto[name];
-    _.prototype[name] = function() {
-      var obj = this._wrapped;
-      method.apply(obj, arguments);
-      if ((name === 'shift' || name === 'splice') && obj.length === 0) delete obj[0];
-      return chainResult(this, obj);
-    };
-  });
-
-  // Add all accessor Array functions to the wrapper.
-  _.each(['concat', 'join', 'slice'], function(name) {
-    var method = ArrayProto[name];
-    _.prototype[name] = function() {
-      return chainResult(this, method.apply(this._wrapped, arguments));
-    };
-  });
-
-  // Extracts the result from a wrapped and chained object.
-  _.prototype.value = function() {
-    return this._wrapped;
-  };
-
-  // Provide unwrapping proxy for some methods used in engine operations
-  // such as arithmetic and JSON stringification.
-  _.prototype.valueOf = _.prototype.toJSON = _.prototype.value;
-
-  _.prototype.toString = function() {
-    return String(this._wrapped);
-  };
-
-  // AMD registration happens at the end for compatibility with AMD loaders
-  // that may not enforce next-turn semantics on modules. Even though general
-  // practice for AMD registration is to be anonymous, underscore registers
-  // as a named module because, like jQuery, it is a base library that is
-  // popular enough to be bundled in a third party lib, but not be part of
-  // an AMD load request. Those cases could generate an error when an
-  // anonymous define() is called outside of a loader request.
-  if (typeof define == 'function' && define.amd) {
-    define('underscore', [], function() {
-      return _;
-    });
-  }
-}());
+var n="1.13.1",r="object"==typeof self&&self.self===self&&self||"object"==typeof global&&global.global===global&&global||Function("return this")()||{},t=Array.prototype,e=Object.prototype,u="undefined"!=typeof Symbol?Symbol.prototype:null,o=t.push,i=t.slice,a=e.toString,f=e.hasOwnProperty,c="undefined"!=typeof ArrayBuffer,l="undefined"!=typeof DataView,s=Array.isArray,p=Object.keys,v=Object.create,h=c&&ArrayBuffer.isView,y=isNaN,d=isFinite,g=!{toString:null}.propertyIsEnumerable("toString"),b=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],m=Math.pow(2,53)-1;function j(n,r){return r=null==r?n.length-1:+r,function(){for(var t=Math.max(arguments.length-r,0),e=Array(t),u=0;u<t;u++)e[u]=arguments[u+r];switch(r){case 0:return n.call(this,e);case 1:return n.call(this,arguments[0],e);case 2:return n.call(this,arguments[0],arguments[1],e)}var o=Array(r+1);for(u=0;u<r;u++)o[u]=arguments[u];return o[r]=e,n.apply(this,o)}}function _(n){var r=typeof n;return"function"===r||"object"===r&&!!n}function w(n){return void 0===n}function A(n){return!0===n||!1===n||"[object Boolean]"===a.call(n)}function x(n){var r="[object "+n+"]";return function(n){return a.call(n)===r}}var S=x("String"),O=x("Number"),M=x("Date"),E=x("RegExp"),B=x("Error"),N=x("Symbol"),I=x("ArrayBuffer"),T=x("Function"),k=r.document&&r.document.childNodes;"function"!=typeof/./&&"object"!=typeof Int8Array&&"function"!=typeof k&&(T=function(n){return"function"==typeof n||!1});var D=T,R=x("Object"),F=l&&R(new DataView(new ArrayBuffer(8))),V="undefined"!=typeof Map&&R(new Map),P=x("DataView");var q=F?function(n){return null!=n&&D(n.getInt8)&&I(n.buffer)}:P,U=s||x("Array");function W(n,r){return null!=n&&f.call(n,r)}var z=x("Arguments");!function(){z(arguments)||(z=function(n){return W(n,"callee")})}();var L=z;function $(n){return O(n)&&y(n)}function C(n){return function(){return n}}function K(n){return function(r){var t=n(r);return"number"==typeof t&&t>=0&&t<=m}}function J(n){return function(r){return null==r?void 0:r[n]}}var G=J("byteLength"),H=K(G),Q=/\[object ((I|Ui)nt(8|16|32)|Float(32|64)|Uint8Clamped|Big(I|Ui)nt64)Array\]/;var X=c?function(n){return h?h(n)&&!q(n):H(n)&&Q.test(a.call(n))}:C(!1),Y=J("length");function Z(n,r){r=function(n){for(var r={},t=n.length,e=0;e<t;++e)r[n[e]]=!0;return{contains:function(n){return r[n]},push:function(t){return r[t]=!0,n.push(t)}}}(r);var t=b.length,u=n.constructor,o=D(u)&&u.prototype||e,i="constructor";for(W(n,i)&&!r.contains(i)&&r.push(i);t--;)(i=b[t])in n&&n[i]!==o[i]&&!r.contains(i)&&r.push(i)}function nn(n){if(!_(n))return[];if(p)return p(n);var r=[];for(var t in n)W(n,t)&&r.push(t);return g&&Z(n,r),r}function rn(n,r){var t=nn(r),e=t.length;if(null==n)return!e;for(var u=Object(n),o=0;o<e;o++){var i=t[o];if(r[i]!==u[i]||!(i in u))return!1}return!0}function tn(n){return n instanceof tn?n:this instanceof tn?void(this._wrapped=n):new tn(n)}function en(n){return new Uint8Array(n.buffer||n,n.byteOffset||0,G(n))}tn.VERSION=n,tn.prototype.value=function(){return this._wrapped},tn.prototype.valueOf=tn.prototype.toJSON=tn.prototype.value,tn.prototype.toString=function(){return String(this._wrapped)};var un="[object DataView]";function on(n,r,t,e){if(n===r)return 0!==n||1/n==1/r;if(null==n||null==r)return!1;if(n!=n)return r!=r;var o=typeof n;return("function"===o||"object"===o||"object"==typeof r)&&function n(r,t,e,o){r instanceof tn&&(r=r._wrapped);t instanceof tn&&(t=t._wrapped);var i=a.call(r);if(i!==a.call(t))return!1;if(F&&"[object Object]"==i&&q(r)){if(!q(t))return!1;i=un}switch(i){case"[object RegExp]":case"[object String]":return""+r==""+t;case"[object Number]":return+r!=+r?+t!=+t:0==+r?1/+r==1/t:+r==+t;case"[object Date]":case"[object Boolean]":return+r==+t;case"[object Symbol]":return u.valueOf.call(r)===u.valueOf.call(t);case"[object ArrayBuffer]":case un:return n(en(r),en(t),e,o)}var f="[object Array]"===i;if(!f&&X(r)){if(G(r)!==G(t))return!1;if(r.buffer===t.buffer&&r.byteOffset===t.byteOffset)return!0;f=!0}if(!f){if("object"!=typeof r||"object"!=typeof t)return!1;var c=r.constructor,l=t.constructor;if(c!==l&&!(D(c)&&c instanceof c&&D(l)&&l instanceof l)&&"constructor"in r&&"constructor"in t)return!1}o=o||[];var s=(e=e||[]).length;for(;s--;)if(e[s]===r)return o[s]===t;if(e.push(r),o.push(t),f){if((s=r.length)!==t.length)return!1;for(;s--;)if(!on(r[s],t[s],e,o))return!1}else{var p,v=nn(r);if(s=v.length,nn(t).length!==s)return!1;for(;s--;)if(p=v[s],!W(t,p)||!on(r[p],t[p],e,o))return!1}return e.pop(),o.pop(),!0}(n,r,t,e)}function an(n){if(!_(n))return[];var r=[];for(var t in n)r.push(t);return g&&Z(n,r),r}function fn(n){var r=Y(n);return function(t){if(null==t)return!1;var e=an(t);if(Y(e))return!1;for(var u=0;u<r;u++)if(!D(t[n[u]]))return!1;return n!==hn||!D(t[cn])}}var cn="forEach",ln="has",sn=["clear","delete"],pn=["get",ln,"set"],vn=sn.concat(cn,pn),hn=sn.concat(pn),yn=["add"].concat(sn,cn,ln),dn=V?fn(vn):x("Map"),gn=V?fn(hn):x("WeakMap"),bn=V?fn(yn):x("Set"),mn=x("WeakSet");function jn(n){for(var r=nn(n),t=r.length,e=Array(t),u=0;u<t;u++)e[u]=n[r[u]];return e}function _n(n){for(var r={},t=nn(n),e=0,u=t.length;e<u;e++)r[n[t[e]]]=t[e];return r}function wn(n){var r=[];for(var t in n)D(n[t])&&r.push(t);return r.sort()}function An(n,r){return function(t){var e=arguments.length;if(r&&(t=Object(t)),e<2||null==t)return t;for(var u=1;u<e;u++)for(var o=arguments[u],i=n(o),a=i.length,f=0;f<a;f++){var c=i[f];r&&void 0!==t[c]||(t[c]=o[c])}return t}}var xn=An(an),Sn=An(nn),On=An(an,!0);function Mn(n){if(!_(n))return{};if(v)return v(n);var r=function(){};r.prototype=n;var t=new r;return r.prototype=null,t}function En(n){return _(n)?U(n)?n.slice():xn({},n):n}function Bn(n){return U(n)?n:[n]}function Nn(n){return tn.toPath(n)}function In(n,r){for(var t=r.length,e=0;e<t;e++){if(null==n)return;n=n[r[e]]}return t?n:void 0}function Tn(n,r,t){var e=In(n,Nn(r));return w(e)?t:e}function kn(n){return n}function Dn(n){return n=Sn({},n),function(r){return rn(r,n)}}function Rn(n){return n=Nn(n),function(r){return In(r,n)}}function Fn(n,r,t){if(void 0===r)return n;switch(null==t?3:t){case 1:return function(t){return n.call(r,t)};case 3:return function(t,e,u){return n.call(r,t,e,u)};case 4:return function(t,e,u,o){return n.call(r,t,e,u,o)}}return function(){return n.apply(r,arguments)}}function Vn(n,r,t){return null==n?kn:D(n)?Fn(n,r,t):_(n)&&!U(n)?Dn(n):Rn(n)}function Pn(n,r){return Vn(n,r,1/0)}function qn(n,r,t){return tn.iteratee!==Pn?tn.iteratee(n,r):Vn(n,r,t)}function Un(){}function Wn(n,r){return null==r&&(r=n,n=0),n+Math.floor(Math.random()*(r-n+1))}tn.toPath=Bn,tn.iteratee=Pn;var zn=Date.now||function(){return(new Date).getTime()};function Ln(n){var r=function(r){return n[r]},t="(?:"+nn(n).join("|")+")",e=RegExp(t),u=RegExp(t,"g");return function(n){return n=null==n?"":""+n,e.test(n)?n.replace(u,r):n}}var $n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},Cn=Ln($n),Kn=Ln(_n($n)),Jn=tn.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g},Gn=/(.)^/,Hn={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},Qn=/\\|'|\r|\n|\u2028|\u2029/g;function Xn(n){return"\\"+Hn[n]}var Yn=/^\s*(\w|\$)+\s*$/;var Zn=0;function nr(n,r,t,e,u){if(!(e instanceof r))return n.apply(t,u);var o=Mn(n.prototype),i=n.apply(o,u);return _(i)?i:o}var rr=j((function(n,r){var t=rr.placeholder,e=function(){for(var u=0,o=r.length,i=Array(o),a=0;a<o;a++)i[a]=r[a]===t?arguments[u++]:r[a];for(;u<arguments.length;)i.push(arguments[u++]);return nr(n,e,this,this,i)};return e}));rr.placeholder=tn;var tr=j((function(n,r,t){if(!D(n))throw new TypeError("Bind must be called on a function");var e=j((function(u){return nr(n,e,r,this,t.concat(u))}));return e})),er=K(Y);function ur(n,r,t,e){if(e=e||[],r||0===r){if(r<=0)return e.concat(n)}else r=1/0;for(var u=e.length,o=0,i=Y(n);o<i;o++){var a=n[o];if(er(a)&&(U(a)||L(a)))if(r>1)ur(a,r-1,t,e),u=e.length;else for(var f=0,c=a.length;f<c;)e[u++]=a[f++];else t||(e[u++]=a)}return e}var or=j((function(n,r){var t=(r=ur(r,!1,!1)).length;if(t<1)throw new Error("bindAll must be passed function names");for(;t--;){var e=r[t];n[e]=tr(n[e],n)}return n}));var ir=j((function(n,r,t){return setTimeout((function(){return n.apply(null,t)}),r)})),ar=rr(ir,tn,1);function fr(n){return function(){return!n.apply(this,arguments)}}function cr(n,r){var t;return function(){return--n>0&&(t=r.apply(this,arguments)),n<=1&&(r=null),t}}var lr=rr(cr,2);function sr(n,r,t){r=qn(r,t);for(var e,u=nn(n),o=0,i=u.length;o<i;o++)if(r(n[e=u[o]],e,n))return e}function pr(n){return function(r,t,e){t=qn(t,e);for(var u=Y(r),o=n>0?0:u-1;o>=0&&o<u;o+=n)if(t(r[o],o,r))return o;return-1}}var vr=pr(1),hr=pr(-1);function yr(n,r,t,e){for(var u=(t=qn(t,e,1))(r),o=0,i=Y(n);o<i;){var a=Math.floor((o+i)/2);t(n[a])<u?o=a+1:i=a}return o}function dr(n,r,t){return function(e,u,o){var a=0,f=Y(e);if("number"==typeof o)n>0?a=o>=0?o:Math.max(o+f,a):f=o>=0?Math.min(o+1,f):o+f+1;else if(t&&o&&f)return e[o=t(e,u)]===u?o:-1;if(u!=u)return(o=r(i.call(e,a,f),$))>=0?o+a:-1;for(o=n>0?a:f-1;o>=0&&o<f;o+=n)if(e[o]===u)return o;return-1}}var gr=dr(1,vr,yr),br=dr(-1,hr);function mr(n,r,t){var e=(er(n)?vr:sr)(n,r,t);if(void 0!==e&&-1!==e)return n[e]}function jr(n,r,t){var e,u;if(r=Fn(r,t),er(n))for(e=0,u=n.length;e<u;e++)r(n[e],e,n);else{var o=nn(n);for(e=0,u=o.length;e<u;e++)r(n[o[e]],o[e],n)}return n}function _r(n,r,t){r=qn(r,t);for(var e=!er(n)&&nn(n),u=(e||n).length,o=Array(u),i=0;i<u;i++){var a=e?e[i]:i;o[i]=r(n[a],a,n)}return o}function wr(n){var r=function(r,t,e,u){var o=!er(r)&&nn(r),i=(o||r).length,a=n>0?0:i-1;for(u||(e=r[o?o[a]:a],a+=n);a>=0&&a<i;a+=n){var f=o?o[a]:a;e=t(e,r[f],f,r)}return e};return function(n,t,e,u){var o=arguments.length>=3;return r(n,Fn(t,u,4),e,o)}}var Ar=wr(1),xr=wr(-1);function Sr(n,r,t){var e=[];return r=qn(r,t),jr(n,(function(n,t,u){r(n,t,u)&&e.push(n)})),e}function Or(n,r,t){r=qn(r,t);for(var e=!er(n)&&nn(n),u=(e||n).length,o=0;o<u;o++){var i=e?e[o]:o;if(!r(n[i],i,n))return!1}return!0}function Mr(n,r,t){r=qn(r,t);for(var e=!er(n)&&nn(n),u=(e||n).length,o=0;o<u;o++){var i=e?e[o]:o;if(r(n[i],i,n))return!0}return!1}function Er(n,r,t,e){return er(n)||(n=jn(n)),("number"!=typeof t||e)&&(t=0),gr(n,r,t)>=0}var Br=j((function(n,r,t){var e,u;return D(r)?u=r:(r=Nn(r),e=r.slice(0,-1),r=r[r.length-1]),_r(n,(function(n){var o=u;if(!o){if(e&&e.length&&(n=In(n,e)),null==n)return;o=n[r]}return null==o?o:o.apply(n,t)}))}));function Nr(n,r){return _r(n,Rn(r))}function Ir(n,r,t){var e,u,o=-1/0,i=-1/0;if(null==r||"number"==typeof r&&"object"!=typeof n[0]&&null!=n)for(var a=0,f=(n=er(n)?n:jn(n)).length;a<f;a++)null!=(e=n[a])&&e>o&&(o=e);else r=qn(r,t),jr(n,(function(n,t,e){((u=r(n,t,e))>i||u===-1/0&&o===-1/0)&&(o=n,i=u)}));return o}function Tr(n,r,t){if(null==r||t)return er(n)||(n=jn(n)),n[Wn(n.length-1)];var e=er(n)?En(n):jn(n),u=Y(e);r=Math.max(Math.min(r,u),0);for(var o=u-1,i=0;i<r;i++){var a=Wn(i,o),f=e[i];e[i]=e[a],e[a]=f}return e.slice(0,r)}function kr(n,r){return function(t,e,u){var o=r?[[],[]]:{};return e=qn(e,u),jr(t,(function(r,u){var i=e(r,u,t);n(o,r,i)})),o}}var Dr=kr((function(n,r,t){W(n,t)?n[t].push(r):n[t]=[r]})),Rr=kr((function(n,r,t){n[t]=r})),Fr=kr((function(n,r,t){W(n,t)?n[t]++:n[t]=1})),Vr=kr((function(n,r,t){n[t?0:1].push(r)}),!0),Pr=/[^\ud800-\udfff]|[\ud800-\udbff][\udc00-\udfff]|[\ud800-\udfff]/g;function qr(n,r,t){return r in t}var Ur=j((function(n,r){var t={},e=r[0];if(null==n)return t;D(e)?(r.length>1&&(e=Fn(e,r[1])),r=an(n)):(e=qr,r=ur(r,!1,!1),n=Object(n));for(var u=0,o=r.length;u<o;u++){var i=r[u],a=n[i];e(a,i,n)&&(t[i]=a)}return t})),Wr=j((function(n,r){var t,e=r[0];return D(e)?(e=fr(e),r.length>1&&(t=r[1])):(r=_r(ur(r,!1,!1),String),e=function(n,t){return!Er(r,t)}),Ur(n,e,t)}));function zr(n,r,t){return i.call(n,0,Math.max(0,n.length-(null==r||t?1:r)))}function Lr(n,r,t){return null==n||n.length<1?null==r||t?void 0:[]:null==r||t?n[0]:zr(n,n.length-r)}function $r(n,r,t){return i.call(n,null==r||t?1:r)}var Cr=j((function(n,r){return r=ur(r,!0,!0),Sr(n,(function(n){return!Er(r,n)}))})),Kr=j((function(n,r){return Cr(n,r)}));function Jr(n,r,t,e){A(r)||(e=t,t=r,r=!1),null!=t&&(t=qn(t,e));for(var u=[],o=[],i=0,a=Y(n);i<a;i++){var f=n[i],c=t?t(f,i,n):f;r&&!t?(i&&o===c||u.push(f),o=c):t?Er(o,c)||(o.push(c),u.push(f)):Er(u,f)||u.push(f)}return u}var Gr=j((function(n){return Jr(ur(n,!0,!0))}));function Hr(n){for(var r=n&&Ir(n,Y).length||0,t=Array(r),e=0;e<r;e++)t[e]=Nr(n,e);return t}var Qr=j(Hr);function Xr(n,r){return n._chain?tn(r).chain():r}function Yr(n){return jr(wn(n),(function(r){var t=tn[r]=n[r];tn.prototype[r]=function(){var n=[this._wrapped];return o.apply(n,arguments),Xr(this,t.apply(tn,n))}})),tn}jr(["pop","push","reverse","shift","sort","splice","unshift"],(function(n){var r=t[n];tn.prototype[n]=function(){var t=this._wrapped;return null!=t&&(r.apply(t,arguments),"shift"!==n&&"splice"!==n||0!==t.length||delete t[0]),Xr(this,t)}})),jr(["concat","join","slice"],(function(n){var r=t[n];tn.prototype[n]=function(){var n=this._wrapped;return null!=n&&(n=r.apply(n,arguments)),Xr(this,n)}}));var Zr=Yr({__proto__:null,VERSION:n,restArguments:j,isObject:_,isNull:function(n){return null===n},isUndefined:w,isBoolean:A,isElement:function(n){return!(!n||1!==n.nodeType)},isString:S,isNumber:O,isDate:M,isRegExp:E,isError:B,isSymbol:N,isArrayBuffer:I,isDataView:q,isArray:U,isFunction:D,isArguments:L,isFinite:function(n){return!N(n)&&d(n)&&!isNaN(parseFloat(n))},isNaN:$,isTypedArray:X,isEmpty:function(n){if(null==n)return!0;var r=Y(n);return"number"==typeof r&&(U(n)||S(n)||L(n))?0===r:0===Y(nn(n))},isMatch:rn,isEqual:function(n,r){return on(n,r)},isMap:dn,isWeakMap:gn,isSet:bn,isWeakSet:mn,keys:nn,allKeys:an,values:jn,pairs:function(n){for(var r=nn(n),t=r.length,e=Array(t),u=0;u<t;u++)e[u]=[r[u],n[r[u]]];return e},invert:_n,functions:wn,methods:wn,extend:xn,extendOwn:Sn,assign:Sn,defaults:On,create:function(n,r){var t=Mn(n);return r&&Sn(t,r),t},clone:En,tap:function(n,r){return r(n),n},get:Tn,has:function(n,r){for(var t=(r=Nn(r)).length,e=0;e<t;e++){var u=r[e];if(!W(n,u))return!1;n=n[u]}return!!t},mapObject:function(n,r,t){r=qn(r,t);for(var e=nn(n),u=e.length,o={},i=0;i<u;i++){var a=e[i];o[a]=r(n[a],a,n)}return o},identity:kn,constant:C,noop:Un,toPath:Bn,property:Rn,propertyOf:function(n){return null==n?Un:function(r){return Tn(n,r)}},matcher:Dn,matches:Dn,times:function(n,r,t){var e=Array(Math.max(0,n));r=Fn(r,t,1);for(var u=0;u<n;u++)e[u]=r(u);return e},random:Wn,now:zn,escape:Cn,unescape:Kn,templateSettings:Jn,template:function(n,r,t){!r&&t&&(r=t),r=On({},r,tn.templateSettings);var e=RegExp([(r.escape||Gn).source,(r.interpolate||Gn).source,(r.evaluate||Gn).source].join("|")+"|$","g"),u=0,o="__p+='";n.replace(e,(function(r,t,e,i,a){return o+=n.slice(u,a).replace(Qn,Xn),u=a+r.length,t?o+="'+\n((__t=("+t+"))==null?'':_.escape(__t))+\n'":e?o+="'+\n((__t=("+e+"))==null?'':__t)+\n'":i&&(o+="';\n"+i+"\n__p+='"),r})),o+="';\n";var i,a=r.variable;if(a){if(!Yn.test(a))throw new Error("variable is not a bare identifier: "+a)}else o="with(obj||{}){\n"+o+"}\n",a="obj";o="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+o+"return __p;\n";try{i=new Function(a,"_",o)}catch(n){throw n.source=o,n}var f=function(n){return i.call(this,n,tn)};return f.source="function("+a+"){\n"+o+"}",f},result:function(n,r,t){var e=(r=Nn(r)).length;if(!e)return D(t)?t.call(n):t;for(var u=0;u<e;u++){var o=null==n?void 0:n[r[u]];void 0===o&&(o=t,u=e),n=D(o)?o.call(n):o}return n},uniqueId:function(n){var r=++Zn+"";return n?n+r:r},chain:function(n){var r=tn(n);return r._chain=!0,r},iteratee:Pn,partial:rr,bind:tr,bindAll:or,memoize:function(n,r){var t=function(e){var u=t.cache,o=""+(r?r.apply(this,arguments):e);return W(u,o)||(u[o]=n.apply(this,arguments)),u[o]};return t.cache={},t},delay:ir,defer:ar,throttle:function(n,r,t){var e,u,o,i,a=0;t||(t={});var f=function(){a=!1===t.leading?0:zn(),e=null,i=n.apply(u,o),e||(u=o=null)},c=function(){var c=zn();a||!1!==t.leading||(a=c);var l=r-(c-a);return u=this,o=arguments,l<=0||l>r?(e&&(clearTimeout(e),e=null),a=c,i=n.apply(u,o),e||(u=o=null)):e||!1===t.trailing||(e=setTimeout(f,l)),i};return c.cancel=function(){clearTimeout(e),a=0,e=u=o=null},c},debounce:function(n,r,t){var e,u,o,i,a,f=function(){var c=zn()-u;r>c?e=setTimeout(f,r-c):(e=null,t||(i=n.apply(a,o)),e||(o=a=null))},c=j((function(c){return a=this,o=c,u=zn(),e||(e=setTimeout(f,r),t&&(i=n.apply(a,o))),i}));return c.cancel=function(){clearTimeout(e),e=o=a=null},c},wrap:function(n,r){return rr(r,n)},negate:fr,compose:function(){var n=arguments,r=n.length-1;return function(){for(var t=r,e=n[r].apply(this,arguments);t--;)e=n[t].call(this,e);return e}},after:function(n,r){return function(){if(--n<1)return r.apply(this,arguments)}},before:cr,once:lr,findKey:sr,findIndex:vr,findLastIndex:hr,sortedIndex:yr,indexOf:gr,lastIndexOf:br,find:mr,detect:mr,findWhere:function(n,r){return mr(n,Dn(r))},each:jr,forEach:jr,map:_r,collect:_r,reduce:Ar,foldl:Ar,inject:Ar,reduceRight:xr,foldr:xr,filter:Sr,select:Sr,reject:function(n,r,t){return Sr(n,fr(qn(r)),t)},every:Or,all:Or,some:Mr,any:Mr,contains:Er,includes:Er,include:Er,invoke:Br,pluck:Nr,where:function(n,r){return Sr(n,Dn(r))},max:Ir,min:function(n,r,t){var e,u,o=1/0,i=1/0;if(null==r||"number"==typeof r&&"object"!=typeof n[0]&&null!=n)for(var a=0,f=(n=er(n)?n:jn(n)).length;a<f;a++)null!=(e=n[a])&&e<o&&(o=e);else r=qn(r,t),jr(n,(function(n,t,e){((u=r(n,t,e))<i||u===1/0&&o===1/0)&&(o=n,i=u)}));return o},shuffle:function(n){return Tr(n,1/0)},sample:Tr,sortBy:function(n,r,t){var e=0;return r=qn(r,t),Nr(_r(n,(function(n,t,u){return{value:n,index:e++,criteria:r(n,t,u)}})).sort((function(n,r){var t=n.criteria,e=r.criteria;if(t!==e){if(t>e||void 0===t)return 1;if(t<e||void 0===e)return-1}return n.index-r.index})),"value")},groupBy:Dr,indexBy:Rr,countBy:Fr,partition:Vr,toArray:function(n){return n?U(n)?i.call(n):S(n)?n.match(Pr):er(n)?_r(n,kn):jn(n):[]},size:function(n){return null==n?0:er(n)?n.length:nn(n).length},pick:Ur,omit:Wr,first:Lr,head:Lr,take:Lr,initial:zr,last:function(n,r,t){return null==n||n.length<1?null==r||t?void 0:[]:null==r||t?n[n.length-1]:$r(n,Math.max(0,n.length-r))},rest:$r,tail:$r,drop:$r,compact:function(n){return Sr(n,Boolean)},flatten:function(n,r){return ur(n,r,!1)},without:Kr,uniq:Jr,unique:Jr,union:Gr,intersection:function(n){for(var r=[],t=arguments.length,e=0,u=Y(n);e<u;e++){var o=n[e];if(!Er(r,o)){var i;for(i=1;i<t&&Er(arguments[i],o);i++);i===t&&r.push(o)}}return r},difference:Cr,unzip:Hr,transpose:Hr,zip:Qr,object:function(n,r){for(var t={},e=0,u=Y(n);e<u;e++)r?t[n[e]]=r[e]:t[n[e][0]]=n[e][1];return t},range:function(n,r,t){null==r&&(r=n||0,n=0),t||(t=r<n?-1:1);for(var e=Math.max(Math.ceil((r-n)/t),0),u=Array(e),o=0;o<e;o++,n+=t)u[o]=n;return u},chunk:function(n,r){if(null==r||r<1)return[];for(var t=[],e=0,u=n.length;e<u;)t.push(i.call(n,e,e+=r));return t},mixin:Yr,default:tn});return Zr._=Zr,Zr}));
\ No newline at end of file
diff --git a/.doc/UI/build/html/generated/Component/Alert/Alert.html b/.doc/UI/build/html/generated/Component/Alert/Alert.html
index 688484501..a85a7926a 100644
--- a/.doc/UI/build/html/generated/Component/Alert/Alert.html
+++ b/.doc/UI/build/html/generated/Component/Alert/Alert.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Alert &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Alert &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2 current"><a class="current reference internal" href="#">Alert</a><ul>
@@ -109,629 +112,541 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="alert">
-<span id="id1"></span><h1>Alert<a class="headerlink" href="#alert" title="Permalink to this headline">¶</a></h1>
+  <section id="alert">
+<span id="id1"></span><h1>Alert<a class="headerlink" href="#alert" title="Permalink to this headline"></a></h1>
 <p>Alerts are the main component to give feedback to the user or communicate page specific to system wide messages.
 Alerts are a rectangular component displaying a title and a message.</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Success Alert:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Success Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertSuccess.png" src="../../../_images/AlertSuccess.png" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Failure Alert:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Failure Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertFailure.png" src="../../../_images/AlertFailure.png" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">Information Alert:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Information Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertInformation.png" src="../../../_images/AlertInformation.png" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Warning Alert:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Warning Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertWarning.png" src="../../../_images/AlertWarning.png" />
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIAlert</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIAlert</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="57%" />
-<col width="43%" />
+<col style="width: 57%" />
+<col style="width: 43%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#alertneutral"><span class="std std-ref">Neutral</span></a></td>
-<td>Make a basis Alert component</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#alertneutral"><span class="std std-ref">Neutral</span></a></p></td>
+<td><p>Make a basis Alert component</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#alertforinformation"><span class="std std-ref">ForInformation</span></a></td>
-<td>Make an Alert component for informational messages</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#alertforinformation"><span class="std std-ref">ForInformation</span></a></p></td>
+<td><p>Make an Alert component for informational messages</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#alertforsuccess"><span class="std std-ref">ForSuccess</span></a></td>
-<td>Make an Alert component for successful messages</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#alertforsuccess"><span class="std std-ref">ForSuccess</span></a></p></td>
+<td><p>Make an Alert component for successful messages</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#alertforwarning"><span class="std std-ref">ForWarning</span></a></td>
-<td>Make an Alert component for warning messages</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#alertforwarning"><span class="std std-ref">ForWarning</span></a></p></td>
+<td><p>Make an Alert component for warning messages</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#alertfordanger"><span class="std std-ref">ForDanger</span></a></td>
-<td>Make an Alert component for danger messages</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#alertfordanger"><span class="std std-ref">ForDanger</span></a></p></td>
+<td><p>Make an Alert component for danger messages</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#alertforfailure"><span class="std std-ref">ForFailure</span></a></td>
-<td>Make an Alert component for failure messages</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#alertforfailure"><span class="std std-ref">ForFailure</span></a></p></td>
+<td><p>Make an Alert component for failure messages</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#alertwithbrandingprimarycolor"><span class="std std-ref">WithBrandingPrimaryColor</span></a></td>
-<td>Make an Alert component with primary color scheme</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#alertwithbrandingprimarycolor"><span class="std std-ref">WithBrandingPrimaryColor</span></a></p></td>
+<td><p>Make an Alert component with primary color scheme</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#alertwithbrandingsecondarycolor"><span class="std std-ref">WithBrandingSecondaryColor</span></a></td>
-<td>Make an Alert component with secondary color scheme</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="alert-neutral">
-<span id="alertneutral"></span><h3>Alert Neutral<a class="headerlink" href="#alert-neutral" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p><a class="reference internal" href="#alertwithbrandingsecondarycolor"><span class="std std-ref">WithBrandingSecondaryColor</span></a></p></td>
+<td><p>Make an Alert component with secondary color scheme</p></td>
 </tr>
 </tbody>
 </table>
+<section id="alert-neutral">
+<span id="alertneutral"></span><h3>Alert Neutral<a class="headerlink" href="#alert-neutral" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">N</span><span class="nv">eutral</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-forinformation">
-<span id="alertforinformation"></span><h3>Alert ForInformation<a class="headerlink" href="#alert-forinformation" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-forinformation">
+<span id="alertforinformation"></span><h3>Alert ForInformation<a class="headerlink" href="#alert-forinformation" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orInformation</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-forsuccess">
-<span id="alertforsuccess"></span><h3>Alert ForSuccess<a class="headerlink" href="#alert-forsuccess" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-forsuccess">
+<span id="alertforsuccess"></span><h3>Alert ForSuccess<a class="headerlink" href="#alert-forsuccess" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orSuccess</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-forwarning">
-<span id="alertforwarning"></span><h3>Alert ForWarning<a class="headerlink" href="#alert-forwarning" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-forwarning">
+<span id="alertforwarning"></span><h3>Alert ForWarning<a class="headerlink" href="#alert-forwarning" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orWarning</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-fordanger">
-<span id="alertfordanger"></span><h3>Alert ForDanger<a class="headerlink" href="#alert-fordanger" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-fordanger">
+<span id="alertfordanger"></span><h3>Alert ForDanger<a class="headerlink" href="#alert-fordanger" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orDanger</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-forfailure">
-<span id="alertforfailure"></span><h3>Alert ForFailure<a class="headerlink" href="#alert-forfailure" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-forfailure">
+<span id="alertforfailure"></span><h3>Alert ForFailure<a class="headerlink" href="#alert-forfailure" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orFailure</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-withbrandingprimarycolor">
-<span id="alertwithbrandingprimarycolor"></span><h3>Alert WithBrandingPrimaryColor<a class="headerlink" href="#alert-withbrandingprimarycolor" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-withbrandingprimarycolor">
+<span id="alertwithbrandingprimarycolor"></span><h3>Alert WithBrandingPrimaryColor<a class="headerlink" href="#alert-withbrandingprimarycolor" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">W</span><span class="nv">ithBrandingPrimaryColor</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-withbrandingsecondarycolor">
-<span id="alertwithbrandingsecondarycolor"></span><h3>Alert WithBrandingSecondaryColor<a class="headerlink" href="#alert-withbrandingsecondarycolor" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="alert-withbrandingsecondarycolor">
+<span id="alertwithbrandingsecondarycolor"></span><h3>Alert WithBrandingSecondaryColor<a class="headerlink" href="#alert-withbrandingsecondarycolor" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">W</span><span class="nv">ithBrandingSecondaryColor</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sContent</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIAlert</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 12%" />
+<col style="width: 10%" />
+<col style="width: 12%" />
+<col style="width: 7%" />
+<col style="width: 59%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>Title of the alert</p></td>
+</tr>
+<tr class="row-even"><td><p>sContent</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
+</tr>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>id of the html block</p></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="alert-common-parameters">
+<h3>Alert common parameters<a class="headerlink" href="#alert-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="10%" />
-<col width="12%" />
-<col width="7%" />
-<col width="59%" />
+<col style="width: 26%" />
+<col style="width: 9%" />
+<col style="width: 65%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>Title of the alert</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sContent</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>id of the html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="alert-common-parameters">
-<h3>Alert common parameters<a class="headerlink" href="#alert-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="26%" />
-<col width="9%" />
-<col width="65%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>Color</p></td>
+<td><p>string</p></td>
+<td><p>Color of the alert (check CSS classes ibo-is-&lt;color&gt; for colors)</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Content</p></td>
+<td><p>string</p></td>
+<td><p>The raw HTML content, must be already sanitized</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>Color</td>
-<td>string</td>
-<td>Color of the alert (check CSS classes ibo-is-&lt;color&gt; for colors)</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>Content</td>
-<td>string</td>
-<td>The raw HTML content, must be already sanitized</td>
+<tr class="row-odd"><td><p>IsClosable</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the user can remove the alert from the screen</p></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-even"><td><p>IsCollapsible</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the user can collapse the alert to display only the title</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-odd"><td>IsClosable</td>
-<td>bool</td>
-<td>Indicates if the user can remove the alert from the screen</td>
+<tr class="row-even"><td><p>OpenedByDefault</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the alert is collapsed or not by default</p></td>
 </tr>
-<tr class="row-even"><td>IsCollapsible</td>
-<td>bool</td>
-<td>Indicates if the user can collapse the alert to display only the title</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>OpenedByDefault</td>
-<td>bool</td>
-<td>Indicates if the alert is collapsed or not by default</td>
-</tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Title</td>
-<td>string</td>
-<td>Title of the alert</td>
+<tr class="row-even"><td><p>Title</p></td>
+<td><p>string</p></td>
+<td><p>Title of the alert</p></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>Example to generate an temporary information with a spinner (on the real display the spinner is animated)</p>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orInformation</span> <span class="o">{</span><span class="s1">&#39;sId&#39;:&#39;header-requirements&#39;</span><span class="o">,</span> <span class="s1">&#39;IsCollapsible&#39;</span><span class="o">:</span><span class="kp">false</span><span class="o">,</span> <span class="s1">&#39;IsClosable&#39;</span><span class="o">:</span><span class="kp">false</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    </span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="s1">&#39;aContainerClasses&#39;</span><span class="o">:[</span><span class="s1">&#39;ibo-update-core-header-requirements&#39;</span><span class="o">],</span>
@@ -771,8 +686,8 @@ Alerts are a rectangular component displaying a title and a message.</p>
 </div>
 <p>The error displayed:</p>
 <img alt="../../../_images/AlertFailureExample.png" src="../../../_images/AlertFailureExample.png" />
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Button/Button.html b/.doc/UI/build/html/generated/Component/Button/Button.html
index 4bc49b393..a945863b9 100644
--- a/.doc/UI/build/html/generated/Component/Button/Button.html
+++ b/.doc/UI/build/html/generated/Component/Button/Button.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Button &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Button &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -116,1136 +119,1004 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="button">
-<span id="id1"></span><h1>Button<a class="headerlink" href="#button" title="Permalink to this headline">¶</a></h1>
+  <section id="button">
+<span id="id1"></span><h1>Button<a class="headerlink" href="#button" title="Permalink to this headline"></a></h1>
 <p>Class Button</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">Example Buttons:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Example Buttons</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/Button-all.png" src="../../../_images/Button-all.png" />
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIButton</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIButton</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="38%" />
-<col width="62%" />
+<col style="width: 38%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#buttonneutral"><span class="std std-ref">Neutral</span></a></td>
-<td>Make a basis Button component for any purpose</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonneutral"><span class="std std-ref">Neutral</span></a></p></td>
+<td><p>Make a basis Button component for any purpose</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttonforprimaryaction"><span class="std std-ref">ForPrimaryAction</span></a></td>
-<td>Make a Button component for a primary action, should be used to tell the user this is the main choice</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttonforprimaryaction"><span class="std std-ref">ForPrimaryAction</span></a></p></td>
+<td><p>Make a Button component for a primary action, should be used to tell the user this is the main choice</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttonforsecondaryaction"><span class="std std-ref">ForSecondaryAction</span></a></td>
-<td>Make a Button component for a secondary action, should be used to tell the user this is an second hand choice</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforsecondaryaction"><span class="std std-ref">ForSecondaryAction</span></a></p></td>
+<td><p>Make a Button component for a secondary action, should be used to tell the user this is an second hand choice</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttonforpositiveaction"><span class="std std-ref">ForPositiveAction</span></a></td>
-<td>Make a Button component for a success action, should be used to tell the user he/she going to make a positive action/choice</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttonforpositiveaction"><span class="std std-ref">ForPositiveAction</span></a></p></td>
+<td><p>Make a Button component for a success action, should be used to tell the user he/she going to make a positive action/choice</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttonfordestructiveaction"><span class="std std-ref">ForDestructiveAction</span></a></td>
-<td>Make a Button component for a destructive action, should be used to tell the user he/she going to make something that cannot be</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonfordestructiveaction"><span class="std std-ref">ForDestructiveAction</span></a></p></td>
+<td><p>Make a Button component for a destructive action, should be used to tell the user he/she going to make something that cannot be</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttonalternativeneutral"><span class="std std-ref">AlternativeNeutral</span></a></td>
-<td>Make a basis Button component for any purpose</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttonalternativeneutral"><span class="std std-ref">AlternativeNeutral</span></a></p></td>
+<td><p>Make a basis Button component for any purpose</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttonforalternativeprimaryaction"><span class="std std-ref">ForAlternativePrimaryAction</span></a></td>
-<td>Make a Button component for an alternative primary action, should be used to avoid the user to consider this action as the first</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforalternativeprimaryaction"><span class="std std-ref">ForAlternativePrimaryAction</span></a></p></td>
+<td><p>Make a Button component for an alternative primary action, should be used to avoid the user to consider this action as the first</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttonforalternativesecondaryaction"><span class="std std-ref">ForAlternativeSecondaryAction</span></a></td>
-<td>Make a Button component for an alternative secondary action, should be used to avoid the user to focus on this</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttonforalternativesecondaryaction"><span class="std std-ref">ForAlternativeSecondaryAction</span></a></p></td>
+<td><p>Make a Button component for an alternative secondary action, should be used to avoid the user to focus on this</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttonforalternativevalidationaction"><span class="std std-ref">ForAlternativeValidationAction</span></a></td>
-<td>Make a Button component for a validation action, should be used to avoid the user to focus on this</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforalternativevalidationaction"><span class="std std-ref">ForAlternativeValidationAction</span></a></p></td>
+<td><p>Make a Button component for a validation action, should be used to avoid the user to focus on this</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttonforalternativedestructiveaction"><span class="std std-ref">ForAlternativeDestructiveAction</span></a></td>
-<td>Make a Button component for a destructive action, should be used to avoid the user to focus on this</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttonforalternativedestructiveaction"><span class="std std-ref">ForAlternativeDestructiveAction</span></a></p></td>
+<td><p>Make a Button component for a destructive action, should be used to avoid the user to focus on this</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttonforcancel"><span class="std std-ref">ForCancel</span></a></td>
-<td>Make a Button component for a cancel, should be used only for UI navigation, not destructive action</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonforcancel"><span class="std std-ref">ForCancel</span></a></p></td>
+<td><p>Make a Button component for a cancel, should be used only for UI navigation, not destructive action</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttoniconaction"><span class="std std-ref">IconAction</span></a></td>
-<td>&#64;param string $sIconClasses</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttoniconaction"><span class="std std-ref">IconAction</span></a></p></td>
+<td><p>&#64;param string $sIconClasses</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttonlinkneutral"><span class="std std-ref">LinkNeutral</span></a></td>
-<td>Make a link Button component to open an URL instead of triggering a form action</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttonlinkneutral"><span class="std std-ref">LinkNeutral</span></a></p></td>
+<td><p>Make a link Button component to open an URL instead of triggering a form action</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#buttoniconlink"><span class="std std-ref">IconLink</span></a></td>
-<td>&#64;param string $sIconClasses</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#buttoniconlink"><span class="std std-ref">IconLink</span></a></p></td>
+<td><p>&#64;param string $sIconClasses</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#buttondestructiveiconlink"><span class="std std-ref">DestructiveIconLink</span></a></td>
-<td>&#64;param string $sIconClasses</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="button-neutral">
-<span id="buttonneutral"></span><h3>Button Neutral<a class="headerlink" href="#button-neutral" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttondestructiveiconlink"><span class="std std-ref">DestructiveIconLink</span></a></p></td>
+<td><p>&#64;param string $sIconClasses</p></td>
 </tr>
 </tbody>
 </table>
+<section id="button-neutral">
+<span id="buttonneutral"></span><h3>Button Neutral<a class="headerlink" href="#button-neutral" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">N</span><span class="nv">eutral</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="13%" />
-<col width="13%" />
-<col width="18%" />
-<col width="10%" />
-<col width="46%" />
+<col style="width: 13%" />
+<col style="width: 13%" />
+<col style="width: 18%" />
+<col style="width: 10%" />
+<col style="width: 46%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See <a class="reference external" href="mailto:{&#37;&#52;&#48;link">{<span>&#64;</span>link</a> Button::$sName}</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See <a class="reference external" href="mailto:{&#37;&#52;&#48;link">{<span>&#64;</span>link</a> Button::$sName}</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-forprimaryaction">
-<span id="buttonforprimaryaction"></span><h3>Button ForPrimaryAction<a class="headerlink" href="#button-forprimaryaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-forprimaryaction">
+<span id="buttonforprimaryaction"></span><h3>Button ForPrimaryAction<a class="headerlink" href="#button-forprimaryaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orPrimaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-forsecondaryaction">
-<span id="buttonforsecondaryaction"></span><h3>Button ForSecondaryAction<a class="headerlink" href="#button-forsecondaryaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-forsecondaryaction">
+<span id="buttonforsecondaryaction"></span><h3>Button ForSecondaryAction<a class="headerlink" href="#button-forsecondaryaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orSecondaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-forpositiveaction">
-<span id="buttonforpositiveaction"></span><h3>Button ForPositiveAction<a class="headerlink" href="#button-forpositiveaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-forpositiveaction">
+<span id="buttonforpositiveaction"></span><h3>Button ForPositiveAction<a class="headerlink" href="#button-forpositiveaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orPositiveAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-fordestructiveaction">
-<span id="buttonfordestructiveaction"></span><h3>Button ForDestructiveAction<a class="headerlink" href="#button-fordestructiveaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-fordestructiveaction">
+<span id="buttonfordestructiveaction"></span><h3>Button ForDestructiveAction<a class="headerlink" href="#button-fordestructiveaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orDestructiveAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-alternativeneutral">
-<span id="buttonalternativeneutral"></span><h3>Button AlternativeNeutral<a class="headerlink" href="#button-alternativeneutral" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-alternativeneutral">
+<span id="buttonalternativeneutral"></span><h3>Button AlternativeNeutral<a class="headerlink" href="#button-alternativeneutral" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">A</span><span class="nv">lternativeNeutral</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-foralternativeprimaryaction">
-<span id="buttonforalternativeprimaryaction"></span><h3>Button ForAlternativePrimaryAction<a class="headerlink" href="#button-foralternativeprimaryaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-foralternativeprimaryaction">
+<span id="buttonforalternativeprimaryaction"></span><h3>Button ForAlternativePrimaryAction<a class="headerlink" href="#button-foralternativeprimaryaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativePrimaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-foralternativesecondaryaction">
-<span id="buttonforalternativesecondaryaction"></span><h3>Button ForAlternativeSecondaryAction<a class="headerlink" href="#button-foralternativesecondaryaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-foralternativesecondaryaction">
+<span id="buttonforalternativesecondaryaction"></span><h3>Button ForAlternativeSecondaryAction<a class="headerlink" href="#button-foralternativesecondaryaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativeSecondaryAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-foralternativevalidationaction">
-<span id="buttonforalternativevalidationaction"></span><h3>Button ForAlternativeValidationAction<a class="headerlink" href="#button-foralternativevalidationaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-foralternativevalidationaction">
+<span id="buttonforalternativevalidationaction"></span><h3>Button ForAlternativeValidationAction<a class="headerlink" href="#button-foralternativevalidationaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativeValidationAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-foralternativedestructiveaction">
-<span id="buttonforalternativedestructiveaction"></span><h3>Button ForAlternativeDestructiveAction<a class="headerlink" href="#button-foralternativedestructiveaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-foralternativedestructiveaction">
+<span id="buttonforalternativedestructiveaction"></span><h3>Button ForAlternativeDestructiveAction<a class="headerlink" href="#button-foralternativedestructiveaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orAlternativeDestructiveAction</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="19%" />
-<col width="12%" />
-<col width="36%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 12%" />
+<col style="width: 36%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-forcancel">
-<span id="buttonforcancel"></span><h3>Button ForCancel<a class="headerlink" href="#button-forcancel" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-forcancel">
+<span id="buttonforcancel"></span><h3>Button ForCancel<a class="headerlink" href="#button-forcancel" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">F</span><span class="nv">orCancel</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="19%" />
-<col width="14%" />
-<col width="18%" />
-<col width="12%" />
-<col width="37%" />
+<col style="width: 19%" />
+<col style="width: 14%" />
+<col style="width: 18%" />
+<col style="width: 12%" />
+<col style="width: 37%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sName</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sName</p></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>See Button::$sValue</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>See Button::$sValue</p></td>
 </tr>
-<tr class="row-even"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>See Button::$sType</td>
+<tr class="row-even"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td><p>See Button::$sType</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-iconaction">
-<span id="buttoniconaction"></span><h3>Button IconAction<a class="headerlink" href="#button-iconaction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-iconaction">
+<span id="buttoniconaction"></span><h3>Button IconAction<a class="headerlink" href="#button-iconaction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">I</span><span class="nv">conAction</span> <span class="o">{</span><span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTooltipText</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsSubmit</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="33%" />
-<col width="19%" />
-<col width="26%" />
-<col width="17%" />
-<col width="5%" />
+<col style="width: 33%" />
+<col style="width: 19%" />
+<col style="width: 26%" />
+<col style="width: 17%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sIconClasses</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sIconClasses</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sTooltipText</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sTooltipText</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>bIsSubmit</td>
-<td>bool</td>
-<td>optional</td>
-<td>false</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>bIsSubmit</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>false</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-linkneutral">
-<span id="buttonlinkneutral"></span><h3>Button LinkNeutral<a class="headerlink" href="#button-linkneutral" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-linkneutral">
+<span id="buttonlinkneutral"></span><h3>Button LinkNeutral<a class="headerlink" href="#button-linkneutral" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">L</span><span class="nv">inkNeutral</span> <span class="o">{</span><span class="nv">sURL</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTarget</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="34%" />
-<col width="20%" />
-<col width="27%" />
-<col width="15%" />
-<col width="5%" />
+<col style="width: 34%" />
+<col style="width: 20%" />
+<col style="width: 27%" />
+<col style="width: 15%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sURL</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sURL</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sLabel</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sIconClasses</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>sIconClasses</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sTarget</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sTarget</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-iconlink">
-<span id="buttoniconlink"></span><h3>Button IconLink<a class="headerlink" href="#button-iconlink" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-iconlink">
+<span id="buttoniconlink"></span><h3>Button IconLink<a class="headerlink" href="#button-iconlink" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">I</span><span class="nv">conLink</span> <span class="o">{</span><span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTooltipText</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sURL</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTarget</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="34%" />
-<col width="20%" />
-<col width="27%" />
-<col width="15%" />
-<col width="5%" />
+<col style="width: 34%" />
+<col style="width: 20%" />
+<col style="width: 27%" />
+<col style="width: 15%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sIconClasses</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sIconClasses</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sTooltipText</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sTooltipText</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sURL</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>sURL</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sTarget</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sTarget</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-destructiveiconlink">
-<span id="buttondestructiveiconlink"></span><h3>Button DestructiveIconLink<a class="headerlink" href="#button-destructiveiconlink" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="button-destructiveiconlink">
+<span id="buttondestructiveiconlink"></span><h3>Button DestructiveIconLink<a class="headerlink" href="#button-destructiveiconlink" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButton</span> <span class="p">D</span><span class="nv">estructiveIconLink</span> <span class="o">{</span><span class="nv">sIconClasses</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTooltipText</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sURL</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTarget</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 34%" />
+<col style="width: 20%" />
+<col style="width: 27%" />
+<col style="width: 15%" />
+<col style="width: 5%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sIconClasses</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sTooltipText</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sURL</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sTarget</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="button-common-parameters">
+<h3>Button common parameters<a class="headerlink" href="#button-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="34%" />
-<col width="20%" />
-<col width="27%" />
-<col width="15%" />
-<col width="5%" />
+<col style="width: 30%" />
+<col style="width: 8%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sIconClasses</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>ActionType</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sTooltipText</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-odd"><td>sURL</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sTarget</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="button-common-parameters">
-<h3>Button common parameters<a class="headerlink" href="#button-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="30%" />
-<col width="8%" />
-<col width="62%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>ActionType</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Color</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IconClass</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsDisabled</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-odd"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>JsCode</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>Color</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Label</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>OnClickJsCode</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>IconClass</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsDisabled</td>
-<td>bool</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-odd"><td>JsCode</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Label</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>OnClickJsCode</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Tooltip</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Tooltip</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/ButtonGroup/ButtonGroup.html b/.doc/UI/build/html/generated/Component/ButtonGroup/ButtonGroup.html
index 846d26724..a79a92caa 100644
--- a/.doc/UI/build/html/generated/Component/ButtonGroup/ButtonGroup.html
+++ b/.doc/UI/build/html/generated/Component/ButtonGroup/ButtonGroup.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>ButtonGroup &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>ButtonGroup &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -102,169 +105,154 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="buttongroup">
-<span id="id1"></span><h1>ButtonGroup<a class="headerlink" href="#buttongroup" title="Permalink to this headline">¶</a></h1>
+  <section id="buttongroup">
+<span id="id1"></span><h1>ButtonGroup<a class="headerlink" href="#buttongroup" title="Permalink to this headline"></a></h1>
 <p>Class ButtonGroup</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIButtonGroup</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIButtonGroup</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButtonGroup</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="40%" />
-<col width="60%" />
+<col style="width: 40%" />
+<col style="width: 60%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#buttongroupbuttonwithoptionsmenu"><span class="std std-ref">ButtonWithOptionsMenu</span></a></td>
-<td>Make a button that has a primary action ($oButton) but also an options menu ($oMenu) on the side</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="buttongroup-buttonwithoptionsmenu">
-<span id="buttongroupbuttonwithoptionsmenu"></span><h3>ButtonGroup ButtonWithOptionsMenu<a class="headerlink" href="#buttongroup-buttonwithoptionsmenu" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#buttongroupbuttonwithoptionsmenu"><span class="std std-ref">ButtonWithOptionsMenu</span></a></p></td>
+<td><p>Make a button that has a primary action ($oButton) but also an options menu ($oMenu) on the side</p></td>
 </tr>
 </tbody>
 </table>
+<section id="buttongroup-buttonwithoptionsmenu">
+<span id="buttongroupbuttonwithoptionsmenu"></span><h3>ButtonGroup ButtonWithOptionsMenu<a class="headerlink" href="#buttongroup-buttonwithoptionsmenu" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIButtonGroup</span> <span class="p">B</span><span class="nv">uttonWithOptionsMenu</span> <span class="o">{</span><span class="nv">oButton</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">oMenu</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 24%" />
+<col style="width: 35%" />
+<col style="width: 30%" />
+<col style="width: 5%" />
+<col style="width: 5%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>oButton</p></td>
+<td><p>Button</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>oMenu</p></td>
+<td><p>PopoverMenu</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="buttongroup-common-parameters">
+<h3>ButtonGroup common parameters<a class="headerlink" href="#buttongroup-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="24%" />
-<col width="35%" />
-<col width="30%" />
-<col width="5%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>oButton</td>
-<td>Button</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddButton</p></td>
+<td><p>Button</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>oMenu</td>
-<td>PopoverMenu</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddButtons</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="buttongroup-common-parameters">
-<h3>ButtonGroup common parameters<a class="headerlink" href="#buttongroup-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddButton</td>
-<td>Button</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>AddButtons</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddExtraBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddExtraBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>Buttons</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>Buttons</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
-</tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
-</tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/CollapsibleSection/CollapsibleSection.html b/.doc/UI/build/html/generated/Component/CollapsibleSection/CollapsibleSection.html
index a76a8c68c..95607e74d 100644
--- a/.doc/UI/build/html/generated/Component/CollapsibleSection/CollapsibleSection.html
+++ b/.doc/UI/build/html/generated/Component/CollapsibleSection/CollapsibleSection.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>CollapsibleSection &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>CollapsibleSection &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -102,177 +105,162 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="collapsiblesection">
-<span id="id1"></span><h1>CollapsibleSection<a class="headerlink" href="#collapsiblesection" title="Permalink to this headline">¶</a></h1>
+  <section id="collapsiblesection">
+<span id="id1"></span><h1>CollapsibleSection<a class="headerlink" href="#collapsiblesection" title="Permalink to this headline"></a></h1>
 <p>Class CollapsibleSection</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UICollapsibleSection</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UICollapsibleSection</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UICollapsibleSection</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUICollapsibleSection</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="79%" />
-<col width="21%" />
+<col style="width: 79%" />
+<col style="width: 21%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#collapsiblesectionstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="collapsiblesection-standard">
-<span id="collapsiblesectionstandard"></span><h3>CollapsibleSection Standard<a class="headerlink" href="#collapsiblesection-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#collapsiblesectionstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="collapsiblesection-standard">
+<span id="collapsiblesectionstandard"></span><h3>CollapsibleSection Standard<a class="headerlink" href="#collapsiblesection-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UICollapsibleSection</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUICollapsibleSection</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 23%" />
+<col style="width: 23%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="collapsiblesection-common-parameters">
+<h3>CollapsibleSection common parameters<a class="headerlink" href="#collapsiblesection-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="23%" />
-<col width="23%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="collapsiblesection-common-parameters">
-<h3>CollapsibleSection common parameters<a class="headerlink" href="#collapsiblesection-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>OpenedByDefault</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>OpenedByDefault</td>
-<td>bool</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Component.html b/.doc/UI/build/html/generated/Component/Component.html
index 4da99b8c5..c2eda504b 100644
--- a/.doc/UI/build/html/generated/Component/Component.html
+++ b/.doc/UI/build/html/generated/Component/Component.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>UI Components &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>UI Components &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="current reference internal" href="#">UI Components</a><ul>
 <li class="toctree-l2"><a class="reference internal" href="Alert/Alert.html">Alert</a></li>
@@ -92,11 +95,11 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="ui-components">
-<span id="components"></span><h1>UI Components<a class="headerlink" href="#ui-components" title="Permalink to this headline">¶</a></h1>
+  <section id="ui-components">
+<span id="components"></span><h1>UI Components<a class="headerlink" href="#ui-components" title="Permalink to this headline"></a></h1>
 <p>A UI component is a unitary block used to display information in iTop console.</p>
 <div class="toctree-wrapper compound">
-<p class="caption"><span class="caption-text">Components:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Components:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="Alert/Alert.html">Alert</a></li>
 <li class="toctree-l1"><a class="reference internal" href="Button/Button.html">Button</a></li>
@@ -118,7 +121,7 @@
 <li class="toctree-l1"><a class="reference internal" href="Toolbar/ToolbarSpacer/ToolbarSpacer.html">ToolbarSpacer</a></li>
 </ul>
 </div>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/DataTable/DataTable.html b/.doc/UI/build/html/generated/Component/DataTable/DataTable.html
index b6aa051f3..7a6e39705 100644
--- a/.doc/UI/build/html/generated/Component/DataTable/DataTable.html
+++ b/.doc/UI/build/html/generated/Component/DataTable/DataTable.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>DataTable &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>DataTable &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -107,547 +110,492 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="datatable">
-<span id="id1"></span><h1>DataTable<a class="headerlink" href="#datatable" title="Permalink to this headline">¶</a></h1>
+  <section id="datatable">
+<span id="id1"></span><h1>DataTable<a class="headerlink" href="#datatable" title="Permalink to this headline"></a></h1>
 <p>Class DataTable</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>Dynamic DataTable</p>
 <img alt="../../../_images/Datatable.png" src="../../../_images/Datatable.png" />
 <p>Static DataTable</p>
 <img alt="../../../_images/DatatableStatic.png" src="../../../_images/DatatableStatic.png" />
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIDataTable</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIDataTable</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="66%" />
-<col width="34%" />
+<col style="width: 66%" />
+<col style="width: 34%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#datatableforresult"><span class="std std-ref">ForResult</span></a></td>
-<td>&#64;param WebPage $oPage</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#datatableforresult"><span class="std std-ref">ForResult</span></a></p></td>
+<td><p>&#64;param WebPage $oPage</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#datatableforobject"><span class="std std-ref">ForObject</span></a></td>
-<td>&#64;param WebPage $oPage</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#datatableforobject"><span class="std std-ref">ForObject</span></a></p></td>
+<td><p>&#64;param WebPage $oPage</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#datatableforrendering"><span class="std std-ref">ForRendering</span></a></td>
-<td>Make a basis Panel component</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#datatableforrendering"><span class="std std-ref">ForRendering</span></a></p></td>
+<td><p>Make a basis Panel component</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#datatableforrenderingobject"><span class="std std-ref">ForRenderingObject</span></a></td>
-<td>&#64;param string $sListId</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#datatableforrenderingobject"><span class="std std-ref">ForRenderingObject</span></a></p></td>
+<td><p>&#64;param string $sListId</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#datatableforstaticdata"><span class="std std-ref">ForStaticData</span></a></td>
-<td>&#64;param string $sTitle</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#datatableforstaticdata"><span class="std std-ref">ForStaticData</span></a></p></td>
+<td><p>&#64;param string $sTitle</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#datatableforform"><span class="std std-ref">ForForm</span></a></td>
-<td>&#64;param string $sRef</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="datatable-forresult">
-<span id="datatableforresult"></span><h3>DataTable ForResult<a class="headerlink" href="#datatable-forresult" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p><a class="reference internal" href="#datatableforform"><span class="std std-ref">ForForm</span></a></p></td>
+<td><p>&#64;param string $sRef</p></td>
 </tr>
 </tbody>
 </table>
+<section id="datatable-forresult">
+<span id="datatableforresult"></span><h3>DataTable ForResult<a class="headerlink" href="#datatable-forresult" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">F</span><span class="nv">orResult</span> <span class="o">{</span><span class="nv">oPage</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sListId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oSet</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">aExtraParams</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="28%" />
-<col width="26%" />
-<col width="22%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 28%" />
+<col style="width: 26%" />
+<col style="width: 22%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>oPage</td>
-<td>WebPage</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>oPage</p></td>
+<td><p>WebPage</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sListId</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sListId</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>oSet</td>
-<td>DBObjectSet</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>oSet</p></td>
+<td><p>DBObjectSet</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>aExtraParams</td>
-<td>&#160;</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="datatable-forobject">
-<span id="datatableforobject"></span><h3>DataTable ForObject<a class="headerlink" href="#datatable-forobject" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>aExtraParams</p></td>
+<td></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="datatable-forobject">
+<span id="datatableforobject"></span><h3>DataTable ForObject<a class="headerlink" href="#datatable-forobject" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">F</span><span class="nv">orObject</span> <span class="o">{</span><span class="nv">oPage</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sListId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oSet</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">aExtraParams</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="28%" />
-<col width="26%" />
-<col width="22%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 28%" />
+<col style="width: 26%" />
+<col style="width: 22%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>oPage</td>
-<td>WebPage</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>oPage</p></td>
+<td><p>WebPage</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sListId</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sListId</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>oSet</td>
-<td>DBObjectSet</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>oSet</p></td>
+<td><p>DBObjectSet</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>aExtraParams</td>
-<td>&#160;</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="datatable-forrendering">
-<span id="datatableforrendering"></span><h3>DataTable ForRendering<a class="headerlink" href="#datatable-forrendering" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>aExtraParams</p></td>
+<td></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="datatable-forrendering">
+<span id="datatableforrendering"></span><h3>DataTable ForRendering<a class="headerlink" href="#datatable-forrendering" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">F</span><span class="nv">orRendering</span> <span class="o">{</span><span class="nv">sListId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oSet</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">aExtraParams</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="28%" />
-<col width="26%" />
-<col width="22%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 28%" />
+<col style="width: 26%" />
+<col style="width: 22%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sListId</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sListId</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>oSet</td>
-<td>DBObjectSet</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>oSet</p></td>
+<td><p>DBObjectSet</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>aExtraParams</td>
-<td>&#160;</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="datatable-forrenderingobject">
-<span id="datatableforrenderingobject"></span><h3>DataTable ForRenderingObject<a class="headerlink" href="#datatable-forrenderingobject" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>aExtraParams</p></td>
+<td></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="datatable-forrenderingobject">
+<span id="datatableforrenderingobject"></span><h3>DataTable ForRenderingObject<a class="headerlink" href="#datatable-forrenderingobject" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">F</span><span class="nv">orRenderingObject</span> <span class="o">{</span><span class="nv">sListId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oSet</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">aExtraParams</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="28%" />
-<col width="26%" />
-<col width="22%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 28%" />
+<col style="width: 26%" />
+<col style="width: 22%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sListId</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sListId</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>oSet</td>
-<td>DBObjectSet</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>oSet</p></td>
+<td><p>DBObjectSet</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>aExtraParams</td>
-<td>&#160;</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="datatable-forstaticdata">
-<span id="datatableforstaticdata"></span><h3>DataTable ForStaticData<a class="headerlink" href="#datatable-forstaticdata" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>aExtraParams</p></td>
+<td></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="datatable-forstaticdata">
+<span id="datatableforstaticdata"></span><h3>DataTable ForStaticData<a class="headerlink" href="#datatable-forstaticdata" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">F</span><span class="nv">orStaticData</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aColumns</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">},</span> <span class="nv">aData</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">},</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aExtraParams</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">},</span> <span class="nv">sFilter</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aOptions</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="31%" />
-<col width="18%" />
-<col width="24%" />
-<col width="22%" />
-<col width="4%" />
+<col style="width: 31%" />
+<col style="width: 18%" />
+<col style="width: 24%" />
+<col style="width: 22%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>aColumns</td>
-<td>array</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>aColumns</p></td>
+<td><p>array</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>aData</td>
-<td>array</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>aData</p></td>
+<td><p>array</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>aExtraParams</td>
-<td>array</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>aExtraParams</p></td>
+<td><p>array</p></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sFilter</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sFilter</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>aOptions</td>
-<td>array</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="datatable-forform">
-<span id="datatableforform"></span><h3>DataTable ForForm<a class="headerlink" href="#datatable-forform" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>aOptions</p></td>
+<td><p>array</p></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="datatable-forform">
+<span id="datatableforform"></span><h3>DataTable ForForm<a class="headerlink" href="#datatable-forform" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIDataTable</span> <span class="p">F</span><span class="nv">orForm</span> <span class="o">{</span><span class="nv">sRef</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aColumns</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">},</span> <span class="nv">aData</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">},</span> <span class="nv">sFilter</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIDataTable</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 24%" />
+<col style="width: 20%" />
+<col style="width: 27%" />
+<col style="width: 24%" />
+<col style="width: 5%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sRef</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>aColumns</p></td>
+<td><p>array</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>aData</p></td>
+<td><p>array</p></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sFilter</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="datatable-common-parameters">
+<h3>DataTable common parameters<a class="headerlink" href="#datatable-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="24%" />
-<col width="20%" />
-<col width="27%" />
-<col width="24%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sRef</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>aColumns</td>
-<td>array</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>aData</td>
-<td>array</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sFilter</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="datatable-common-parameters">
-<h3>DataTable common parameters<a class="headerlink" href="#datatable-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AjaxData</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AjaxUrl</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>AjaxData</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AjaxUrl</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DisplayColumns</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>InitDisplayData</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>JSRefresh</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DisplayColumns</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>Options</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>InitDisplayData</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>ResultColumns</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>JSRefresh</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>Options</td>
-<td>&#160;</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>ResultColumns</td>
-<td>&#160;</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
 <p>The columns (<em>aColumns</em>) have the following format:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">[</span>
-<span class="x">    &#39;nameField1&#39; =&gt; [&#39;label&#39; =&gt; labelField1, &#39;description&#39; =&gt; descriptionField1],</span>
-<span class="x">    ...</span>
-<span class="x">]</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="p">[</span>
+    <span class="s1">&#39;nameField1&#39;</span> <span class="o">=&gt;</span> <span class="p">[</span><span class="s1">&#39;label&#39;</span> <span class="o">=&gt;</span> <span class="nx">labelField1</span><span class="p">,</span> <span class="s1">&#39;description&#39;</span> <span class="o">=&gt;</span> <span class="nx">descriptionField1</span><span class="p">],</span>
+    <span class="o">...</span>
+<span class="p">]</span>
 </pre></div>
 </div>
 <p>The data (<em>aData</em>) format has to be:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">[</span>
-<span class="x">    [&#39;nameField1&#39; =&gt; valueField1, &#39;nameField2&#39; =&gt; valueField2, ...],</span>
-<span class="x">    ...</span>
-<span class="x">]</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="p">[</span>
+    <span class="p">[</span><span class="s1">&#39;nameField1&#39;</span> <span class="o">=&gt;</span> <span class="nx">valueField1</span><span class="p">,</span> <span class="s1">&#39;nameField2&#39;</span> <span class="o">=&gt;</span> <span class="nx">valueField2</span><span class="p">,</span> <span class="o">...</span><span class="p">],</span>
+    <span class="o">...</span>
+<span class="p">]</span>
 </pre></div>
 </div>
-</div>
-</div>
+</section>
+</section>
 <hr class="docutils" />
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Field/Field.html b/.doc/UI/build/html/generated/Component/Field/Field.html
index 136deac36..08057787a 100644
--- a/.doc/UI/build/html/generated/Component/Field/Field.html
+++ b/.doc/UI/build/html/generated/Component/Field/Field.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Field &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Field &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -106,457 +109,403 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="field">
-<span id="id1"></span><h1>Field<a class="headerlink" href="#field" title="Permalink to this headline">¶</a></h1>
+  <section id="field">
+<span id="id1"></span><h1>Field<a class="headerlink" href="#field" title="Permalink to this headline"></a></h1>
 <p>Class Field</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Example Fields:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Example Fields</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/Field.png" src="../../../_images/Field.png" />
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIField</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIField</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="76%" />
-<col width="24%" />
+<col style="width: 76%" />
+<col style="width: 24%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#fieldfromparams"><span class="std std-ref">FromParams</span></a></td>
-<td>No comment</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#fieldfromparams"><span class="std std-ref">FromParams</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#fieldfromobject"><span class="std std-ref">FromObject</span></a></td>
-<td>No comment</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#fieldfromobject"><span class="std std-ref">FromObject</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#fieldlarge"><span class="std std-ref">Large</span></a></td>
-<td>No comment</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#fieldlarge"><span class="std std-ref">Large</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#fieldsmall"><span class="std std-ref">Small</span></a></td>
-<td>No comment</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#fieldsmall"><span class="std std-ref">Small</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#fieldstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="field-fromparams">
-<span id="fieldfromparams"></span><h3>Field FromParams<a class="headerlink" href="#field-fromparams" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#fieldstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="field-fromparams">
+<span id="fieldfromparams"></span><h3>Field FromParams<a class="headerlink" href="#field-fromparams" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">F</span><span class="nv">romParams</span> <span class="o">{</span><span class="nv">aParams</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="35%" />
-<col width="8%" />
-<col width="42%" />
-<col width="8%" />
-<col width="8%" />
+<col style="width: 35%" />
+<col style="width: 8%" />
+<col style="width: 42%" />
+<col style="width: 8%" />
+<col style="width: 8%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>aParams</td>
-<td>&#160;</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="field-fromobject">
-<span id="fieldfromobject"></span><h3>Field FromObject<a class="headerlink" href="#field-fromobject" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p>aParams</p></td>
+<td></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="field-fromobject">
+<span id="fieldfromobject"></span><h3>Field FromObject<a class="headerlink" href="#field-fromobject" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">F</span><span class="nv">romObject</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oInput</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sLayout</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="24%" />
-<col width="24%" />
-<col width="30%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 24%" />
+<col style="width: 24%" />
+<col style="width: 30%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>oInput</td>
-<td>UIBlock</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>oInput</p></td>
+<td><p>UIBlock</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sLayout</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="field-large">
-<span id="fieldlarge"></span><h3>Field Large<a class="headerlink" href="#field-large" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sLayout</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="field-large">
+<span id="fieldlarge"></span><h3>Field Large<a class="headerlink" href="#field-large" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">L</span><span class="nv">arge</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValueHtml</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="32%" />
-<col width="22%" />
-<col width="30%" />
-<col width="11%" />
-<col width="5%" />
+<col style="width: 32%" />
+<col style="width: 22%" />
+<col style="width: 30%" />
+<col style="width: 11%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sValueHtml</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="field-small">
-<span id="fieldsmall"></span><h3>Field Small<a class="headerlink" href="#field-small" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sValueHtml</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="field-small">
+<span id="fieldsmall"></span><h3>Field Small<a class="headerlink" href="#field-small" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">mall</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValueHtml</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="32%" />
-<col width="22%" />
-<col width="30%" />
-<col width="11%" />
-<col width="5%" />
+<col style="width: 32%" />
+<col style="width: 22%" />
+<col style="width: 30%" />
+<col style="width: 11%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sValueHtml</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="field-standard">
-<span id="fieldstandard"></span><h3>Field Standard<a class="headerlink" href="#field-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sValueHtml</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="field-standard">
+<span id="fieldstandard"></span><h3>Field Standard<a class="headerlink" href="#field-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sLayout</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIField</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 24%" />
+<col style="width: 21%" />
+<col style="width: 26%" />
+<col style="width: 24%" />
+<col style="width: 5%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘’</p></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sLayout</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘small’</p></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="field-common-parameters">
+<h3>Field common parameters<a class="headerlink" href="#field-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="24%" />
-<col width="21%" />
-<col width="26%" />
-<col width="24%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>optional</td>
-<td>‘’</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sLayout</td>
-<td>string</td>
-<td>optional</td>
-<td>‘small’</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="field-common-parameters">
-<h3>Field common parameters<a class="headerlink" href="#field-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AttCode</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AttLabel</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AttType</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AttCode</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AttLabel</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Comments</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AttType</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>Comments</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>InputId</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-even"><td><p>InputType</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-odd"><td>InputId</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsMandatory</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>InputType</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsReadOnly</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-even"><td><p>IsSlave</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>IsMandatory</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>Label</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsReadOnly</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Layout</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>IsSlave</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>MustChange</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>Label</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>MustPrompt</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>Layout</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>MustChange</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Value</p></td>
+<td><p>UIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>MustPrompt</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>ValueId</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Value</td>
-<td>UIBlock</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>ValueId</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>ValueRaw</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>ValueRaw</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Related Tag:</th><td class="field-body"><a class="reference internal" href="../FieldSet/FieldSet.html#fieldset"><span class="std std-ref">FieldSet</span></a></td>
-</tr>
-</tbody>
-</table>
-</div>
-</div>
+<dl class="field-list simple">
+<dt class="field-odd">Related Tag</dt>
+<dd class="field-odd"><p><a class="reference internal" href="../FieldSet/FieldSet.html#fieldset"><span class="std std-ref">FieldSet</span></a></p>
+</dd>
+</dl>
+</section>
+</section>
 <hr class="docutils" />
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>Example to generate a Field</p>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">mall</span> <span class="o">{</span><span class="nv">sLabel</span><span class="o">:</span> <span class="s2">&quot;Product&quot;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    iTop</span>
@@ -565,8 +514,8 @@
 </div>
 <p>The result:</p>
 <img alt="../../../_images/Field.png" src="../../../_images/Field.png" />
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/FieldBadge/FieldBadge.html b/.doc/UI/build/html/generated/Component/FieldBadge/FieldBadge.html
index b97af76d1..a88874b7d 100644
--- a/.doc/UI/build/html/generated/Component/FieldBadge/FieldBadge.html
+++ b/.doc/UI/build/html/generated/Component/FieldBadge/FieldBadge.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>FieldBadge &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>FieldBadge &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -102,173 +105,158 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="fieldbadge">
-<span id="id1"></span><h1>FieldBadge<a class="headerlink" href="#fieldbadge" title="Permalink to this headline">¶</a></h1>
+  <section id="fieldbadge">
+<span id="id1"></span><h1>FieldBadge<a class="headerlink" href="#fieldbadge" title="Permalink to this headline"></a></h1>
 <p>Class FieldBadge</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIFieldBadge</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIFieldBadge</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIFieldBadge</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIFieldBadge</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="62%" />
-<col width="38%" />
+<col style="width: 62%" />
+<col style="width: 38%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#fieldbadgeforfield"><span class="std std-ref">ForField</span></a></td>
-<td>&#64;param string $sValue</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="fieldbadge-forfield">
-<span id="fieldbadgeforfield"></span><h3>FieldBadge ForField<a class="headerlink" href="#fieldbadge-forfield" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#fieldbadgeforfield"><span class="std std-ref">ForField</span></a></p></td>
+<td><p>&#64;param string $sValue</p></td>
 </tr>
 </tbody>
 </table>
+<section id="fieldbadge-forfield">
+<span id="fieldbadgeforfield"></span><h3>FieldBadge ForField<a class="headerlink" href="#fieldbadge-forfield" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIFieldBadge</span> <span class="p">F</span><span class="nv">orField</span> <span class="o">{</span><span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">oStyle</span><span class="o">:</span><span class="nv">value</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIFieldBadge</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 24%" />
+<col style="width: 30%" />
+<col style="width: 33%" />
+<col style="width: 6%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>oStyle</p></td>
+<td><p>ormStyle</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="fieldbadge-common-parameters">
+<h3>FieldBadge common parameters<a class="headerlink" href="#fieldbadge-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="24%" />
-<col width="30%" />
-<col width="33%" />
-<col width="6%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>oStyle</td>
-<td>ormStyle</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="fieldbadge-common-parameters">
-<h3>FieldBadge common parameters<a class="headerlink" href="#fieldbadge-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/FieldSet/FieldSet.html b/.doc/UI/build/html/generated/Component/FieldSet/FieldSet.html
index 3d478bf16..be981d9ca 100644
--- a/.doc/UI/build/html/generated/Component/FieldSet/FieldSet.html
+++ b/.doc/UI/build/html/generated/Component/FieldSet/FieldSet.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>FieldSet &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>FieldSet &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -102,199 +105,176 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="fieldset">
-<span id="id1"></span><h1>FieldSet<a class="headerlink" href="#fieldset" title="Permalink to this headline">¶</a></h1>
+  <section id="fieldset">
+<span id="id1"></span><h1>FieldSet<a class="headerlink" href="#fieldset" title="Permalink to this headline"></a></h1>
 <p>Class FieldSet</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">Example FieldSets:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Example FieldSets</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/FieldSet.png" src="../../../_images/FieldSet.png" />
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIFieldSet</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIFieldSet</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIFieldSet</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIFieldSet</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="75%" />
-<col width="25%" />
+<col style="width: 75%" />
+<col style="width: 25%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#fieldsetstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="fieldset-standard">
-<span id="fieldsetstandard"></span><h3>FieldSet Standard<a class="headerlink" href="#fieldset-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#fieldsetstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="fieldset-standard">
+<span id="fieldsetstandard"></span><h3>FieldSet Standard<a class="headerlink" href="#fieldset-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIFieldSet</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sLegend</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIFieldSet</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 25%" />
+<col style="width: 22%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sLegend</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="fieldset-common-parameters">
+<h3>FieldSet common parameters<a class="headerlink" href="#fieldset-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="25%" />
-<col width="22%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLegend</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="fieldset-common-parameters">
-<h3>FieldSet common parameters<a class="headerlink" href="#fieldset-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Related Tag:</th><td class="field-body"><a class="reference internal" href="../Field/Field.html#field"><span class="std std-ref">Field</span></a></td>
-</tr>
-</tbody>
-</table>
-</div>
-</div>
+<dl class="field-list simple">
+<dt class="field-odd">Related Tag</dt>
+<dd class="field-odd"><p><a class="reference internal" href="../Field/Field.html#field"><span class="std std-ref">Field</span></a></p>
+</dd>
+</dl>
+</section>
+</section>
 <hr class="docutils" />
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>Example to generate a FieldSet:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">{% UIFieldSet Standard {sLegend: &quot;iTop environment&quot;} %}</span>
-<span class="x">    {% UIField ... %}</span>
-<span class="x">    ...</span>
-<span class="x">{% EndUIFieldSet %}</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="p">{</span><span class="o">%</span> <span class="nx">UIFieldSet</span> <span class="nx">Standard</span> <span class="p">{</span><span class="nx">sLegend</span><span class="o">:</span> <span class="s2">&quot;iTop environment&quot;</span><span class="p">}</span> <span class="o">%</span><span class="p">}</span>
+    <span class="p">{</span><span class="o">%</span> <span class="nx">UIField</span> <span class="o">...</span> <span class="o">%</span><span class="p">}</span>
+    <span class="o">...</span>
+<span class="p">{</span><span class="o">%</span> <span class="nx">EndUIFieldSet</span> <span class="o">%</span><span class="p">}</span>
 </pre></div>
 </div>
 <p>The result:</p>
 <img alt="../../../_images/FieldSet-explained.png" src="../../../_images/FieldSet-explained.png" />
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Form/Form.html b/.doc/UI/build/html/generated/Component/Form/Form.html
index 0f35d9647..a3df4a2c4 100644
--- a/.doc/UI/build/html/generated/Component/Form/Form.html
+++ b/.doc/UI/build/html/generated/Component/Form/Form.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Form &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Form &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -102,175 +105,160 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="form">
-<span id="id1"></span><h1>Form<a class="headerlink" href="#form" title="Permalink to this headline">¶</a></h1>
+  <section id="form">
+<span id="id1"></span><h1>Form<a class="headerlink" href="#form" title="Permalink to this headline"></a></h1>
 <p>Class Form</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIForm</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIForm</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIForm</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIForm</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="73%" />
-<col width="27%" />
+<col style="width: 73%" />
+<col style="width: 27%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#formstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="form-standard">
-<span id="formstandard"></span><h3>Form Standard<a class="headerlink" href="#form-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#formstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="form-standard">
+<span id="formstandard"></span><h3>Form Standard<a class="headerlink" href="#form-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIForm</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIForm</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 16%" />
+<col style="width: 26%" />
+<col style="width: 32%" />
+<col style="width: 19%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="form-common-parameters">
+<h3>Form common parameters<a class="headerlink" href="#form-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="16%" />
-<col width="26%" />
-<col width="32%" />
-<col width="19%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>Action</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="form-common-parameters">
-<h3>Form common parameters<a class="headerlink" href="#form-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>Action</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-odd"><td><p>OnSubmitJsCode</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>OnSubmitJsCode</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Input/FileSelect/FileSelect.html b/.doc/UI/build/html/generated/Component/Input/FileSelect/FileSelect.html
index a54652dcc..dd512f8f3 100644
--- a/.doc/UI/build/html/generated/Component/Input/FileSelect/FileSelect.html
+++ b/.doc/UI/build/html/generated/Component/Input/FileSelect/FileSelect.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>FileSelect &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>FileSelect &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
@@ -102,165 +105,150 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="fileselect">
-<span id="id1"></span><h1>FileSelect<a class="headerlink" href="#fileselect" title="Permalink to this headline">¶</a></h1>
+  <section id="fileselect">
+<span id="id1"></span><h1>FileSelect<a class="headerlink" href="#fileselect" title="Permalink to this headline"></a></h1>
 <p>Class FileSelect</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIFileSelect</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIFileSelect</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIFileSelect</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="76%" />
-<col width="24%" />
+<col style="width: 76%" />
+<col style="width: 24%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#fileselectstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="fileselect-standard">
-<span id="fileselectstandard"></span><h3>FileSelect Standard<a class="headerlink" href="#fileselect-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#fileselectstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="fileselect-standard">
+<span id="fileselectstandard"></span><h3>FileSelect Standard<a class="headerlink" href="#fileselect-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIFileSelect</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 21%" />
+<col style="width: 24%" />
+<col style="width: 32%" />
+<col style="width: 18%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="fileselect-common-parameters">
+<h3>FileSelect common parameters<a class="headerlink" href="#fileselect-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="21%" />
-<col width="24%" />
-<col width="32%" />
-<col width="18%" />
-<col width="6%" />
+<col style="width: 30%" />
+<col style="width: 8%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sName</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="fileselect-common-parameters">
-<h3>FileSelect common parameters<a class="headerlink" href="#fileselect-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="30%" />
-<col width="8%" />
-<col width="62%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>ButtonText</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>ButtonText</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>FileName</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-odd"><td>FileName</td>
-<td>&#160;</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-odd"><td>ShowFilename</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>ShowFilename</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Input/Input.html b/.doc/UI/build/html/generated/Component/Input/Input.html
index 885675cf5..dd507b926 100644
--- a/.doc/UI/build/html/generated/Component/Input/Input.html
+++ b/.doc/UI/build/html/generated/Component/Input/Input.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Input &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Input &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -104,317 +107,286 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="input">
-<span id="id1"></span><h1>Input<a class="headerlink" href="#input" title="Permalink to this headline">¶</a></h1>
+  <section id="input">
+<span id="id1"></span><h1>Input<a class="headerlink" href="#input" title="Permalink to this headline"></a></h1>
 <p>Class Input</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIInput</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIInput</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIInput</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="38%" />
-<col width="62%" />
+<col style="width: 38%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#inputforhidden"><span class="std std-ref">ForHidden</span></a></td>
-<td>No comment</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#inputforhidden"><span class="std std-ref">ForHidden</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#inputstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#inputstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#inputforinputwithlabel"><span class="std std-ref">ForInputWithLabel</span></a></td>
-<td>&#64;see Field component that is better adapter when dealing with a standard iTop form</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="input-forhidden">
-<span id="inputforhidden"></span><h3>Input ForHidden<a class="headerlink" href="#input-forhidden" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#inputforinputwithlabel"><span class="std std-ref">ForInputWithLabel</span></a></p></td>
+<td><p>&#64;see Field component that is better adapter when dealing with a standard iTop form</p></td>
 </tr>
 </tbody>
 </table>
+<section id="input-forhidden">
+<span id="inputforhidden"></span><h3>Input ForHidden<a class="headerlink" href="#input-forhidden" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIInput</span> <span class="p">F</span><span class="nv">orHidden</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="23%" />
-<col width="23%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 23%" />
+<col style="width: 23%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sName</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sValue</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="input-standard">
-<span id="inputstandard"></span><h3>Input Standard<a class="headerlink" href="#input-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="input-standard">
+<span id="inputstandard"></span><h3>Input Standard<a class="headerlink" href="#input-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIInput</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sType</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="23%" />
-<col width="23%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 23%" />
+<col style="width: 23%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sType</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sType</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sName</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="input-forinputwithlabel">
-<span id="inputforinputwithlabel"></span><h3>Input ForInputWithLabel<a class="headerlink" href="#input-forinputwithlabel" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="input-forinputwithlabel">
+<span id="inputforinputwithlabel"></span><h3>Input ForInputWithLabel<a class="headerlink" href="#input-forinputwithlabel" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIInput</span> <span class="p">F</span><span class="nv">orInputWithLabel</span> <span class="o">{</span><span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sInputName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sInputValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sInputId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sInputType</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 31%" />
+<col style="width: 19%" />
+<col style="width: 26%" />
+<col style="width: 19%" />
+<col style="width: 5%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sInputName</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sInputValue</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sInputId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sInputType</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘type’</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="input-common-parameters">
+<h3>Input common parameters<a class="headerlink" href="#input-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="31%" />
-<col width="19%" />
-<col width="26%" />
-<col width="19%" />
-<col width="5%" />
+<col style="width: 30%" />
+<col style="width: 8%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sInputName</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>sInputValue</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sInputId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sInputType</td>
-<td>string</td>
-<td>optional</td>
-<td>‘type’</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="input-common-parameters">
-<h3>Input common parameters<a class="headerlink" href="#input-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="30%" />
-<col width="8%" />
-<col width="62%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsChecked</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsDisabled</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>IsReadonly</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-even"><td><p>Label</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>IsChecked</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>Name</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsDisabled</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Placeholder</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-odd"><td><p>Type</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsReadonly</td>
-<td>bool</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Label</td>
-<td>&#160;</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>Name</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Placeholder</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>Type</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Value</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Value</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Input/Select/Select.html b/.doc/UI/build/html/generated/Component/Input/Select/Select.html
index 79affb810..bb47097fc 100644
--- a/.doc/UI/build/html/generated/Component/Input/Select/Select.html
+++ b/.doc/UI/build/html/generated/Component/Input/Select/Select.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Select &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Select &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
@@ -103,253 +106,230 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="select">
-<span id="id1"></span><h1>Select<a class="headerlink" href="#select" title="Permalink to this headline">¶</a></h1>
+  <section id="select">
+<span id="id1"></span><h1>Select<a class="headerlink" href="#select" title="Permalink to this headline"></a></h1>
 <p>Class Select</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UISelect</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UISelect</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="60%" />
-<col width="40%" />
+<col style="width: 60%" />
+<col style="width: 40%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#selectforselect"><span class="std std-ref">ForSelect</span></a></td>
-<td>Create a default Select input</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#selectforselect"><span class="std std-ref">ForSelect</span></a></p></td>
+<td><p>Create a default Select input</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#selectforselectwithlabel"><span class="std std-ref">ForSelectWithLabel</span></a></td>
-<td>Create a Select input with a label</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="select-forselect">
-<span id="selectforselect"></span><h3>Select ForSelect<a class="headerlink" href="#select-forselect" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p><a class="reference internal" href="#selectforselectwithlabel"><span class="std std-ref">ForSelectWithLabel</span></a></p></td>
+<td><p>Create a Select input with a label</p></td>
 </tr>
 </tbody>
 </table>
+<section id="select-forselect">
+<span id="selectforselect"></span><h3>Select ForSelect<a class="headerlink" href="#select-forselect" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">F</span><span class="nv">orSelect</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="12%" />
-<col width="14%" />
-<col width="19%" />
-<col width="11%" />
-<col width="44%" />
+<col style="width: 12%" />
+<col style="width: 14%" />
+<col style="width: 19%" />
+<col style="width: 11%" />
+<col style="width: 44%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sName</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>Input name for the form</td>
+<tbody>
+<tr class="row-odd"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td><p>Input name for the form</p></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>$sId</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="select-forselectwithlabel">
-<span id="selectforselectwithlabel"></span><h3>Select ForSelectWithLabel<a class="headerlink" href="#select-forselectwithlabel" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>$sId</p></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="select-forselectwithlabel">
+<span id="selectforselectwithlabel"></span><h3>Select ForSelectWithLabel<a class="headerlink" href="#select-forselectwithlabel" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISelect</span> <span class="p">F</span><span class="nv">orSelectWithLabel</span> <span class="o">{</span><span class="nv">sName</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUISelect</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 9%" />
+<col style="width: 9%" />
+<col style="width: 13%" />
+<col style="width: 7%" />
+<col style="width: 62%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sName</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td><p>Input name for the form</p></td>
+</tr>
+<tr class="row-even"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td><p>Label to display with the input (null for no label)</p></td>
+</tr>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td><p>$sId</p></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="select-common-parameters">
+<h3>Select common parameters<a class="headerlink" href="#select-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="9%" />
-<col width="9%" />
-<col width="13%" />
-<col width="7%" />
-<col width="62%" />
+<col style="width: 28%" />
+<col style="width: 14%" />
+<col style="width: 58%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sName</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>Input name for the form</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>Label to display with the input (null for no label)</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>$sId</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="select-common-parameters">
-<h3>Select common parameters<a class="headerlink" href="#select-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="28%" />
-<col width="14%" />
-<col width="58%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddOption</p></td>
+<td><p>SelectOption</p></td>
+<td><p>Select option UIBlock</p></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddOption</td>
-<td>SelectOption</td>
-<td>Select option UIBlock</td>
+<tr class="row-even"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsLabelBefore</p></td>
+<td><p>bool</p></td>
+<td><p>If true the label will be positioned before the input</p></td>
 </tr>
-<tr class="row-odd"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsMultiple</p></td>
+<td><p>bool</p></td>
+<td><p>Allow multiple selection</p></td>
 </tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-odd"><td><p>Label</p></td>
+<td><p>string</p></td>
+<td><p>Label to display with the input (null for no label)</p></td>
 </tr>
-<tr class="row-odd"><td>IsLabelBefore</td>
-<td>bool</td>
-<td>If true the label will be positioned before the input</td>
+<tr class="row-even"><td><p>Name</p></td>
+<td><p>string</p></td>
+<td><p>Input name for the form</p></td>
 </tr>
-<tr class="row-even"><td>IsMultiple</td>
-<td>bool</td>
-<td>Allow multiple selection</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>Label</td>
-<td>string</td>
-<td>Label to display with the input (null for no label)</td>
-</tr>
-<tr class="row-even"><td>Name</td>
-<td>string</td>
-<td>Input name for the form</td>
-</tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>SubmitOnChange</td>
-<td>bool</td>
-<td>if true submit the form as soon as a change is detected</td>
+<tr class="row-even"><td><p>SubmitOnChange</p></td>
+<td><p>bool</p></td>
+<td><p>if true submit the form as soon as a change is detected</p></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Input/Select/SelectOption.html b/.doc/UI/build/html/generated/Component/Input/Select/SelectOption.html
index 0ad9bbf75..1f9700501 100644
--- a/.doc/UI/build/html/generated/Component/Input/Select/SelectOption.html
+++ b/.doc/UI/build/html/generated/Component/Input/Select/SelectOption.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>SelectOption &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>SelectOption &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
@@ -102,181 +105,166 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="selectoption">
-<span id="id1"></span><h1>SelectOption<a class="headerlink" href="#selectoption" title="Permalink to this headline">¶</a></h1>
+  <section id="selectoption">
+<span id="id1"></span><h1>SelectOption<a class="headerlink" href="#selectoption" title="Permalink to this headline"></a></h1>
 <p>Class SelectOption</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UISelectOption</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UISelectOption</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISelectOption</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="82%" />
-<col width="18%" />
+<col style="width: 82%" />
+<col style="width: 18%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#selectoptionforselectoption"><span class="std std-ref">ForSelectOption</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="selectoption-forselectoption">
-<span id="selectoptionforselectoption"></span><h3>SelectOption ForSelectOption<a class="headerlink" href="#selectoption-forselectoption" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#selectoptionforselectoption"><span class="std std-ref">ForSelectOption</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="selectoption-forselectoption">
+<span id="selectoptionforselectoption"></span><h3>SelectOption ForSelectOption<a class="headerlink" href="#selectoption-forselectoption" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISelectOption</span> <span class="p">F</span><span class="nv">orSelectOption</span> <span class="o">{</span><span class="nv">sValue</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sLabel</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bSelected</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sValue</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sLabel</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>bSelected</p></td>
+<td><p>bool</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="selectoption-common-parameters">
+<h3>SelectOption common parameters<a class="headerlink" href="#selectoption-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 30%" />
+<col style="width: 8%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sValue</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sLabel</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>bSelected</td>
-<td>bool</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="selectoption-common-parameters">
-<h3>SelectOption common parameters<a class="headerlink" href="#selectoption-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="30%" />
-<col width="8%" />
-<col width="62%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Disabled</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>Label</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>Selected</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>Disabled</td>
-<td>bool</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>Label</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>Selected</td>
-<td>bool</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Value</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Value</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Panel/Panel.html b/.doc/UI/build/html/generated/Component/Panel/Panel.html
index 699ecbfcd..93e48acfa 100644
--- a/.doc/UI/build/html/generated/Component/Panel/Panel.html
+++ b/.doc/UI/build/html/generated/Component/Panel/Panel.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Panel &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Panel &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -110,659 +113,580 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="panel">
-<span id="id1"></span><h1>Panel<a class="headerlink" href="#panel" title="Permalink to this headline">¶</a></h1>
+  <section id="panel">
+<span id="id1"></span><h1>Panel<a class="headerlink" href="#panel" title="Permalink to this headline"></a></h1>
 <p>Class Panel</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIPanel</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIPanel</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="52%" />
-<col width="48%" />
+<col style="width: 52%" />
+<col style="width: 48%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#panelneutral"><span class="std std-ref">Neutral</span></a></td>
-<td>Make a basis Panel component</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#panelneutral"><span class="std std-ref">Neutral</span></a></p></td>
+<td><p>Make a basis Panel component</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#panelforinformation"><span class="std std-ref">ForInformation</span></a></td>
-<td>Make a Panel component for informational messages</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#panelforinformation"><span class="std std-ref">ForInformation</span></a></p></td>
+<td><p>Make a Panel component for informational messages</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#panelforsuccess"><span class="std std-ref">ForSuccess</span></a></td>
-<td>Make a Panel component for successful messages</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#panelforsuccess"><span class="std std-ref">ForSuccess</span></a></p></td>
+<td><p>Make a Panel component for successful messages</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#panelforwarning"><span class="std std-ref">ForWarning</span></a></td>
-<td>Make a Panel component for warning messages</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#panelforwarning"><span class="std std-ref">ForWarning</span></a></p></td>
+<td><p>Make a Panel component for warning messages</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#panelfordanger"><span class="std std-ref">ForDanger</span></a></td>
-<td>Make a Panel component for danger messages</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#panelfordanger"><span class="std std-ref">ForDanger</span></a></p></td>
+<td><p>Make a Panel component for danger messages</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#panelforfailure"><span class="std std-ref">ForFailure</span></a></td>
-<td>Make a Panel component for failure messages</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#panelforfailure"><span class="std std-ref">ForFailure</span></a></p></td>
+<td><p>Make a Panel component for failure messages</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#panelwithbrandingprimarycolor"><span class="std std-ref">WithBrandingPrimaryColor</span></a></td>
-<td>Make a Panel component with primary color scheme</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#panelwithbrandingprimarycolor"><span class="std std-ref">WithBrandingPrimaryColor</span></a></p></td>
+<td><p>Make a Panel component with primary color scheme</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#panelwithbrandingsecondarycolor"><span class="std std-ref">WithBrandingSecondaryColor</span></a></td>
-<td>Make a Panel component with secondary color scheme</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#panelwithbrandingsecondarycolor"><span class="std std-ref">WithBrandingSecondaryColor</span></a></p></td>
+<td><p>Make a Panel component with secondary color scheme</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#panelforclass"><span class="std std-ref">ForClass</span></a></td>
-<td>Make a Panel component with the specific $sClass color scheme</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="panel-neutral">
-<span id="panelneutral"></span><h3>Panel Neutral<a class="headerlink" href="#panel-neutral" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#panelforclass"><span class="std std-ref">ForClass</span></a></p></td>
+<td><p>Make a Panel component with the specific $sClass color scheme</p></td>
 </tr>
 </tbody>
 </table>
+<section id="panel-neutral">
+<span id="panelneutral"></span><h3>Panel Neutral<a class="headerlink" href="#panel-neutral" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">N</span><span class="nv">eutral</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-forinformation">
-<span id="panelforinformation"></span><h3>Panel ForInformation<a class="headerlink" href="#panel-forinformation" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-forinformation">
+<span id="panelforinformation"></span><h3>Panel ForInformation<a class="headerlink" href="#panel-forinformation" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">F</span><span class="nv">orInformation</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-forsuccess">
-<span id="panelforsuccess"></span><h3>Panel ForSuccess<a class="headerlink" href="#panel-forsuccess" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-forsuccess">
+<span id="panelforsuccess"></span><h3>Panel ForSuccess<a class="headerlink" href="#panel-forsuccess" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">F</span><span class="nv">orSuccess</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-forwarning">
-<span id="panelforwarning"></span><h3>Panel ForWarning<a class="headerlink" href="#panel-forwarning" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-forwarning">
+<span id="panelforwarning"></span><h3>Panel ForWarning<a class="headerlink" href="#panel-forwarning" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">F</span><span class="nv">orWarning</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-fordanger">
-<span id="panelfordanger"></span><h3>Panel ForDanger<a class="headerlink" href="#panel-fordanger" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-fordanger">
+<span id="panelfordanger"></span><h3>Panel ForDanger<a class="headerlink" href="#panel-fordanger" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">F</span><span class="nv">orDanger</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-forfailure">
-<span id="panelforfailure"></span><h3>Panel ForFailure<a class="headerlink" href="#panel-forfailure" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-forfailure">
+<span id="panelforfailure"></span><h3>Panel ForFailure<a class="headerlink" href="#panel-forfailure" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">F</span><span class="nv">orFailure</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-withbrandingprimarycolor">
-<span id="panelwithbrandingprimarycolor"></span><h3>Panel WithBrandingPrimaryColor<a class="headerlink" href="#panel-withbrandingprimarycolor" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-withbrandingprimarycolor">
+<span id="panelwithbrandingprimarycolor"></span><h3>Panel WithBrandingPrimaryColor<a class="headerlink" href="#panel-withbrandingprimarycolor" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">W</span><span class="nv">ithBrandingPrimaryColor</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-withbrandingsecondarycolor">
-<span id="panelwithbrandingsecondarycolor"></span><h3>Panel WithBrandingSecondaryColor<a class="headerlink" href="#panel-withbrandingsecondarycolor" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-withbrandingsecondarycolor">
+<span id="panelwithbrandingsecondarycolor"></span><h3>Panel WithBrandingSecondaryColor<a class="headerlink" href="#panel-withbrandingsecondarycolor" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">W</span><span class="nv">ithBrandingSecondaryColor</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="29%" />
-<col width="21%" />
-<col width="29%" />
-<col width="16%" />
-<col width="5%" />
+<col style="width: 29%" />
+<col style="width: 21%" />
+<col style="width: 29%" />
+<col style="width: 16%" />
+<col style="width: 5%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-forclass">
-<span id="panelforclass"></span><h3>Panel ForClass<a class="headerlink" href="#panel-forclass" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="panel-forclass">
+<span id="panelforclass"></span><h3>Panel ForClass<a class="headerlink" href="#panel-forclass" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIPanel</span> <span class="p">F</span><span class="nv">orClass</span> <span class="o">{</span><span class="nv">sClass</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sSubTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIPanel</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 15%" />
+<col style="width: 11%" />
+<col style="width: 15%" />
+<col style="width: 8%" />
+<col style="width: 51%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sClass</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td><p>Class of the object the panel is for</p></td>
+</tr>
+<tr class="row-even"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sSubTitle</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="panel-common-parameters">
+<h3>Panel common parameters<a class="headerlink" href="#panel-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="15%" />
-<col width="11%" />
-<col width="15%" />
-<col width="8%" />
-<col width="51%" />
+<col style="width: 27%" />
+<col style="width: 16%" />
+<col style="width: 57%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sClass</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>Class of the object the panel is for</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>sSubTitle</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="panel-common-parameters">
-<h3>Panel common parameters<a class="headerlink" href="#panel-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="27%" />
-<col width="16%" />
-<col width="57%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMainBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMainBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMainBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMainBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddSubTitleBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubTitleBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddTitleBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddSubTitleBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddTitleBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddSubTitleBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddToolbarBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddTitleBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddToolbarBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddTitleBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddToolbarBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>CSSColorClass</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddToolbarBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>ColorFromClass</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>ColorFromColorSemantic</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>CSSColorClass</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>ColorFromOrmStyle</p></td>
+<td><p>ormStyle</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>ColorFromClass</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>ColorFromColorSemantic</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>ColorFromOrmStyle</td>
-<td>ormStyle</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsCollapsible</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-even"><td><p>IsHeaderVisibleOnScroll</p></td>
+<td><p>bool</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-odd"><td>IsCollapsible</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>MainBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>IsHeaderVisibleOnScroll</td>
-<td>bool</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-even"><td><p>SubTitle</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>MainBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>SubTitleBlock</p></td>
+<td><p>iUIContentBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>Title</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>SubTitle</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>TitleBlock</p></td>
+<td><p>iUIContentBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>SubTitleBlock</td>
-<td>iUIContentBlock</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>Title</td>
-<td>string</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>TitleBlock</td>
-<td>iUIContentBlock</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-even"><td>ToolBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>ToolBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Spinner/Spinner.html b/.doc/UI/build/html/generated/Component/Spinner/Spinner.html
index 5f6882fa3..025a95f2f 100644
--- a/.doc/UI/build/html/generated/Component/Spinner/Spinner.html
+++ b/.doc/UI/build/html/generated/Component/Spinner/Spinner.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Spinner &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Spinner &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -102,147 +105,132 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="spinner">
-<span id="id1"></span><h1>Spinner<a class="headerlink" href="#spinner" title="Permalink to this headline">¶</a></h1>
+  <section id="spinner">
+<span id="id1"></span><h1>Spinner<a class="headerlink" href="#spinner" title="Permalink to this headline"></a></h1>
 <p>Class Spinner</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UISpinner</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UISpinner</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISpinner</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="74%" />
-<col width="26%" />
+<col style="width: 74%" />
+<col style="width: 26%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#spinnerstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="spinner-standard">
-<span id="spinnerstandard"></span><h3>Spinner Standard<a class="headerlink" href="#spinner-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#spinnerstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="spinner-standard">
+<span id="spinnerstandard"></span><h3>Spinner Standard<a class="headerlink" href="#spinner-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UISpinner</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 16%" />
+<col style="width: 26%" />
+<col style="width: 32%" />
+<col style="width: 19%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="spinner-common-parameters">
+<h3>Spinner common parameters<a class="headerlink" href="#spinner-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="16%" />
-<col width="26%" />
-<col width="32%" />
-<col width="19%" />
-<col width="6%" />
+<col style="width: 30%" />
+<col style="width: 8%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="spinner-common-parameters">
-<h3>Spinner common parameters<a class="headerlink" href="#spinner-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="30%" />
-<col width="8%" />
-<col width="62%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
-</tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Title/Title.html b/.doc/UI/build/html/generated/Component/Title/Title.html
index f772e55ef..9c12036e3 100644
--- a/.doc/UI/build/html/generated/Component/Title/Title.html
+++ b/.doc/UI/build/html/generated/Component/Title/Title.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Title &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Title &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -105,373 +108,325 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="title">
-<span id="id1"></span><h1>Title<a class="headerlink" href="#title" title="Permalink to this headline">¶</a></h1>
+  <section id="title">
+<span id="id1"></span><h1>Title<a class="headerlink" href="#title" title="Permalink to this headline"></a></h1>
 <p>Class Title</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <img alt="../../../_images/Title.png" src="../../../_images/Title.png" />
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UITitle</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UITitle</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="80%" />
-<col width="20%" />
+<col style="width: 80%" />
+<col style="width: 20%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#titleforpage"><span class="std std-ref">ForPage</span></a></td>
-<td>No comment</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#titleforpage"><span class="std std-ref">ForPage</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#titleforpagewithicon"><span class="std std-ref">ForPageWithIcon</span></a></td>
-<td>No comment</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#titleforpagewithicon"><span class="std std-ref">ForPageWithIcon</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#titleneutral"><span class="std std-ref">Neutral</span></a></td>
-<td>No comment</td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#titleneutral"><span class="std std-ref">Neutral</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#titlestandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="title-forpage">
-<span id="titleforpage"></span><h3>Title ForPage<a class="headerlink" href="#title-forpage" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p><a class="reference internal" href="#titlestandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="title-forpage">
+<span id="titleforpage"></span><h3>Title ForPage<a class="headerlink" href="#title-forpage" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="23%" />
-<col width="23%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 23%" />
+<col style="width: 23%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="title-forpagewithicon">
-<span id="titleforpagewithicon"></span><h3>Title ForPageWithIcon<a class="headerlink" href="#title-forpagewithicon" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="title-forpagewithicon">
+<span id="titleforpagewithicon"></span><h3>Title ForPageWithIcon<a class="headerlink" href="#title-forpagewithicon" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPageWithIcon</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sIconUrl</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sIconCoverMethod</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">bIsMedallion</span><span class="o">:</span><span class="kp">true</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="36%" />
-<col width="16%" />
-<col width="22%" />
-<col width="22%" />
-<col width="4%" />
+<col style="width: 36%" />
+<col style="width: 16%" />
+<col style="width: 22%" />
+<col style="width: 22%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sIconUrl</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>sIconUrl</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sIconCoverMethod</td>
-<td>string</td>
-<td>optional</td>
-<td>‘contain’</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>sIconCoverMethod</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>‘contain’</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>bIsMedallion</td>
-<td>bool</td>
-<td>optional</td>
-<td>true</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>bIsMedallion</p></td>
+<td><p>bool</p></td>
+<td><p>optional</p></td>
+<td><p>true</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="title-neutral">
-<span id="titleneutral"></span><h3>Title Neutral<a class="headerlink" href="#title-neutral" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="title-neutral">
+<span id="titleneutral"></span><h3>Title Neutral<a class="headerlink" href="#title-neutral" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">N</span><span class="nv">eutral</span> <span class="o">{</span><span class="nv">sTitle</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">iLevel</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="23%" />
-<col width="23%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 23%" />
+<col style="width: 23%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sTitle</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sTitle</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>iLevel</td>
-<td>int</td>
-<td>optional</td>
-<td>1</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>iLevel</p></td>
+<td><p>int</p></td>
+<td><p>optional</p></td>
+<td><p>1</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="title-standard">
-<span id="titlestandard"></span><h3>Title Standard<a class="headerlink" href="#title-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="title-standard">
+<span id="titlestandard"></span><h3>Title Standard<a class="headerlink" href="#title-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">oTitle</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">iLevel</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 22%" />
+<col style="width: 25%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>oTitle</p></td>
+<td><p>UIBlock</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>iLevel</p></td>
+<td><p>int</p></td>
+<td><p>optional</p></td>
+<td><p>1</p></td>
+<td></td>
+</tr>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="title-common-parameters">
+<h3>Title common parameters<a class="headerlink" href="#title-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="22%" />
-<col width="25%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>oTitle</td>
-<td>UIBlock</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>iLevel</td>
-<td>int</td>
-<td>optional</td>
-<td>1</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="title-common-parameters">
-<h3>Title common parameters<a class="headerlink" href="#title-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
-</tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">The following code:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">The following code</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="o">:</span> <span class="s1">&#39;UI:FullTextSearchTitle_Text&#39;</span><span class="o">|</span><span class="nf">dict_format</span><span class="o">(</span><span class="nv">sFullText</span><span class="o">)}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Will display:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Will display</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/Title.png" src="../../../_images/Title.png" />
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Toolbar/Toolbar.html b/.doc/UI/build/html/generated/Component/Toolbar/Toolbar.html
index 897737ca3..e95ddd9bd 100644
--- a/.doc/UI/build/html/generated/Component/Toolbar/Toolbar.html
+++ b/.doc/UI/build/html/generated/Component/Toolbar/Toolbar.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Toolbar &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Toolbar &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../Alert/Alert.html">Alert</a></li>
@@ -104,267 +107,236 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="toolbar">
-<span id="id1"></span><h1>Toolbar<a class="headerlink" href="#toolbar" title="Permalink to this headline">¶</a></h1>
+  <section id="toolbar">
+<span id="id1"></span><h1>Toolbar<a class="headerlink" href="#toolbar" title="Permalink to this headline"></a></h1>
 <p>Class Toolbar</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIToolbar</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIToolbar</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIToolbar</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIToolbar</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="76%" />
-<col width="24%" />
+<col style="width: 76%" />
+<col style="width: 24%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#toolbarforaction"><span class="std std-ref">ForAction</span></a></td>
-<td>No comment</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#toolbarforaction"><span class="std std-ref">ForAction</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#toolbarstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#toolbarstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#toolbarforbutton"><span class="std std-ref">ForButton</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="toolbar-foraction">
-<span id="toolbarforaction"></span><h3>Toolbar ForAction<a class="headerlink" href="#toolbar-foraction" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#toolbarforbutton"><span class="std std-ref">ForButton</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="toolbar-foraction">
+<span id="toolbarforaction"></span><h3>Toolbar ForAction<a class="headerlink" href="#toolbar-foraction" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIToolbar</span> <span class="p">F</span><span class="nv">orAction</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIToolbar</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="16%" />
-<col width="26%" />
-<col width="32%" />
-<col width="19%" />
-<col width="6%" />
+<col style="width: 16%" />
+<col style="width: 26%" />
+<col style="width: 32%" />
+<col style="width: 19%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="toolbar-standard">
-<span id="toolbarstandard"></span><h3>Toolbar Standard<a class="headerlink" href="#toolbar-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="toolbar-standard">
+<span id="toolbarstandard"></span><h3>Toolbar Standard<a class="headerlink" href="#toolbar-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIToolbar</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aContainerClasses</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIToolbar</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="39%" />
-<col width="16%" />
-<col width="20%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 39%" />
+<col style="width: 16%" />
+<col style="width: 20%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>aContainerClasses</td>
-<td>array</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="toolbar-forbutton">
-<span id="toolbarforbutton"></span><h3>Toolbar ForButton<a class="headerlink" href="#toolbar-forbutton" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>aContainerClasses</p></td>
+<td><p>array</p></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="toolbar-forbutton">
+<span id="toolbarforbutton"></span><h3>Toolbar ForButton<a class="headerlink" href="#toolbar-forbutton" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIToolbar</span> <span class="p">F</span><span class="nv">orButton</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aContainerClasses</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIToolbar</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 39%" />
+<col style="width: 16%" />
+<col style="width: 20%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>aContainerClasses</p></td>
+<td><p>array</p></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="toolbar-common-parameters">
+<h3>Toolbar common parameters<a class="headerlink" href="#toolbar-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="39%" />
-<col width="16%" />
-<col width="20%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>aContainerClasses</td>
-<td>array</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="toolbar-common-parameters">
-<h3>Toolbar common parameters<a class="headerlink" href="#toolbar-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.html b/.doc/UI/build/html/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.html
index 5e68def24..6bc094e23 100644
--- a/.doc/UI/build/html/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.html
+++ b/.doc/UI/build/html/generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>ToolbarSpacer &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>ToolbarSpacer &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1 current"><a class="reference internal" href="../../Component.html">UI Components</a><ul class="current">
 <li class="toctree-l2"><a class="reference internal" href="../../Alert/Alert.html">Alert</a></li>
@@ -102,147 +105,132 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="toolbarspacer">
-<span id="id1"></span><h1>ToolbarSpacer<a class="headerlink" href="#toolbarspacer" title="Permalink to this headline">¶</a></h1>
+  <section id="toolbarspacer">
+<span id="id1"></span><h1>ToolbarSpacer<a class="headerlink" href="#toolbarspacer" title="Permalink to this headline"></a></h1>
 <p>Class ButtonToolbarSpacer</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIToolbarSpacer</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIToolbarSpacer</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIToolbarSpacer</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="62%" />
-<col width="38%" />
+<col style="width: 62%" />
+<col style="width: 38%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#toolbarspacerstandard"><span class="std std-ref">Standard</span></a></td>
-<td>&#64;param string|null $sId</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="toolbarspacer-standard">
-<span id="toolbarspacerstandard"></span><h3>ToolbarSpacer Standard<a class="headerlink" href="#toolbarspacer-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#toolbarspacerstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>&#64;param string|null $sId</p></td>
 </tr>
 </tbody>
 </table>
+<section id="toolbarspacer-standard">
+<span id="toolbarspacerstandard"></span><h3>ToolbarSpacer Standard<a class="headerlink" href="#toolbarspacer-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIToolbarSpacer</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 16%" />
+<col style="width: 26%" />
+<col style="width: 32%" />
+<col style="width: 19%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="toolbarspacer-common-parameters">
+<h3>ToolbarSpacer common parameters<a class="headerlink" href="#toolbarspacer-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="16%" />
-<col width="26%" />
-<col width="32%" />
-<col width="19%" />
-<col width="6%" />
+<col style="width: 30%" />
+<col style="width: 8%" />
+<col style="width: 62%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="toolbarspacer-common-parameters">
-<h3>ToolbarSpacer common parameters<a class="headerlink" href="#toolbarspacer-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="30%" />
-<col width="8%" />
-<col width="62%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
-</tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Layout/Layout.html b/.doc/UI/build/html/generated/Layout/Layout.html
index 6a4a04e19..da62f96bb 100644
--- a/.doc/UI/build/html/generated/Layout/Layout.html
+++ b/.doc/UI/build/html/generated/Layout/Layout.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>UI Layouts &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>UI Layouts &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../Component/Component.html">UI Components</a></li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">UI Layouts</a><ul>
@@ -77,18 +80,18 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="ui-layouts">
-<span id="layouts"></span><h1>UI Layouts<a class="headerlink" href="#ui-layouts" title="Permalink to this headline">¶</a></h1>
+  <section id="ui-layouts">
+<span id="layouts"></span><h1>UI Layouts<a class="headerlink" href="#ui-layouts" title="Permalink to this headline"></a></h1>
 <p>A UI block that serves as a layout for the page.</p>
 <div class="toctree-wrapper compound">
-<p class="caption"><span class="caption-text">Components:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Components:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="MultiColumn/Column/Column.html">Column</a></li>
 <li class="toctree-l1"><a class="reference internal" href="MultiColumn/MultiColumn.html">MultiColumn</a></li>
 <li class="toctree-l1"><a class="reference internal" href="UIContentBlock.html">UIContentBlock</a></li>
 </ul>
 </div>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Layout/MultiColumn/Column/Column.html b/.doc/UI/build/html/generated/Layout/MultiColumn/Column/Column.html
index fc545a541..f9b1f41ef 100644
--- a/.doc/UI/build/html/generated/Layout/MultiColumn/Column/Column.html
+++ b/.doc/UI/build/html/generated/Layout/MultiColumn/Column/Column.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Column &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Column &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../../../Component/Component.html">UI Components</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="../../Layout.html">UI Layouts</a><ul class="current">
@@ -88,217 +91,194 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="column">
-<span id="id1"></span><h1>Column<a class="headerlink" href="#column" title="Permalink to this headline">¶</a></h1>
+  <section id="column">
+<span id="id1"></span><h1>Column<a class="headerlink" href="#column" title="Permalink to this headline"></a></h1>
 <p>Class Column</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIColumn</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIColumn</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIColumn</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIColumn</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="74%" />
-<col width="26%" />
+<col style="width: 74%" />
+<col style="width: 26%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#columnstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#columnstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#columnforblock"><span class="std std-ref">ForBlock</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="column-standard">
-<span id="columnstandard"></span><h3>Column Standard<a class="headerlink" href="#column-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p><a class="reference internal" href="#columnforblock"><span class="std std-ref">ForBlock</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="column-standard">
+<span id="columnstandard"></span><h3>Column Standard<a class="headerlink" href="#column-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIColumn</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIColumn</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="16%" />
-<col width="26%" />
-<col width="32%" />
-<col width="19%" />
-<col width="6%" />
+<col style="width: 16%" />
+<col style="width: 26%" />
+<col style="width: 32%" />
+<col style="width: 19%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="column-forblock">
-<span id="columnforblock"></span><h3>Column ForBlock<a class="headerlink" href="#column-forblock" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="column-forblock">
+<span id="columnforblock"></span><h3>Column ForBlock<a class="headerlink" href="#column-forblock" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIColumn</span> <span class="p">F</span><span class="nv">orBlock</span> <span class="o">{</span><span class="nv">oBlock</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIColumn</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 22%" />
+<col style="width: 25%" />
+<col style="width: 31%" />
+<col style="width: 17%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>oBlock</p></td>
+<td><p>UIBlock</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="column-common-parameters">
+<h3>Column common parameters<a class="headerlink" href="#column-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="22%" />
-<col width="25%" />
-<col width="31%" />
-<col width="17%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>oBlock</td>
-<td>UIBlock</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="column-common-parameters">
-<h3>Column common parameters<a class="headerlink" href="#column-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Layout/MultiColumn/MultiColumn.html b/.doc/UI/build/html/generated/Layout/MultiColumn/MultiColumn.html
index cd25272fe..b7669d36f 100644
--- a/.doc/UI/build/html/generated/Layout/MultiColumn/MultiColumn.html
+++ b/.doc/UI/build/html/generated/Layout/MultiColumn/MultiColumn.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>MultiColumn &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>MultiColumn &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" />
@@ -26,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -36,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../../Component/Component.html">UI Components</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="../Layout.html">UI Layouts</a><ul class="current">
@@ -87,171 +90,156 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="multicolumn">
-<span id="id1"></span><h1>MultiColumn<a class="headerlink" href="#multicolumn" title="Permalink to this headline">¶</a></h1>
+  <section id="multicolumn">
+<span id="id1"></span><h1>MultiColumn<a class="headerlink" href="#multicolumn" title="Permalink to this headline"></a></h1>
 <p>Class MultiColumn</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIMultiColumn</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIMultiColumn</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIMultiColumn</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIMultiColumn</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="76%" />
-<col width="24%" />
+<col style="width: 76%" />
+<col style="width: 24%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#multicolumnstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="multicolumn-standard">
-<span id="multicolumnstandard"></span><h3>MultiColumn Standard<a class="headerlink" href="#multicolumn-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#multicolumnstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="multicolumn-standard">
+<span id="multicolumnstandard"></span><h3>MultiColumn Standard<a class="headerlink" href="#multicolumn-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIMultiColumn</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIMultiColumn</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 16%" />
+<col style="width: 26%" />
+<col style="width: 32%" />
+<col style="width: 19%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="multicolumn-common-parameters">
+<h3>MultiColumn common parameters<a class="headerlink" href="#multicolumn-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="16%" />
-<col width="26%" />
-<col width="32%" />
-<col width="19%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="multicolumn-common-parameters">
-<h3>MultiColumn common parameters<a class="headerlink" href="#multicolumn-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-odd"><td><p>AddColumn</p></td>
+<td><p>Column</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddColumn</td>
-<td>Column</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-odd"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/generated/Layout/UIContentBlock.html b/.doc/UI/build/html/generated/Layout/UIContentBlock.html
index 2074fa3db..ca940b275 100644
--- a/.doc/UI/build/html/generated/Layout/UIContentBlock.html
+++ b/.doc/UI/build/html/generated/Layout/UIContentBlock.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>UIContentBlock &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>UIContentBlock &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" />
@@ -25,7 +27,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -35,13 +38,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul class="current">
 <li class="toctree-l1"><a class="reference internal" href="../Component/Component.html">UI Components</a></li>
 <li class="toctree-l1 current"><a class="reference internal" href="Layout.html">UI Layouts</a><ul class="current">
@@ -88,274 +91,243 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="uicontentblock">
-<span id="id1"></span><h1>UIContentBlock<a class="headerlink" href="#uicontentblock" title="Permalink to this headline">¶</a></h1>
+  <section id="uicontentblock">
+<span id="id1"></span><h1>UIContentBlock<a class="headerlink" href="#uicontentblock" title="Permalink to this headline"></a></h1>
 <p>Class UIContentBlock
 Base block containing sub-blocks</p>
 <hr class="docutils" />
-<div class="section" id="output">
-<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h2>
+<section id="output">
+<h2>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h2>
 <p>No output provided yet</p>
-</div>
+</section>
 <hr class="docutils" />
-<div class="section" id="twig-tag">
-<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline">¶</a></h2>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Tag:</th><td class="field-body"><strong>UIContentBlock</strong></td>
-</tr>
-<tr class="field-even field"><th class="field-name">Syntax:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<section id="twig-tag">
+<h2>Twig Tag<a class="headerlink" href="#twig-tag" title="Permalink to this headline"></a></h2>
+<dl class="field-list simple">
+<dt class="field-odd">Tag</dt>
+<dd class="field-odd"><p><strong>UIContentBlock</strong></p>
+</dd>
+<dt class="field-even">Syntax</dt>
+<dd class="field-even"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">T</span><span class="nv">ype</span> <span class="o">{</span><span class="p">P</span><span class="nv">arameters</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Type:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">Type</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="46%" />
-<col width="54%" />
+<col style="width: 46%" />
+<col style="width: 54%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td><a class="reference internal" href="#uicontentblockstandard"><span class="std std-ref">Standard</span></a></td>
-<td>No comment</td>
+<tbody>
+<tr class="row-odd"><td><p><a class="reference internal" href="#uicontentblockstandard"><span class="std std-ref">Standard</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
-<tr class="row-even"><td><a class="reference internal" href="#uicontentblockforcode"><span class="std std-ref">ForCode</span></a></td>
-<td>Used to display a block of code like &lt;pre&gt; but allows line break.</td>
+<tr class="row-even"><td><p><a class="reference internal" href="#uicontentblockforcode"><span class="std std-ref">ForCode</span></a></p></td>
+<td><p>Used to display a block of code like &lt;pre&gt; but allows line break.</p></td>
 </tr>
-<tr class="row-odd"><td><a class="reference internal" href="#uicontentblockforpreformatted"><span class="std std-ref">ForPreformatted</span></a></td>
-<td>No comment</td>
-</tr>
-</tbody>
-</table>
-<div class="section" id="uicontentblock-standard">
-<span id="uicontentblockstandard"></span><h3>UIContentBlock Standard<a class="headerlink" href="#uicontentblock-standard" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-odd"><td><p><a class="reference internal" href="#uicontentblockforpreformatted"><span class="std std-ref">ForPreformatted</span></a></p></td>
+<td><p>No comment</p></td>
 </tr>
 </tbody>
 </table>
+<section id="uicontentblock-standard">
+<span id="uicontentblockstandard"></span><h3>UIContentBlock Standard<a class="headerlink" href="#uicontentblock-standard" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">aContainerClasses</span><span class="o">:{</span><span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">,</span> <span class="nv">name</span><span class="o">:</span><span class="nv">value</span><span class="o">}}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="39%" />
-<col width="16%" />
-<col width="20%" />
-<col width="20%" />
-<col width="4%" />
+<col style="width: 39%" />
+<col style="width: 16%" />
+<col style="width: 20%" />
+<col style="width: 20%" />
+<col style="width: 4%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>aContainerClasses</td>
-<td>array</td>
-<td>optional</td>
-<td>array ()</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="uicontentblock-forcode">
-<span id="uicontentblockforcode"></span><h3>UIContentBlock ForCode<a class="headerlink" href="#uicontentblock-forcode" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>aContainerClasses</p></td>
+<td><p>array</p></td>
+<td><p>optional</p></td>
+<td><p>array ()</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="uicontentblock-forcode">
+<span id="uicontentblockforcode"></span><h3>UIContentBlock ForCode<a class="headerlink" href="#uicontentblock-forcode" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">F</span><span class="nv">orCode</span> <span class="o">{</span><span class="nv">sCode</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
-<table border="1" class="docutils">
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
 <colgroup>
-<col width="21%" />
-<col width="24%" />
-<col width="32%" />
-<col width="18%" />
-<col width="6%" />
+<col style="width: 21%" />
+<col style="width: 24%" />
+<col style="width: 32%" />
+<col style="width: 18%" />
+<col style="width: 6%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sCode</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>sCode</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="uicontentblock-forpreformatted">
-<span id="uicontentblockforpreformatted"></span><h3>UIContentBlock ForPreformatted<a class="headerlink" href="#uicontentblock-forpreformatted" title="Permalink to this headline">¶</a></h3>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">syntax:</th><td class="field-body"></td>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
+</section>
+<section id="uicontentblock-forpreformatted">
+<span id="uicontentblockforpreformatted"></span><h3>UIContentBlock ForPreformatted<a class="headerlink" href="#uicontentblock-forpreformatted" title="Permalink to this headline"></a></h3>
+<dl class="field-list simple">
+<dt class="field-odd">syntax</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">F</span><span class="nv">orPreformatted</span> <span class="o">{</span><span class="nv">sCode</span><span class="s1">:&#39;value&#39;</span><span class="o">,</span> <span class="nv">sId</span><span class="s1">:&#39;value&#39;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    Content Goes Here</span>
 <span class="cp">{%</span> <span class="k">EndUIContentBlock</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">parameters:</th><td class="field-body"></td>
+<dl class="field-list simple">
+<dt class="field-odd">parameters</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
+<table class="docutils align-default">
+<colgroup>
+<col style="width: 21%" />
+<col style="width: 24%" />
+<col style="width: 32%" />
+<col style="width: 18%" />
+<col style="width: 6%" />
+</colgroup>
+<tbody>
+<tr class="row-odd"><td><p>sCode</p></td>
+<td><p>string</p></td>
+<td><p>mandatory</p></td>
+<td></td>
+<td></td>
+</tr>
+<tr class="row-even"><td><p>sId</p></td>
+<td><p>string</p></td>
+<td><p>optional</p></td>
+<td><p>NULL</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
-<table border="1" class="docutils">
+</section>
+<section id="uicontentblock-common-parameters">
+<h3>UIContentBlock common parameters<a class="headerlink" href="#uicontentblock-common-parameters" title="Permalink to this headline"></a></h3>
+<table class="docutils align-default">
 <colgroup>
-<col width="21%" />
-<col width="24%" />
-<col width="32%" />
-<col width="18%" />
-<col width="6%" />
+<col style="width: 29%" />
+<col style="width: 10%" />
+<col style="width: 61%" />
 </colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>sCode</td>
-<td>string</td>
-<td>mandatory</td>
-<td>&#160;</td>
-<td>&#160;</td>
+<tbody>
+<tr class="row-odd"><td><p>AddCSSClass</p></td>
+<td><p>string</p></td>
+<td><p>CSS class to add to the generated html block</p></td>
 </tr>
-<tr class="row-even"><td>sId</td>
-<td>string</td>
-<td>optional</td>
-<td>NULL</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddCSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-</tbody>
-</table>
-</div>
-<div class="section" id="uicontentblock-common-parameters">
-<h3>UIContentBlock common parameters<a class="headerlink" href="#uicontentblock-common-parameters" title="Permalink to this headline">¶</a></h3>
-<table border="1" class="docutils">
-<colgroup>
-<col width="29%" />
-<col width="10%" />
-<col width="61%" />
-</colgroup>
-<tbody valign="top">
-<tr class="row-odd"><td>AddCSSClass</td>
-<td>string</td>
-<td>CSS class to add to the generated html block</td>
+<tr class="row-odd"><td><p>AddCssFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddCSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>AddDeferredBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddCssFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddHtml</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddDeferredBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddJsFileRelPath</p></td>
+<td><p>string</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddHtml</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddMultipleCssFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddJsFileRelPath</td>
-<td>string</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>AddMultipleJsFilesRelPaths</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>AddMultipleCssFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>AddSubBlock</p></td>
+<td><p>iUIBlock</p></td>
+<td></td>
 </tr>
-<tr class="row-even"><td>AddMultipleJsFilesRelPaths</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>CSSClasses</p></td>
+<td><p>array</p></td>
+<td><p>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</p></td>
 </tr>
-<tr class="row-odd"><td>AddSubBlock</td>
-<td>iUIBlock</td>
-<td>&#160;</td>
+<tr class="row-odd"><td><p>DataAttributes</p></td>
+<td><p>array</p></td>
+<td><p>Array of data attributes in the format [‘name’ =&gt; ‘value’]</p></td>
 </tr>
-<tr class="row-even"><td>CSSClasses</td>
-<td>array</td>
-<td>like &lt;code&gt;[‘ibo-is-hidden’, ‘ibo-alert–body’]&lt;/code&gt;</td>
+<tr class="row-even"><td><p>DeferredBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
-<tr class="row-odd"><td>DataAttributes</td>
-<td>array</td>
-<td>Array of data attributes in the format [‘name’ =&gt; ‘value’]</td>
+<tr class="row-odd"><td><p>IsHidden</p></td>
+<td><p>bool</p></td>
+<td><p>Indicates if the block is hidden by default</p></td>
 </tr>
-<tr class="row-even"><td>DeferredBlocks</td>
-<td>array</td>
-<td>&#160;</td>
-</tr>
-<tr class="row-odd"><td>IsHidden</td>
-<td>bool</td>
-<td>Indicates if the block is hidden by default</td>
-</tr>
-<tr class="row-even"><td>SubBlocks</td>
-<td>array</td>
-<td>&#160;</td>
+<tr class="row-even"><td><p>SubBlocks</p></td>
+<td><p>array</p></td>
+<td></td>
 </tr>
 </tbody>
 </table>
 <hr class="docutils" />
-</div>
-</div>
-<div class="section" id="examples">
-<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h2>
+</section>
+</section>
+<section id="examples">
+<h2>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h2>
 <p>No examples provided yet</p>
-</div>
-</div>
+</section>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/genindex.html b/.doc/UI/build/html/genindex.html
index 000652721..71d1a9dfa 100644
--- a/.doc/UI/build/html/genindex.html
+++ b/.doc/UI/build/html/genindex.html
@@ -1,20 +1,20 @@
-
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Index &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+  <title>Index &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
-        <script type="text/javascript" src="_static/jquery.js"></script>
-        <script type="text/javascript" src="_static/underscore.js"></script>
-        <script type="text/javascript" src="_static/doctools.js"></script>
-        <script type="text/javascript" src="_static/language_data.js"></script>
+  
+        <script data-url_root="./" id="documentation_options" src="_static/documentation_options.js"></script>
+        <script src="_static/jquery.js"></script>
+        <script src="_static/underscore.js"></script>
+        <script src="_static/doctools.js"></script>
     <script src="_static/js/theme.js"></script>
     <link rel="index" title="Index" href="#" />
     <link rel="search" title="Search" href="search.html" /> 
@@ -25,7 +25,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="index.html" class="icon icon-home"> iTop UI<img src="_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="index.html" class="icon icon-home"> iTop UI
+            <img src="_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="search.html" method="get">
@@ -35,13 +36,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="generated/Layout/Layout.html">UI Layouts</a></li>
diff --git a/.doc/UI/build/html/index.html b/.doc/UI/build/html/index.html
index e9fcd4de7..eb33905ef 100644
--- a/.doc/UI/build/html/index.html
+++ b/.doc/UI/build/html/index.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Welcome to iTop 3.0 UI’s documentation! &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+  <title>Welcome to iTop 3.0 UI’s documentation! &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
-        <script type="text/javascript" src="_static/jquery.js"></script>
-        <script type="text/javascript" src="_static/underscore.js"></script>
-        <script type="text/javascript" src="_static/doctools.js"></script>
-        <script type="text/javascript" src="_static/language_data.js"></script>
+  
+        <script data-url_root="./" id="documentation_options" src="_static/documentation_options.js"></script>
+        <script src="_static/jquery.js"></script>
+        <script src="_static/underscore.js"></script>
+        <script src="_static/doctools.js"></script>
     <script src="_static/js/theme.js"></script>
     <link rel="index" title="Index" href="genindex.html" />
     <link rel="search" title="Search" href="search.html" />
@@ -25,7 +27,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="#" class="icon icon-home"> iTop UI<img src="_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="#" class="icon icon-home"> iTop UI
+            <img src="_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="search.html" method="get">
@@ -35,13 +38,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="generated/Layout/Layout.html">UI Layouts</a></li>
@@ -71,10 +74,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="welcome-to-itop-3-0-ui-s-documentation">
-<h1>Welcome to iTop 3.0 UI’s documentation!<a class="headerlink" href="#welcome-to-itop-3-0-ui-s-documentation" title="Permalink to this headline">¶</a></h1>
+  <section id="welcome-to-itop-3-0-ui-s-documentation">
+<h1>Welcome to iTop 3.0 UI’s documentation!<a class="headerlink" href="#welcome-to-itop-3-0-ui-s-documentation" title="Permalink to this headline"></a></h1>
 <div class="toctree-wrapper compound">
-<p class="caption"><span class="caption-text">Twig Base:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
@@ -82,13 +85,13 @@
 </ul>
 </div>
 <div class="toctree-wrapper compound">
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="generated/Layout/Layout.html">UI Layouts</a></li>
 </ul>
 </div>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Alert/AlertAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Alert/AlertAdditionalDescription.html
index 488453ee2..56a91dce2 100644
--- a/.doc/UI/build/html/manual/Component/Alert/AlertAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Alert/AlertAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,46 +73,29 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Success Alert:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
+<dl class="field-list simple">
+<dt class="field-odd">Success Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertSuccess.png" src="../../../_images/AlertSuccess.png" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Failure Alert:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Failure Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertFailure.png" src="../../../_images/AlertFailure.png" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">Information Alert:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Information Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertInformation.png" src="../../../_images/AlertInformation.png" />
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Warning Alert:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Warning Alert</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/AlertWarning.png" src="../../../_images/AlertWarning.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Alert/AlertFooter.html b/.doc/UI/build/html/manual/Component/Alert/AlertFooter.html
index 1262431a0..b19a2a8ce 100644
--- a/.doc/UI/build/html/manual/Component/Alert/AlertFooter.html
+++ b/.doc/UI/build/html/manual/Component/Alert/AlertFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,8 +73,8 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>Example to generate an temporary information with a spinner (on the real display the spinner is animated)</p>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIAlert</span> <span class="p">F</span><span class="nv">orInformation</span> <span class="o">{</span><span class="s1">&#39;sId&#39;:&#39;header-requirements&#39;</span><span class="o">,</span> <span class="s1">&#39;IsCollapsible&#39;</span><span class="o">:</span><span class="kp">false</span><span class="o">,</span> <span class="s1">&#39;IsClosable&#39;</span><span class="o">:</span><span class="kp">false</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    </span><span class="cp">{%</span> <span class="k">UIContentBlock</span> <span class="p">S</span><span class="nv">tandard</span> <span class="o">{</span><span class="s1">&#39;aContainerClasses&#39;</span><span class="o">:[</span><span class="s1">&#39;ibo-update-core-header-requirements&#39;</span><span class="o">],</span>
@@ -111,7 +114,7 @@
 </div>
 <p>The error displayed:</p>
 <img alt="../../../_images/AlertFailureExample.png" src="../../../_images/AlertFailureExample.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Button/ButtonAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Button/ButtonAdditionalDescription.html
index a4ce9f9d1..0f977bbeb 100644
--- a/.doc/UI/build/html/manual/Component/Button/ButtonAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Button/ButtonAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,19 +73,14 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">Example Buttons:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
+<dl class="field-list simple">
+<dt class="field-odd">Example Buttons</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/Button-all.png" src="../../../_images/Button-all.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Button/ButtonFooter.html b/.doc/UI/build/html/manual/Component/Button/ButtonFooter.html
index ac94e0d10..6323160f3 100644
--- a/.doc/UI/build/html/manual/Component/Button/ButtonFooter.html
+++ b/.doc/UI/build/html/manual/Component/Button/ButtonFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.html b/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.html
index 18e4765e9..89ff8cc89 100644
--- a/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupFooter.html b/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupFooter.html
index 7ad271a42..684c1780a 100644
--- a/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupFooter.html
+++ b/.doc/UI/build/html/manual/Component/ButtonGroup/ButtonGroupFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.html b/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.html
index bf5464728..0fb62f549 100644
--- a/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionFooter.html b/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionFooter.html
index bdaf264f3..1a9cdbdc0 100644
--- a/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionFooter.html
+++ b/.doc/UI/build/html/manual/Component/CollapsibleSection/CollapsibleSectionFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/DataTable/DataTableAdditionalDescription.html b/.doc/UI/build/html/manual/Component/DataTable/DataTableAdditionalDescription.html
index 69b975ca6..4e41dd8de 100644
--- a/.doc/UI/build/html/manual/Component/DataTable/DataTableAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/DataTable/DataTableAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,13 +73,13 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>Dynamic DataTable</p>
 <img alt="../../../_images/Datatable.png" src="../../../_images/Datatable.png" />
 <p>Static DataTable</p>
 <img alt="../../../_images/DatatableStatic.png" src="../../../_images/DatatableStatic.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/DataTable/DataTableFooter.html b/.doc/UI/build/html/manual/Component/DataTable/DataTableFooter.html
index efa9fe7c8..ffa3b3816 100644
--- a/.doc/UI/build/html/manual/Component/DataTable/DataTableFooter.html
+++ b/.doc/UI/build/html/manual/Component/DataTable/DataTableFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -71,24 +74,24 @@
            <div itemprop="articleBody">
              
   <p>The columns (<em>aColumns</em>) have the following format:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">[</span>
-<span class="x">    &#39;nameField1&#39; =&gt; [&#39;label&#39; =&gt; labelField1, &#39;description&#39; =&gt; descriptionField1],</span>
-<span class="x">    ...</span>
-<span class="x">]</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="p">[</span>
+    <span class="s1">&#39;nameField1&#39;</span> <span class="o">=&gt;</span> <span class="p">[</span><span class="s1">&#39;label&#39;</span> <span class="o">=&gt;</span> <span class="nx">labelField1</span><span class="p">,</span> <span class="s1">&#39;description&#39;</span> <span class="o">=&gt;</span> <span class="nx">descriptionField1</span><span class="p">],</span>
+    <span class="o">...</span>
+<span class="p">]</span>
 </pre></div>
 </div>
 <p>The data (<em>aData</em>) format has to be:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">[</span>
-<span class="x">    [&#39;nameField1&#39; =&gt; valueField1, &#39;nameField2&#39; =&gt; valueField2, ...],</span>
-<span class="x">    ...</span>
-<span class="x">]</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="p">[</span>
+    <span class="p">[</span><span class="s1">&#39;nameField1&#39;</span> <span class="o">=&gt;</span> <span class="nx">valueField1</span><span class="p">,</span> <span class="s1">&#39;nameField2&#39;</span> <span class="o">=&gt;</span> <span class="nx">valueField2</span><span class="p">,</span> <span class="o">...</span><span class="p">],</span>
+    <span class="o">...</span>
+<span class="p">]</span>
 </pre></div>
 </div>
 <hr class="docutils" />
-<div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+<section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Field/FieldAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Field/FieldAdditionalDescription.html
index 2d1dba92a..af5d3ccf5 100644
--- a/.doc/UI/build/html/manual/Component/Field/FieldAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Field/FieldAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,18 +73,14 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Example Fields:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
+<dl class="field-list simple">
+<dt class="field-odd">Example Fields</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/Field.png" src="../../../_images/Field.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Field/FieldFooter.html b/.doc/UI/build/html/manual/Component/Field/FieldFooter.html
index 8b11801de..8e3a6444c 100644
--- a/.doc/UI/build/html/manual/Component/Field/FieldFooter.html
+++ b/.doc/UI/build/html/manual/Component/Field/FieldFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -71,8 +74,8 @@
            <div itemprop="articleBody">
              
   <hr class="docutils" />
-<div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+<section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>Example to generate a Field</p>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UIField</span> <span class="p">S</span><span class="nv">mall</span> <span class="o">{</span><span class="nv">sLabel</span><span class="o">:</span> <span class="s2">&quot;Product&quot;</span><span class="o">}</span> <span class="cp">%}</span><span class="x"></span>
 <span class="x">    iTop</span>
@@ -81,7 +84,7 @@
 </div>
 <p>The result:</p>
 <img alt="../../../_images/Field.png" src="../../../_images/Field.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeAdditionalDescription.html b/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeAdditionalDescription.html
index 431972fae..f45a01cec 100644
--- a/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeFooter.html b/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeFooter.html
index 2533d7f3c..024f46f35 100644
--- a/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeFooter.html
+++ b/.doc/UI/build/html/manual/Component/FieldBadge/FieldBadgeFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/FieldSet/FieldSetAdditionalDescription.html b/.doc/UI/build/html/manual/Component/FieldSet/FieldSetAdditionalDescription.html
index 2efccc1b3..5e817eeaf 100644
--- a/.doc/UI/build/html/manual/Component/FieldSet/FieldSetAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/FieldSet/FieldSetAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,19 +73,14 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">Example FieldSets:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
+<dl class="field-list simple">
+<dt class="field-odd">Example FieldSets</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/FieldSet.png" src="../../../_images/FieldSet.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/FieldSet/FieldSetFooter.html b/.doc/UI/build/html/manual/Component/FieldSet/FieldSetFooter.html
index 2e591d908..54d354417 100644
--- a/.doc/UI/build/html/manual/Component/FieldSet/FieldSetFooter.html
+++ b/.doc/UI/build/html/manual/Component/FieldSet/FieldSetFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -71,18 +74,18 @@
            <div itemprop="articleBody">
              
   <hr class="docutils" />
-<div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+<section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>Example to generate a FieldSet:</p>
-<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="x">{% UIFieldSet Standard {sLegend: &quot;iTop environment&quot;} %}</span>
-<span class="x">    {% UIField ... %}</span>
-<span class="x">    ...</span>
-<span class="x">{% EndUIFieldSet %}</span>
+<div class="highlight-php notranslate"><div class="highlight"><pre><span></span><span class="p">{</span><span class="o">%</span> <span class="nx">UIFieldSet</span> <span class="nx">Standard</span> <span class="p">{</span><span class="nx">sLegend</span><span class="o">:</span> <span class="s2">&quot;iTop environment&quot;</span><span class="p">}</span> <span class="o">%</span><span class="p">}</span>
+    <span class="p">{</span><span class="o">%</span> <span class="nx">UIField</span> <span class="o">...</span> <span class="o">%</span><span class="p">}</span>
+    <span class="o">...</span>
+<span class="p">{</span><span class="o">%</span> <span class="nx">EndUIFieldSet</span> <span class="o">%</span><span class="p">}</span>
 </pre></div>
 </div>
 <p>The result:</p>
 <img alt="../../../_images/FieldSet-explained.png" src="../../../_images/FieldSet-explained.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Form/FormAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Form/FormAdditionalDescription.html
index 2f90ae8e1..ff5fe8547 100644
--- a/.doc/UI/build/html/manual/Component/Form/FormAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Form/FormAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Form/FormFooter.html b/.doc/UI/build/html/manual/Component/Form/FormFooter.html
index 3e3baf967..ac8d29676 100644
--- a/.doc/UI/build/html/manual/Component/Form/FormFooter.html
+++ b/.doc/UI/build/html/manual/Component/Form/FormFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectAdditionalDescription.html
index 801eaba78..0b8db0530 100644
--- a/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectFooter.html b/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectFooter.html
index e6ba16ffb..5e7f3424c 100644
--- a/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectFooter.html
+++ b/.doc/UI/build/html/manual/Component/Input/FileSelect/FileSelectFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/InputAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Input/InputAdditionalDescription.html
index f5aa7679a..b04a76385 100644
--- a/.doc/UI/build/html/manual/Component/Input/InputAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Input/InputAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/InputFooter.html b/.doc/UI/build/html/manual/Component/Input/InputFooter.html
index a60a31a46..924bfb602 100644
--- a/.doc/UI/build/html/manual/Component/Input/InputFooter.html
+++ b/.doc/UI/build/html/manual/Component/Input/InputFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/Select/SelectAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Input/Select/SelectAdditionalDescription.html
index 724cd61ee..cc009ef81 100644
--- a/.doc/UI/build/html/manual/Component/Input/Select/SelectAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Input/Select/SelectAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/Select/SelectFooter.html b/.doc/UI/build/html/manual/Component/Input/Select/SelectFooter.html
index 9b0a1c50e..4e8bb7ce8 100644
--- a/.doc/UI/build/html/manual/Component/Input/Select/SelectFooter.html
+++ b/.doc/UI/build/html/manual/Component/Input/Select/SelectFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionAdditionalDescription.html
index 3ee739c76..c58dce5a1 100644
--- a/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionFooter.html b/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionFooter.html
index 9266f7e1d..448e28e68 100644
--- a/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionFooter.html
+++ b/.doc/UI/build/html/manual/Component/Input/Select/SelectOptionFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Panel/PanelAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Panel/PanelAdditionalDescription.html
index 0d5b3f4db..0c2661a36 100644
--- a/.doc/UI/build/html/manual/Component/Panel/PanelAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Panel/PanelAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Panel/PanelFooter.html b/.doc/UI/build/html/manual/Component/Panel/PanelFooter.html
index 3c99334ff..1b6622bc9 100644
--- a/.doc/UI/build/html/manual/Component/Panel/PanelFooter.html
+++ b/.doc/UI/build/html/manual/Component/Panel/PanelFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Spinner/SpinnerAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Spinner/SpinnerAdditionalDescription.html
index d33b1cbb8..45c5b46eb 100644
--- a/.doc/UI/build/html/manual/Component/Spinner/SpinnerAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Spinner/SpinnerAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Spinner/SpinnerFooter.html b/.doc/UI/build/html/manual/Component/Spinner/SpinnerFooter.html
index f10a669db..c15a34f16 100644
--- a/.doc/UI/build/html/manual/Component/Spinner/SpinnerFooter.html
+++ b/.doc/UI/build/html/manual/Component/Spinner/SpinnerFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Title/TitleAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Title/TitleAdditionalDescription.html
index ecd61ad3a..b15ef3b5d 100644
--- a/.doc/UI/build/html/manual/Component/Title/TitleAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Title/TitleAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <img alt="../../../_images/Title.png" src="../../../_images/Title.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Title/TitleFooter.html b/.doc/UI/build/html/manual/Component/Title/TitleFooter.html
index 9b9cc0fa3..4a5abb078 100644
--- a/.doc/UI/build/html/manual/Component/Title/TitleFooter.html
+++ b/.doc/UI/build/html/manual/Component/Title/TitleFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,30 +73,21 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name" colspan="2">The following code:</th></tr>
-<tr class="field-odd field"><td>&#160;</td><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
+<dl class="field-list simple">
+<dt class="field-odd">The following code</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <div class="highlight-twig notranslate"><div class="highlight"><pre><span></span><span class="cp">{%</span> <span class="k">UITitle</span> <span class="p">F</span><span class="nv">orPage</span> <span class="o">{</span><span class="nv">sTitle</span><span class="o">:</span> <span class="s1">&#39;UI:FullTextSearchTitle_Text&#39;</span><span class="o">|</span><span class="nf">dict_format</span><span class="o">(</span><span class="nv">sFullText</span><span class="o">)}</span> <span class="cp">%}{%</span> <span class="k">EndUITitle</span> <span class="cp">%}</span><span class="x"></span>
 </pre></div>
 </div>
-<table class="docutils field-list" frame="void" rules="none">
-<col class="field-name" />
-<col class="field-body" />
-<tbody valign="top">
-<tr class="field-odd field"><th class="field-name">Will display:</th><td class="field-body"></td>
-</tr>
-</tbody>
-</table>
+<dl class="field-list simple">
+<dt class="field-odd">Will display</dt>
+<dd class="field-odd"><p></p></dd>
+</dl>
 <img alt="../../../_images/Title.png" src="../../../_images/Title.png" />
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarAdditionalDescription.html
index 918c9d7c7..4f0a025fd 100644
--- a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarFooter.html b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarFooter.html
index a704bf2dc..795160ad7 100644
--- a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarFooter.html
+++ b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.html b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.html
index c7c4707c7..9082d6b4e 100644
--- a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.html b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.html
index cf4fa179d..f3a49d062 100644
--- a/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.html
+++ b/.doc/UI/build/html/manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.html b/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.html
index 852706d06..a171d9c84 100644
--- a/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnFooter.html b/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnFooter.html
index d3bd535ed..12f158b87 100644
--- a/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnFooter.html
+++ b/.doc/UI/build/html/manual/Layout/MultiColumn/Column/ColumnFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../../" src="../../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../../" id="documentation_options" src="../../../../_static/documentation_options.js"></script>
+        <script src="../../../../_static/jquery.js"></script>
+        <script src="../../../../_static/underscore.js"></script>
+        <script src="../../../../_static/doctools.js"></script>
     <script src="../../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../../genindex.html" />
     <link rel="search" title="Search" href="../../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../../index.html" class="icon icon-home"> iTop UI<img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnAdditionalDescription.html b/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnAdditionalDescription.html
index 7639660ec..faa6d71cd 100644
--- a/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnFooter.html b/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnFooter.html
index b7b556f3c..174d1e19d 100644
--- a/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnFooter.html
+++ b/.doc/UI/build/html/manual/Layout/MultiColumn/MultiColumnFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../../" src="../../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script>
+        <script src="../../../_static/jquery.js"></script>
+        <script src="../../../_static/underscore.js"></script>
+        <script src="../../../_static/doctools.js"></script>
     <script src="../../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../../genindex.html" />
     <link rel="search" title="Search" href="../../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../../index.html" class="icon icon-home"> iTop UI<img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Layout/UIContentBlockAdditionalDescription.html b/.doc/UI/build/html/manual/Layout/UIContentBlockAdditionalDescription.html
index eaf4ee801..391562558 100644
--- a/.doc/UI/build/html/manual/Layout/UIContentBlockAdditionalDescription.html
+++ b/.doc/UI/build/html/manual/Layout/UIContentBlockAdditionalDescription.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Output &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>Output &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="output">
-<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline">¶</a></h1>
+  <section id="output">
+<h1>Output<a class="headerlink" href="#output" title="Permalink to this headline"></a></h1>
 <p>No output provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/manual/Layout/UIContentBlockFooter.html b/.doc/UI/build/html/manual/Layout/UIContentBlockFooter.html
index 2b1b708a7..c84274b35 100644
--- a/.doc/UI/build/html/manual/Layout/UIContentBlockFooter.html
+++ b/.doc/UI/build/html/manual/Layout/UIContentBlockFooter.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
-  <meta charset="utf-8" />
+  <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Examples &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+  <title>Examples &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="../../_static/css/ui-doc.css" type="text/css" />
   <!--[if lt IE 9]>
     <script src="../../_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
-        <script type="text/javascript" src="../../_static/jquery.js"></script>
-        <script type="text/javascript" src="../../_static/underscore.js"></script>
-        <script type="text/javascript" src="../../_static/doctools.js"></script>
-        <script type="text/javascript" src="../../_static/language_data.js"></script>
+  
+        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
+        <script src="../../_static/jquery.js"></script>
+        <script src="../../_static/underscore.js"></script>
+        <script src="../../_static/doctools.js"></script>
     <script src="../../_static/js/theme.js"></script>
     <link rel="index" title="Index" href="../../genindex.html" />
     <link rel="search" title="Search" href="../../search.html" /> 
@@ -24,7 +26,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="../../index.html" class="icon icon-home"> iTop UI<img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="../../index.html" class="icon icon-home"> iTop UI
+            <img src="../../_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
@@ -34,13 +37,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="../../generated/Layout/Layout.html">UI Layouts</a></li>
@@ -70,10 +73,10 @@
           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div itemprop="articleBody">
              
-  <div class="section" id="examples">
-<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
+  <section id="examples">
+<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline"></a></h1>
 <p>No examples provided yet</p>
-</div>
+</section>
 
 
            </div>
diff --git a/.doc/UI/build/html/objects.inv b/.doc/UI/build/html/objects.inv
index 8e524596add4ffc98b65c7f2b27a398982ff897b..23bfb8537bb4f82296949514b8f5562d74113fa0 100644
GIT binary patch
delta 4996
zcmV-~6MO85D3&OYd4JnD62AK>I5n)=lk7>HlW(!JnMqY<;~IN5XIi3d?a-o%q>{~T
zUt?cypJeez5I+r|8=xx{ilm9}`?>`*NDye<f8Re{H)DHouXd_&+FkAXZMAt*-MfE0
zf1X}Cak>)M-VW{99;Rm6_lL9jqCeWlc4!aVrI<bgfk!TP>3{SeG}rxU>M!o5_V`9_
zAp-XriTdWex*1xg{P0vw&s^DX+D@kdz<w*YQEYXM#D05T{nmC}Uw!R|ZugUqcqzA0
zM0JfsygaXNn{nh~zcs_YdFa})n)+&LUyfZfwWH7RPHv+d>Ke)M?!0=x+i{9R`@QOq
z?I6Ba2iiOcVt<<l?w82VF$=o0rfY{uKy=MR+i{Sm_P|-&-NjA+a_kSRZe6_Rm&vVw
z`nj&efh_;n54+~@)DHPT)yIDLATTuKW3%sARVc&!C_yyn{=hab!lz}xpB5kuKAyJQ
zb{xxq?<9x@{oV`*ULT4;ze*4ZdT3A6&~yce|Bwh0?tlA!dVUz11FyBmVgJ$$Kem0>
zmsEzY4Dwn*-b%<D4(St)?Y2McR;Ik0K_%(KX__$A<yu^)K4x@zq%fLpYKH@>G~ZhE
zmk>c^(ly@vl}MspD?=&!!=BmF?GJyIF@0D7KQX}13{X+ADr%Tz5I0*~D~r*xs%zM2
zh<Go+L2L=C4z5qHYGQ<1*T(h9b)AgRe`~t^PK2cO`Twc0T>;yM-3)ZaTsHz{fnC2Q
zMXJxSANMOV-6}YbX4R@0sE=z`Lb&EV4gKke#r~CFZ0_4E;*^OicX^!ekK*>{r9GV1
zBvbo5=zoz6zcZ8J0wQg3-1EEU7U|uarOcfy1Du-q{J#L4<J9oFynA)->P|6n5vP}+
zv7ehC{b{=R{nSnS8*$}@^<gluBL&7<`9s%l|5^u>H}Y!^r_fVABBC3PP`({8-dB4w
z*q@&&eQrEsJrVoIyq!k+z%IP!lW+qU7Vs}tL)IhsBJeB<_ISQ)2h>9YmgSF=odX(w
zxf7WD)Y;>{?GO>@Bfm^;XGC!z%Re-`rxpov&960fEjV$;z~oJUATW(Bn!zIcap+&L
z^(Ewj>LUYDbwh(5o1u9b3qfxMhy?AL0qtT4?=vqip~e<#?OnU<Sa9rEW8u58B<2#I
zCHPCzbp<xx@$w3aCK5zjwDB&yLsgo8Plw})WAeV3moRo0^!bc|jMqzIFpNO;EWF1M
z8x6&~5MGwxPzYlYk{B5=hZHe`C~7P)d1siy^=~8R;S<8$K8^%_NU)wqvTq7g3h;N9
z&^>MRZYfP|-c~s`Rmk2g#S!WdjoYn63`jA!;X-wb=q?I{5B6(jkBN%5C@L?1JTC!1
z+PIV8RuqtNgc#0J6sbsPM%r+BvBgn|t%Mf45mcp!Vu)2lvLwY@W#ni=2AM2qQpz(R
z@ojTxJGo6!8J9|Mu?wQ!9rx^!f0#d0$j;?Tx;y~!@Anf63SyhWHZE1KuJ|sD+V|Z<
zGt8e!WczZ3E)OvHcgJSiI!8o*P6)!%Ay1uoPu%hYX0tBQ(On*nXZVNrD0=*ne;%WV
z7BlwIRK~s}GEVqxe}1~@4-@nIwH_h~k=U2cUNg@b@Ot>-LcE2N+pF9csIr`U;}qjy
ze|uq}MLgxSQ#*{gtQ(26F_7NF3`k`q?|-GD1;KqAj8>5Ux>!q?A-uPL$7m5{ua~tD
z69#<aj24vtN?MDVA-p%#Xc76Zu(gO8!h55Q6OsSQTPm2#+poWI+$+8xmtul|iI?Ye
zxy5hSeZdZ7^5uI<bo=k-<;W-E(8cMZe^)z6GS+9zH>xx$Rq%`WNYYGvp3c<dG#FlV
z!;6Z!KKBjWK;-Kk^>I~yFuy?+^`6obR4dJckZ2nKEj&L0tudp!4NLTU-0J`fUf^1D
zJd{KTE;9K8E%P<zhbYM@Xyhc4OjF8V=7VO~u!xB$nex||CIA}X0;8t0WE!!`j2F-f
z4;eQrhGIv-#F<610`cb2P=u`AC}S<Ltof}lPiK+ofCZ=TkOZ!O7!*R0Aiw#q+vdX!
zJ-c-mPQ6ju3>1GV4oORCr|R~k^zO5CdXExf!T|Gq&~jFg;>f^Dz~AZv<hYxCn-F`u
z574D=_-!iuEk8g;x#<`4>&*SD_2%=LNbs99nwr;`258`KVEptn!CZT?A1M&Fgq|>d
zg_%h<P#a!AE~N>7`XXqJF(3ikEPZ-v0}TkkHC2D!B5>;Jm1k4}@X^=NE6C4iAVmfN
ztp<3Vk83;y-`OinNd;`xJh92D`Ig~>1i=hk$iNB21`vY0bU49D!v`0FIBcj<dsnA@
zRWL*MwBHz|Lla9DUOnA%*}Ga}R_}rVO*g^vX9S|OA|Tp-ER$+*K_;%ceDd<5b;j~1
zGiT{4o*--~Q)tjU=qz<>OqjL=E`Whq)MYZ)^`;9Oor#?(yl~34qgS9olen|gtuou&
zQfMHC=73|B;=9$LG+ZYNkz>2eAa%NfglO^IVUQTt`H5-Da!YWuH(MF!V3RC&1%NE)
zPIruPWb|ZzFe}h|eS{g1%8J$jNJ$2Sw=4iJB75DyB0@oU%Ls5Ha@QG1ep%XFae%CS
znKS(*t1NBK`N!7z>_q{Jcm{A*2&Cw-vCN}Q$1sxyAG<svLd+5ib&OqV^nw@d5aO68
zV5K!l1`IgWnjj-L@}-1@0^v2xnkRmhMOcPrjR!4%%fc%pH6mCPvN?Iw#D)cv6PnoA
zE<4ob<*&CQG%bs`c=4D90G1S>h;y4!SW2h?-L(^?`GovbxH3+wv^yGWr5sKZsj>J%
zkPXG6BsLPC6xl%d!V<orGz@!58nQuXqO7%ZqEK+q!U4~z=sq1(xj}TCy_pOCgp#EK
z2NwT-LA>ZnYZD?WtEM1SQkw)<Irn05&9bc1*d<ig<PuL@1&)bXbxo@Q1}?cGOUh^t
z1d(7LpckFt8VlODt1as_^c%f{ztESe7Tf5O0@KYfCIjCvlR_v>Rcy&kb6E&TYKoF<
ze<1kVV3OtBg@-YY>}KS$0xjkf%z#wJV)65Tez$86*@_kfsf0!9-^4Lqf!N_QFeHD0
z5(h~u5<7eb$7g;XT{CDg!xN+dqz*)6ko2@jV9;V)zNDeHbc2Y}vQ>!5?0o&jxTKbD
zlhYgvP-7iz)6)8PfK~w{`*V;sJNN{J08uET&j!Vc8KtXuYqLNpabiwtjt4aoIYuFW
z)Ge5<OiaA8^-^0jATPUR%h_{f?b}%Yp5Mxqkb<^u%E)T*N`iS%EW`o}BnKdiS|>Jy
zWCr8Jmm^_L719*lpkBe>8yDO%LpRv0@1v;Anu2jH_b5_9h%KS5x(OtZt<xmKwnvXD
z-2zRTqt1sxW0B?DycjW#jJ5-_0?p)q7G^*y<12!?X3Q6)0i+JTpokyh>9Lsr!u$$B
z3y5R_02QD!0fZ&Y5L!bl696cJlnEd##DvjeQkeiiLFh~XVKFm=781(@0E$3o0tkzk
zA+(5CCIDXqdI3v7!CYR_#}=>n-1(UR0%C%IQXMH1KwK_0697W61L;dfWCAdMMdN!@
zPaLlQ996<2^-1VMp;Sr8e$*w!_N5?Yx<7U4Mk5y#oo_DfXN5{LX7sT!4bTl~h>7SK
z>`+luo`#uKMTd-BG5ER<ion(XNhIYGTSDD;Q+Xlly-9|x^Bz^YzMC|Y&P+yQk>%VB
zWigJ7x(%}ewfY`rKq}+Qj+>`{Y%gr)@=^s~tlT`cG;ZEU@O87L8Z?fjg?BJ~6)sW}
z`gS3pWiBr@#BLX$nuv`o0dfr>*`pD~qDMy)pBNWOR6;!UNr@&v`aWz#aY)fo1)@Ym
z7Kd&!@)Oee=F)zq!Zc$}w25edVor#Oq?0G$KrUm9>RWJTT|8+=c)4PKL=QGKQc91)
zG4w=ICWUJbIv&L2EKxz>#^Zu31|J(h5jpW;lnFDfqx_f=Ouv~IM?i6zu_Y{x9B)8b
z*3pXUY}`;5(-N)aF$}3b9Nq2$N>=+eGFvy+Ft^<+dnm0RHX}D8M1)78L?=_X$`8J1
zRql<6U#l?^<MOqtb0IK)N3NoH;aO(oPvTryA6IMqq>sYzve;tD(Jg`^2VM{l(q%|q
z=VyzQQVr(*h*8e>xW*42DP86=d+X<q2)a^z8%|KHJ4;H4_h2{yp-wAFo(d^AdPEd4
zB^diTUx1sWn(BU&-q<fuV8XyDvk5v%;!R8$5OT~M;l#KT_9D4|iAP0iJX0&KshbkX
zt;`ceXk#XEMho+(5$)^52Vi(IbrGtu%?e1%j%iH}8Opa1Rl=nX4bqbk5#53IVFslG
z5KMNDqNj$0v>+fDIO+Tm@gOdmzu@k7ZMoDL$Pvijn6uLvvW`P5-|MnMtH`qeeVMn$
zpXoIZ6;Ba5HIgHL&<v*g!>;|eM<veAKLx{f&z8&74?Y-Id~G{cb=qp`tNnd{tS--g
zVT}L#&ws~?U3_|ByyAuWPZH(oyK()bu0QSn=3Z@!TKIle<u_Bm;pI1%n_o8UxntZ|
z<w>&gCI;7Py1FP|GUvPYW_iz$#gn+};B;*PT`(KFb|+we)1MY=^C9u2Ih>jf&cObD
zx7&+^!QF>;+zxy1r+~<XWz|(3QLOaGzMt&hp-EpY!F6})6|fRb(rrr@k6UMzN7x5k
zkF(Ir)R${34hUnlhlI92P%`BSR9Z2*U-Dt&UP9p_d`7@Yc@W4%L-!XJB<>vm1>uWe
zsg&hL9t*mE#i_z^OO4V93%#pRmbr-pGHpb`Agpz9uy(`cP#!Q>iDz1$gg{tsVqmTI
z%OowHmmFtU8ZDZza4w6n%)T~dQDm(q-9{={-0BD#!Vk&PIM0Y}t|!8UF_w!h+EU|c
zoMqN}fm{pIAQ($66tu-asSL~IN{LnMk3f;VAhGg)d|{SNdBm9QO7}skaNKI6G{R2r
z>Xc>9Tt>Qe7=XBi4g$hTutdsIW1bb=%2eUFg+^(Fb>7uU%j|c;8P*{H5*FGB7%QO?
zL`$K!-^JFWK}jBgQ0ZO@qrjd^z2w6>D+>qmPYNjL5?n#F7mWP^AEZ!_9x(PP_It&m
z*4smW!$hMIg(J4wrBfzCSHqTpzx>!}al1tv_#!KBDA9Sf6_fHPv<KeUAqN+Mmv$bd
z^)omH_9KTIQy#G7(0mXYfW&*j`_++Re-MTwah~xc=J+T!NQv<l>PHm{d{;PZnerq`
zKFzPxflQ2-fy~?mJ|zupraTBpqxma7*opCfj*;`Xz$>WX&y+U|DKsy@1EOf_-4v~*
ze!vfrqCDct%kWKP&=l<@Ge2jkhj7EFDDRlEGCUI)SVehdP6S!vjr34!(hIW;qV>Sw
zE5_<b-n{}pWDUorJQI;h^A&D@7VkZ=E%sJo$QI`vHT8k+4R;V1Z@ra4rq~O}VO^Ym
zH!Nv6UI`8KW_m~F*ICy`siEHtPf3}@{_+NcF<vt=ClvSzH9Va1j3I^Q3wXd7W4*I}
zzQ6<MA>@=797!}!ga?%|-Z0kw7I*?R%$)LqA%*4vc;Fdjy}ib%!~@u&=%g2HNkmTs
z2d6W<0j>C2&qK7~YNFR5=|!GQ3}A<Uy_;I^LUw5WkT&eYlt7Hz2!q@tPZ|4b_z5-a
zjrNkUpXnobAUx?IdlGf7W3WTxQGeJ{2yO@tmP6L}J75y{@yBNVgB)f5z2BX>R!s+A
zX%$s%t(`JJ*H}|j!wZOVQyJDOjiI`k%FYE?yXpUC!0haPwU^IthRjdbSNr*Y`DW0v
z^m{d&Yi|b6Po-D;x$|bw{M2~0p9@cb=BK)=o%D7BZpG|%bt*xfM_8PHu1+VIGonc%
z%-sH%o>|4RqRrSg!}i%OD9_0<ck=HdA5w9i>v~QIK0k5~t3evMvK{a>QefASRM)HK
z@U87c$@T;H@QPGkPT;Z>dbLh}o~LjM^Uc+Mg1K>Ok8f-^z98|s8Qc5Q)L-23zsv26
z@#eg`8Cn(<S-_f}dF&oe+ldEY4)!(y_Ev6Zu(#*cZ*AB0)z^OLc0UP-%LK%w+|Ce}
z=d59kBbW278TR~r&dAqPO)a~9U~U-&=(_~yJGq@f-<?<dmWW{<+V53=f8-8kU+8$2
zn<%bUN#fMwZEmKu+R3hF!WAS>s{@JB1bluTwA#siCg2KEo7HYMv$DimwN9y}AGXV~
zP}M-zsRg<yp;Qedkb13@KDCp^$KrW~Ts3tlEzL|^mi(&rvt9Ak*AJ}uU(7plDL3D%
zjzc@@HJV`1xR`g0rQE!K=*B847IyQis$1i<rXJcy_W!V5H0U#i7<~>_@`ncT&bZnZ
zq(zv%SgV?NJQSUR++MM0zXhW`rPG)ZHVk32AcT7oPtIGpy<+{vv*<6ri~fSr*@$u*
zQO@gjf_z*Sf5aX7u5;U1oQ|7nl)Sfq;)LyCR~`HPVWRS}f*V<X@ZN-pv(5b^l}wkr
zH$Z%<OS!#b-SjcqO;dV(g|yK~e696@l)feKWWJNzE7tKhP{&WXeUJbf2Cy*z!nYKr
z7W2S}1N@K~(nVyL2X5on#h12!uTGs6=as14R1)r}P;SzNI+S0*BPdLtP^U5^*n|ZM
O5b9v6gZ~5i+}ffc#+xeu

delta 4983
zcmV--6Nv1VD2XVLd4JqC629vxm<p@*G*WE&q?;wL6IVHFRiwmcYKE3)!x>JI96Pz~
zYwYXolPvxS;->+015~-pAt~bfzU~1UBnb38e&0XeHe-ABsCKGx+THB>ZMAt-J-UCq
z{5l;vak>)M-Vg2A9;as7_s5I*qTkvt?a&^#OEG;00*_qo(tqhcXs*Ze)L%VJ?dg@=
zLImzL67|((bvLw3`SH1$zH(*5c{`m40Q<GvMzPg368rUK^-J4zef7B?y4?>x;<emH
z5!E#k@%pm5Z^n^}{niZo=BaDPYU-=0J)F8`YDb^rjod~#)HRah&1Lm=x8oGY_IuTz
z+ChA;4zzg?#D6vq+%J)zV-|E5P1g>Sfasd1w&Nhr?UA##yQ{nYaO#h&Ze6|Qm&vVw
z`mwIWfh_-}A9l_0xgGL>s`vfyPGD%rFU`JVRiO;?y#&#q`y<;Ngip(WKP*5Rd^~Tr
z?KqYJKS&S_`n?&Bygn3xewH8-^w^%Kq3H?`|0NM5+<*7|^z~_Ij=a{MhW()#{@(Uo
zUs4%9Gss&7c`qUFIHXTFw%h)=Tbc4<29=~w=V`)Jms@e2`k2w>k-})YsU422(tK;t
zUqS?xN!NJuS0agatqi5?4|`@yw?F<_#`JCh{J;P|GC)Pes;FU>LELO{tt>{%s;*(9
zA>yq72W%y%I=DW)s)-S5T^rXY*L5;N|E=lvI}wuB=l?@vy8^ZiyBX+;x$Xqa0=s@q
zid3IdKkip#x>s->&8k&1P#@Q>gmBG!9{TeMi~Tdd*xa{S#3>V3?(#U_pTzCYp*^10
zBvbo5=zo$7zcQ2I0wQf`-1EEU7U|u)rObmY1Du-q{J#L4<J9oFynAu(>OnDa5$8kD
z*pJQM{dv0j_1sPSJ8|We^<gluBL&7<`BT?#|6B)@H}YE!r_fVABBC3PP`({8-dB4w
z*zX@IeQvy9JrVoIyq!jR$1Z&2lW+qU7W8jcL)IhsB=9T>_ISQ)2h>9YmgTpTodX(w
zc@UWV)Ww&5+aV&*dw!YR&WPebmVat?&n*(<mS1b^T5#fwfytWyL0}qNG=oL>m!Usk
z>r2Q5)q4h_>V^hAHA8b43qkJ%hy?AL0qtT4?;|fSp~e<#?L)ilSa9rEW8u58B<2#I
zCHSG~x&oUYczFdy6A7X%+ISb<p(@RPhvVtYF?nCiOBlNg`h3Pf#_J_97)GFa7T#ls
zjfUb~2ro-;D1@;HNsNq`LyDL|6g3u@yfaMU`nQqu@Co5=A4dW|Bv{WQ**AqL1^7El
z=$<xux0I$fZ>yY}DrE1L;s|w!#_d)j2Ba9=aG|<IbQguf2m3X%$3#V26qOf$o|k|h
zZQMz4D+<UsLJVgqic};tBW<|6*y5<fRzi#22&z&<F~lk&S(4(dGIBH_gG?4QDdicE
z_`W%|o!q9Vj7ufB*acA^PJ8yqKg^#gWan}vT^@k=kNb%Q1+h(G8<(nAS9}*n?fdSj
z8RpL<vVFNimj@X9hf}j{og*TDCj?>Xkf$!ZCvN!xvsstu=q?Y(3;e@-6g~dPKaWvF
ziy8Z9Dq~*~87F+U-#^^-$BFs<Ru7ScNbE~zubJlzcs+b^CEh~G?M?0rR9Viwaf)%U
zza3a;5l=bo)DB}V>qa7N45YU(15#PZ`(LSOL2%y&qZQ=8F4hue2=DEGF<L~~>t!v(
zgaO|;qXp%^lGb8o2=5IwT15UUY%OAj@ZM<SMC8BnmI~(b_UmsP_lobwrI;XK;^jGA
zZt>f7U$6t2eEFUd-Tu`aPJAK`U7RlZPqmXIV|~Vaqe`Pv1wV<8B+bO<=}b*dgW*Lt
zyr`J#^Vq-*M84ipA2$Vm^BYuA?<qY&wbDEYiM9dI!t*208Z)}vutdMdy$!J71+F#6
zLrH|-B9lMRGGAhTh?1OwMouEhG^PAyK4^vwi<pR#DSwS=0-ymdFlstWrV*>mcmb{O
zka4qOD0UP~oLM9*5N{q0MabHXGS(8yn%@fZbQYNoSaA9dN#KfqK_L_g@|*v<Z9d%4
zvs-uJ)ElMEK=G&IkhGL`s%}q8?><YX_b4GI3^3mZEoTKOjtsm6{H;Dfj=R~n39+~P
z0A2cq-=@Of@&ja)n|?9B&fLFQZ$6)i1iwk6sd<TMfCl~s#!pWZ%(W-`kpf{$=n3Oz
zn3-e)wc!QiQktNDFM`$>0}`;!(x<03(0~A3Q}yR90;g_Xct#}vAAKFYg8YmIQe+U&
zYJk`IxW-fPoxQ-6RKQlv6Pv7>Zy7#F5X``Z44go003parhZCGMd~hL%!-g8QcXQrX
z1v7Nd`;AdLG_hpi)zdAPy_+>=^)49DbQ3IpMj%Qn0;0`-GN}d^Wa6sJCoeBrXDoj*
zbC#~+3Br~#g$B)o&QiC=glS9Q0vMP@T_$r~Z@RG2nb?`a3#V*5dIcIZi91W(Dzm*U
zg$8114megRzFQ4S!*!w%Ikw9TQl~peh!)=+28nT<pO~gBw**Ifvz2iUHpy~V0LXIg
zbjKJ+Mo$KRvjV->dzb;KtY{s8lw?47%L4EsveykPA{2zTi~uJhcb$Rcm!-`W2gur&
zIn!UV%F^bXe{7x4UKF5+X8>n~K#Cq4%RJh23^Qr)vCAVO#4NE;$JnJtFL==oA&z+h
zR$7x}z<^V&2{LjcUrJag5Z=P9dE!@Dgk@;fc+j$cEWAQeBZ5UCo0CUPY*;Wkp^1&{
zvO{fN{(37y)3S(*7msNGU`YXrIJX&vrGy&LLpxELPsmS&E910EyQ8sI%HcGT8jCLk
z*-$J>Vk7ZMkqv||Ea4kU!?2g6Asd7y%33=o3Izu(9Ppfq?$be)8$`$1o4MdmC|N3S
zVDTS+#EY)9HX)+2Y6?OnwMlT5b1xRxEXz8LT|#wDF7d=w;Fy?I*R&d7;F2q{q>Sc3
z5DE4HdeIrKv7mjs+Ol3lztKDR3w^0-v5hV%Fx?DeGVl#EDTLBg#g^POmxX|&rYOnw
zM}of%CRxs1co^fzZbmLE&|*Ho3`k`x7JuD;?{@7mThW3bm9R+ti#WzB5IcMZhU70$
z;vi{7Vu#P*_{h(rYX&W5c!D&5)PaZ$lAaa`3|ef<mo(ItZV*vgwhA$sov*(bm(<d2
za++fSYOI58T3Y`O&?<mre-6@S2cMu2APQyl*`Qc4qjVK-Z5AjcPRvQo@t{T`$0&q<
zx&_mfiHTRXUTTX5<Yl*PIeV_GeH-iF^IN$RQqa~-8Cfk}NiYwJg;-#L<N#z*>%@kT
z%wU}ObRx{DLYkr*)C>4~<APge=mwkheH67>Q!uXOo<u4Lu_d%sH-QAQb(&<@_UKWi
zTcAmE()loGEV7)N7bC`z(RN@~pqbo%!wg7ed__>#jQN5zfYiYk6!AkmJvI|Sm|r1i
z0g+4qpaOIzfUtxaLTiX+0suvjG695zm@ryQDiZ)G2%QNaEM|t#LSmT!KoRIn0AUd`
zgccFY1mKH6FJK8Mn9EE0*y0tRJ3kXZKui!&sv~6rh|8sB0ze3MAbrV*OaP{TXnb$#
ziNp1uqe^(BJ_&s&lqw0?kGiDTz7(WP_opu1Xyk&T^UbCGtWasjj6OD|0lFa#F%dn3
z9V&{-(=fBD=#Y^s24D9<5xDw4iKJX&OQ`#9DlcTcH_5Pd-lIy_cavt)naOA@vYeZt
zEXI*hw_#SGRzJcFNM(H4ar2yi?S;);UaH`Wm7C|5#?AW(zHYWugT}G6@D7Hr!bNIA
z-!25S%;lwq*zE#T6S0vcK&}BKdo-e0^yp~f6XPO@N{FXEDbWN---nGT4k<dSK$M8c
z;?PY-enL9mT-wi6m}bn0HW3X_%n31(bn*lo$YqRCeGAU4izn>}FIS9z=)tB&O6gHJ
zhMq{uq;Sna$Ag%hB`PS~cwBJB;9~<QA}2nKGGV55lpiyK={NJ@2q-QywuGgT;|(aw
zI$BYkjT_2hTB5Z)h9T95quWD3$!gz5X6wcp=C*rf52f|PX5>bMi10|1=w#|v`N0>h
z%Dpl1Yc)n<T)tLyE(GR($W;^vo@G}4B+ixfakIux`X~%9i!GKM-6AM*;05s@U54a!
zezr&{)nM+A80CDAYy9Am(q%5Qw|@SJpexn4;RMCHv!sN04~7#E>a>#NsgQ!BM??`*
zg0Y|T1-MD7sqQ!Fjr|e@CJdZ1o1mj4-o%svA;-)SPK-NYFOr*ocvQ5;GqvKHx+#&|
z$~;koHf9oMv@nkv(Z0@n0EQ=17oi&4tbnxanAYTwp?nKbC0y#zAUz2Y(H&?XW>7i+
z!DRO+dTK~W3j%_Hlg=Lz58|Tv3+{f`mP?(19D)3eIXj&p>om0Ty)G-XiaZO@mw9je
znO^fy@f4v`BRK+p&0xAe?%KaRDsguHDHyhUv0SEp@WHs^bK9}1(^gYo?H~J7b$$60
zWBlKL{ySFe;`4#=iWllXNR*rJ#`TlB{=EN(d$lcU;rmgQ-%S06m)~4(e%i3-j&Wm^
zC&|j27+kCA>Y{wfobTG3<vl|dPvWkF)3pV3!EEf>oq$b$e_E`~hr~m3JU1Pjf&J}n
zw-*V6yLaul9roT&0g(&Ks;fGpSn2nDKiR)SlfGJl>+aMmU?rNQ+m<dKx6Ue$un)K%
zXQ7v=FV|Ka5XNc`32lF%WXcn$v|@C><ip0jgu+GmjDVB!AdrcM?k_Az+&cgY!WY3(
zDa(yK7Ice$Q-$M}8l@2ydRL<?a}x<<+K7TdSnJ|o?S{*tJYcR8&$K=Xfw0`fz*_B>
zNm@KFInJ;&S~OwdToz-QeQnC3$XZRhja0C>)e$s=ACjeUo)OzzPlO9&EEij}rN-4b
z%dGVRxfZ5DFqT><Xp4bT8J5eH606uBfg*cBV&(aN!YrHeh%wuh?t@g}xYb5!gq_~i
zDa)L>jCAWT0C5W)1ca4fiIk<rJS)1Dslss!jnW9~ysMLz+3$oitU~}KEVL0YRzf9+
zmO^j8i>*h4k~{*T(!CT$fjyUc$%l1T77pZ}6j0D5xPoXe82bf2NTDD-VC+-u_liZW
zw}*y*iAEy|M{KoAr%Z&dhAjhs`LWUBc8fUhMONNWqVsAiCgqFJ9(ZGi99#rm+If`L
z&)^i;j~s4HdBBoG^Fe3;67L1?S4WEdK^T(6dB&5N<D=LhCB|E*A5|#uUE#20%9AMh
zG`~^@GBI8TGIJOBlr*%N@*p6M=CAl*C&oK}M$X>?ub_rMQ{FJ7(7XT-h@!1`Q?!=)
z0Y5~F@`x)h!#9yZQ?!@N{G6p8!VROMykpAB@JwJ}73GyV5oC!s(nGCDFU&HC)&qmD
z7^@?B_X_-wH5{ArOhhWpSGWOMy!XVm*jtGqTby^))CamZ+(BHt^;QO%VlN<vb#dN*
zu%zX9B{a~R=^dG0XI&qqhJG_VC1n=-%Nq>Fc+JS1P~a!j@NmjAh7_7F-~nTd_0IbF
z0uP{vkW*f8B+)z(9#qD7!&v)U;0e?)bIJ>b6q*O%foGKU_8O-W4`7F)lU}eT5j_zc
zoX+qDwBl<$57CCJiC%-G7kM%<fF1UKZfd;?*`fJE+OQ8(0x@nQ404k^W$drvC)BVv
z+DpcMrjOu(@T7<ANz}QH!48c_{b5TXxFI-L4q4ytfJxw|zc=$A<S6^E{qEegYC8Bz
ztEg&g?UVt!#+srUUO<$a%CJ^x4Asq4b}qo$P5(CoW@q=Sy?lN%WPZB7+Rx8_H-na?
z->czVdoy@`D!tmzoi~H#r^c)OTzCRBKh<6Bq_-1rD`u~&Qwi!k!s7gMbvnV^*fzuV
ztBozs$>8!J|1L5b6=$lh=ak;_L-Vj2q>=5~0be7Dbsb4oy=oTT+D>(BKQa$5Nabbq
zElYw|>-2XDr!Zq&?Wc$vr}p%J%7)`h3U8aSeLPS7)dT;#+|C%UE~~qtWpRy#oarl%
zzQcJt@es<vUMIj_%k2#I`m*|^?Yh4D+z;LE2LW-NfVh_18RGhqHLP*ua=tagp1+Y9
z`KqX?Wj6rKEu#Q^lK_1qw=?LQ%ZlIBFwA57z3NZg!R!kiFLG18)hf+@n|eUa&6QR=
z`O!?cg7jx~Ak~?G&(CC5JK4(wTtRZO+RaB+mKv+pNwM_fa#<d!8ps>9Ko_Nis(}<x
zFO`(1b`tSeJTH)KrVb^RnTgBNSJi&LD!zXDi8cSLc}FhB=6ls?Xh*%u5)2ww^Nz6?
zn-|?!Ma9x=epPjEoYvHTL;HpOKW-Nd`ivn)pM#bBra`<juC@hf5vDKJswN%}MW-OQ
zH!Rw3!DvtEG-iYiL)a_`;hw~k^IC3iSby<V^cUYne?jSNM7fP9=XE<lJ}!$tqz--8
zxos>?$4xa#K3YI=!uGhUPW}EkQTbTGjV$<R!o=C;ev(S2%RL%$AU@T#+}^Nm`V{S^
zDZRcz+Gr%cT6#fB-x7E--^lF^>-Za}<EPv{NPrCk*cbreTMAQ)d0@l=e#i{zA~MVa
zxAE)ZOWS``r!I;!L)30E2zOj3H*G>4%8=j@6ed8ZQ#lT7!h#eAbud}M{{bv(#8wyo
Blf(c3

diff --git a/.doc/UI/build/html/search.html b/.doc/UI/build/html/search.html
index 8c8b8ba17..ed810c846 100644
--- a/.doc/UI/build/html/search.html
+++ b/.doc/UI/build/html/search.html
@@ -1,20 +1,21 @@
 <!DOCTYPE html>
-<html class="writer-html4" lang="en" >
+<html class="writer-html5" lang="en" >
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Search &mdash; iTop UI 3.0.0 documentation</title><link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
-    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+  <title>Search &mdash; iTop UI 3.0.0 documentation</title>
+      <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+      <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
       <link rel="stylesheet" href="_static/css/ui-doc.css" type="text/css" />
     
   <!--[if lt IE 9]>
     <script src="_static/js/html5shiv.min.js"></script>
   <![endif]-->
-  <script id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
-        <script type="text/javascript" src="_static/jquery.js"></script>
-        <script type="text/javascript" src="_static/underscore.js"></script>
-        <script type="text/javascript" src="_static/doctools.js"></script>
-        <script type="text/javascript" src="_static/language_data.js"></script>
+  
+        <script data-url_root="./" id="documentation_options" src="_static/documentation_options.js"></script>
+        <script src="_static/jquery.js"></script>
+        <script src="_static/underscore.js"></script>
+        <script src="_static/doctools.js"></script>
     <script src="_static/js/theme.js"></script>
     <script src="_static/searchtools.js"></script>
     <script src="_static/language_data.js"></script>
@@ -27,7 +28,8 @@
     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
       <div class="wy-side-scroll">
         <div class="wy-side-nav-search" >
-            <a href="index.html" class="icon icon-home"> iTop UI<img src="_static/itop-logo.png" class="logo" alt="Logo"/>
+            <a href="index.html" class="icon icon-home"> iTop UI
+            <img src="_static/itop-logo.png" class="logo" alt="Logo"/>
           </a>
 <div role="search">
   <form id="rtd-search-form" class="wy-form" action="#" method="get">
@@ -37,13 +39,13 @@
   </form>
 </div>
         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
-              <p class="caption"><span class="caption-text">Twig Base:</span></p>
+              <p class="caption" role="heading"><span class="caption-text">Twig Base:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="TwigBase/TwigBase.html">Twig Base Presentation</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseTuto/TwigBaseTuto.html">Twig Base Tutorial</a></li>
 <li class="toctree-l1"><a class="reference internal" href="TwigBaseReference/TwigBaseReference.html">Twig Base Reference</a></li>
 </ul>
-<p class="caption"><span class="caption-text">Tags reference:</span></p>
+<p class="caption" role="heading"><span class="caption-text">Tags reference:</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="generated/Component/Component.html">UI Components</a></li>
 <li class="toctree-l1"><a class="reference internal" href="generated/Layout/Layout.html">UI Layouts</a></li>
diff --git a/.doc/UI/build/html/searchindex.js b/.doc/UI/build/html/searchindex.js
index a059e49b4..e6d314d4f 100644
--- a/.doc/UI/build/html/searchindex.js
+++ b/.doc/UI/build/html/searchindex.js
@@ -1 +1 @@
-Search.setIndex({docnames:["TwigBase/TwigBase","TwigBaseReference/TwigBaseReference","TwigBaseTuto/Step1/Step1","TwigBaseTuto/Step2/Step2","TwigBaseTuto/Step3/Step3","TwigBaseTuto/Step4/Step4","TwigBaseTuto/TwigBaseTuto","generated/Component/Alert/Alert","generated/Component/Button/Button","generated/Component/ButtonGroup/ButtonGroup","generated/Component/CollapsibleSection/CollapsibleSection","generated/Component/Component","generated/Component/DataTable/DataTable","generated/Component/Field/Field","generated/Component/FieldBadge/FieldBadge","generated/Component/FieldSet/FieldSet","generated/Component/Form/Form","generated/Component/Input/FileSelect/FileSelect","generated/Component/Input/Input","generated/Component/Input/Select/Select","generated/Component/Input/Select/SelectOption","generated/Component/Panel/Panel","generated/Component/Spinner/Spinner","generated/Component/Title/Title","generated/Component/Toolbar/Toolbar","generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer","generated/Layout/Layout","generated/Layout/MultiColumn/Column/Column","generated/Layout/MultiColumn/MultiColumn","generated/Layout/UIContentBlock","index","manual/Component/Alert/AlertAdditionalDescription","manual/Component/Alert/AlertFooter","manual/Component/Button/ButtonAdditionalDescription","manual/Component/Button/ButtonFooter","manual/Component/ButtonGroup/ButtonGroupAdditionalDescription","manual/Component/ButtonGroup/ButtonGroupFooter","manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription","manual/Component/CollapsibleSection/CollapsibleSectionFooter","manual/Component/DataTable/DataTableAdditionalDescription","manual/Component/DataTable/DataTableFooter","manual/Component/Field/FieldAdditionalDescription","manual/Component/Field/FieldFooter","manual/Component/FieldBadge/FieldBadgeAdditionalDescription","manual/Component/FieldBadge/FieldBadgeFooter","manual/Component/FieldSet/FieldSetAdditionalDescription","manual/Component/FieldSet/FieldSetFooter","manual/Component/Form/FormAdditionalDescription","manual/Component/Form/FormFooter","manual/Component/Input/FileSelect/FileSelectAdditionalDescription","manual/Component/Input/FileSelect/FileSelectFooter","manual/Component/Input/InputAdditionalDescription","manual/Component/Input/InputFooter","manual/Component/Input/Select/SelectAdditionalDescription","manual/Component/Input/Select/SelectFooter","manual/Component/Input/Select/SelectOptionAdditionalDescription","manual/Component/Input/Select/SelectOptionFooter","manual/Component/Panel/PanelAdditionalDescription","manual/Component/Panel/PanelFooter","manual/Component/Spinner/SpinnerAdditionalDescription","manual/Component/Spinner/SpinnerFooter","manual/Component/Title/TitleAdditionalDescription","manual/Component/Title/TitleFooter","manual/Component/Toolbar/ToolbarAdditionalDescription","manual/Component/Toolbar/ToolbarFooter","manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription","manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter","manual/Layout/MultiColumn/Column/ColumnAdditionalDescription","manual/Layout/MultiColumn/Column/ColumnFooter","manual/Layout/MultiColumn/MultiColumnAdditionalDescription","manual/Layout/MultiColumn/MultiColumnFooter","manual/Layout/UIContentBlockAdditionalDescription","manual/Layout/UIContentBlockFooter"],envversion:{"sphinx.domains.c":1,"sphinx.domains.changeset":1,"sphinx.domains.cpp":1,"sphinx.domains.javascript":1,"sphinx.domains.math":2,"sphinx.domains.python":1,"sphinx.domains.rst":1,"sphinx.domains.std":1,sphinx:55},filenames:["TwigBase/TwigBase.rst","TwigBaseReference/TwigBaseReference.rst","TwigBaseTuto/Step1/Step1.rst","TwigBaseTuto/Step2/Step2.rst","TwigBaseTuto/Step3/Step3.rst","TwigBaseTuto/Step4/Step4.rst","TwigBaseTuto/TwigBaseTuto.rst","generated/Component/Alert/Alert.rst","generated/Component/Button/Button.rst","generated/Component/ButtonGroup/ButtonGroup.rst","generated/Component/CollapsibleSection/CollapsibleSection.rst","generated/Component/Component.rst","generated/Component/DataTable/DataTable.rst","generated/Component/Field/Field.rst","generated/Component/FieldBadge/FieldBadge.rst","generated/Component/FieldSet/FieldSet.rst","generated/Component/Form/Form.rst","generated/Component/Input/FileSelect/FileSelect.rst","generated/Component/Input/Input.rst","generated/Component/Input/Select/Select.rst","generated/Component/Input/Select/SelectOption.rst","generated/Component/Panel/Panel.rst","generated/Component/Spinner/Spinner.rst","generated/Component/Title/Title.rst","generated/Component/Toolbar/Toolbar.rst","generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer.rst","generated/Layout/Layout.rst","generated/Layout/MultiColumn/Column/Column.rst","generated/Layout/MultiColumn/MultiColumn.rst","generated/Layout/UIContentBlock.rst","index.rst","manual/Component/Alert/AlertAdditionalDescription.rst","manual/Component/Alert/AlertFooter.rst","manual/Component/Button/ButtonAdditionalDescription.rst","manual/Component/Button/ButtonFooter.rst","manual/Component/ButtonGroup/ButtonGroupAdditionalDescription.rst","manual/Component/ButtonGroup/ButtonGroupFooter.rst","manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription.rst","manual/Component/CollapsibleSection/CollapsibleSectionFooter.rst","manual/Component/DataTable/DataTableAdditionalDescription.rst","manual/Component/DataTable/DataTableFooter.rst","manual/Component/Field/FieldAdditionalDescription.rst","manual/Component/Field/FieldFooter.rst","manual/Component/FieldBadge/FieldBadgeAdditionalDescription.rst","manual/Component/FieldBadge/FieldBadgeFooter.rst","manual/Component/FieldSet/FieldSetAdditionalDescription.rst","manual/Component/FieldSet/FieldSetFooter.rst","manual/Component/Form/FormAdditionalDescription.rst","manual/Component/Form/FormFooter.rst","manual/Component/Input/FileSelect/FileSelectAdditionalDescription.rst","manual/Component/Input/FileSelect/FileSelectFooter.rst","manual/Component/Input/InputAdditionalDescription.rst","manual/Component/Input/InputFooter.rst","manual/Component/Input/Select/SelectAdditionalDescription.rst","manual/Component/Input/Select/SelectFooter.rst","manual/Component/Input/Select/SelectOptionAdditionalDescription.rst","manual/Component/Input/Select/SelectOptionFooter.rst","manual/Component/Panel/PanelAdditionalDescription.rst","manual/Component/Panel/PanelFooter.rst","manual/Component/Spinner/SpinnerAdditionalDescription.rst","manual/Component/Spinner/SpinnerFooter.rst","manual/Component/Title/TitleAdditionalDescription.rst","manual/Component/Title/TitleFooter.rst","manual/Component/Toolbar/ToolbarAdditionalDescription.rst","manual/Component/Toolbar/ToolbarFooter.rst","manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription.rst","manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter.rst","manual/Layout/MultiColumn/Column/ColumnAdditionalDescription.rst","manual/Layout/MultiColumn/Column/ColumnFooter.rst","manual/Layout/MultiColumn/MultiColumnAdditionalDescription.rst","manual/Layout/MultiColumn/MultiColumnFooter.rst","manual/Layout/UIContentBlockAdditionalDescription.rst","manual/Layout/UIContentBlockFooter.rst"],objects:{},objnames:{},objtypes:{},terms:{"break":29,"case":[7,32],"class":[3,4,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],"default":[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],"function":[3,4,5,7,32],"int":23,"new":[2,3,6],"null":[7,8,10,12,13,15,16,17,18,19,20,21,22,23,24,25,27,28,29],"public":[3,4,5],"return":[7,32],"static":[4,12,39],"true":[5,7,8,19,20,23,32],"var":[7,32],Adding:6,For:3,The:[0,4,5,7,12,13,15,23,32,40,42,46,62],Then:3,Used:29,Will:[23,62],abl:3,abov:2,accept:4,acolumn:[12,40],acontainerclass:[7,24,29,32],action:[5,8,9,16],actiontyp:8,adapt:18,adata:[12,40],add:[3,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addbutton:9,addclass:[7,32],addcolumn:28,addcssclass:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addcssfilerelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],adddeferredblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],addextrablock:9,addhtml:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],adding:3,addjsfilerelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addmainblock:21,addmultiplecssfilesrelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addmultiplejsfilesrelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addopt:19,addsubblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],addsubtitleblock:21,addtitleblock:21,addtoolbarblock:21,aextraparam:12,after:3,ajax:[7,32],ajaxdata:12,ajaxurl:12,alert:[8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,31,32],all:2,allow:[19,29],alreadi:7,also:9,altern:8,amonth:5,ani:[4,8],anim:[7,32],aoption:12,aparam:[4,5,13],applic:[3,4],approot:3,aquart:[4,5],arrai:[4,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],asset:2,attcod:13,attlabel:13,attribut:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],atttyp:13,autoload:3,avoid:8,base:[29,30],basi:[7,8,12,21],befor:19,begin:3,better:18,bismedallion:23,bissubmit:[5,8],block:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],bodi:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],bool:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],bselect:[4,5,20],bstatu:[7,32],build:3,built:3,button:[5,9,11,33],buttongroup:11,buttontext:17,buttontoolbarspac:25,call:[3,5,7,32],can:[2,3,4,7,32],cancel:8,cancoreupd:[7,32],cannot:8,chang:19,check:[3,7],choic:8,code:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,62],collaps:7,collapsiblesect:11,color:[7,8,21],colorfromclass:21,colorfromcolorsemant:21,colorfromormstyl:21,column:[12,26,28,40],combodo:[3,4],comfort:3,comment:[10,13,15,16,17,18,20,22,23,24,27,28,29],commun:7,compon:[3,7,8,12,18,21,26,30],compos:3,consid:8,consol:11,contain:[2,4,23,29],content:[7,10,12,13,14,15,16,19,21,23,24,27,28,29,32],control:[2,4,5],core:[7,32],correspond:[3,5],creat:[3,4,5,6,19],css:[2,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],cssclass:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],csscolorclass:21,current:[4,5],danger:[7,21],data:[2,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32,40],dataattribut:[4,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],datat:[11,39],date:4,dbobjectset:12,deal:18,dedic:2,deferredblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],descript:[12,40],descriptionfield1:[12,40],destruct:8,detect:19,develop:3,dict_:[7,32],dict_format:[23,62],dictionari:2,differ:2,dir_error_out:[7,32],disabl:20,displai:[2,3,4,7,11,19,23,29,32,62],displaycolumn:12,displaypag:[3,4,5],doc:2,dump:3,dure:3,dynam:[4,12,39],els:[7,32],endfor:[4,5],enduialert:[7,32],enduicollapsiblesect:10,enduicolumn:27,enduicontentblock:[4,5,7,29,32],enduidatat:12,enduifield:[13,42],enduifieldbadg:14,enduifieldset:[15,46],enduiform:[4,5,16],enduimulticolumn:28,enduipanel:21,enduiselect:[4,5,19],enduititl:[3,4,5,23,62],enduitoolbar:24,enter:3,environ:[15,46],error:[7,32],exampl:[4,33,41,45],exec:3,exec_modul:3,exec_pag:3,extend:[3,4,5],extens:2,failur:[7,21,31,32],fals:[4,5,7,8,32],featur:0,februari:[4,5],feedback:7,field:[11,15,18,41,42],fieldbadg:11,fieldset:[11,13,45,46],filenam:17,fileselect:11,first:8,focu:8,folder:[2,3],follow:[2,12,23,40,62],forfailur:32,forhidden:5,forinform:32,form:[4,5,8,11,18,19],format:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,40],forpag:[3,4,5,62],forprimaryact:5,forselect:[4,5],forselectopt:[4,5],found:3,from:[3,7],fulltextsearchtitle_text:[23,62],gener:[2,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32,42,46],get:2,getus:4,give:[4,7],goe:[7,10,12,13,14,15,16,19,21,23,24,27,28,29,32],going:8,hand:8,handleoper:3,has:[9,12,40],have:[3,4,5,12,40],header:[7,32],hello:[4,6],helloworld:[3,4,5],helper:2,here:[3,4,7,10,12,13,14,15,16,19,21,23,24,27,28,29,32],hidden:[5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],hook:2,how:4,html:[3,4,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],http:3,ibo:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],iconclass:8,ilevel:23,img:2,imonth:5,inc:3,index:[3,4,5],indic:[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],inform:[3,5,7,11,21,31,32],initdisplaydata:12,input:[5,11,19],inputid:13,inputtyp:13,instal:3,instanc:3,instead:8,ischeck:18,isclos:[7,32],iscollaps:[7,21,32],isdis:[8,18],isheadervisibleonscrol:21,ishidden:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],islabelbefor:19,ismandatori:13,ismultipl:19,isreadonli:[13,18],isslav:13,itop:[2,3,4,11,13,15,18,42,46],itopupd:[7,32],iuiblock:[7,9,10,12,13,14,15,16,19,21,23,24,27,28,29],iuicontentblock:21,januari:[4,5],javascript:[7,32],jscode:8,jsrefresh:12,just:3,label:[8,12,13,18,19,20,40],labelfield1:[12,40],land:3,layout:[3,13,30],let:[3,4,5],like:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],line:29,link:8,load:[7,32],localhost:3,locat:3,main:[7,8],mainblock:21,make:[7,8,9,12,21],mandatori:[8,9,10,12,13,14,15,17,18,19,20,21,23,27,29],march:[4,5],menu:9,messag:[7,21],method:[3,4],model:2,modifi:5,modul:[2,3],modulesroot:3,month:[4,5],more:[3,4],multicolumn:26,multipl:[5,19],must:[5,7],mustchang:13,mustprompt:13,mvc:0,mycompani:[3,4],myform:5,mymodul:[3,4],mymodulecontrol:[3,4,5],name:[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],namefield1:[12,40],namefield2:[12,40],namespac:[3,4],navig:8,need:5,next:3,nice:3,now:[3,5],object:21,oblock:27,obutton:9,ocancoreupd:[7,32],oinput:13,omenu:9,onclickjscod:8,one:5,onli:[5,7,8],onsubmitjscod:16,opag:12,open:8,openedbydefault:[7,10],oper:[3,6],operationhelloworld:[3,4],operationselectmonth:5,option:[7,8,9,10,12,13,15,16,17,18,19,20,21,22,23,24,25,27,28,29],orequir:[7,32],ormstyl:[14,21],oset:12,ostyl:14,otitl:23,oupdatecontrol:3,output:[4,5],page:[2,3,7,26],panel:[11,12],param:[8,12,14,25],paramet:4,part:5,pass:[5,6],path:3,php:[2,3,4,5],placehold:18,popovermenu:9,posit:[8,19],pre:29,present:[2,30],previou:5,primari:[7,8,9,21],product:[13,42],provid:[8,9,10,12,14,16,17,18,19,20,21,22,24,25,27,28,29,34,35,36,37,38,40,43,44,47,48,49,50,51,52,53,54,55,56,57,58,59,60,63,64,65,66,67,68,69,70,71,72],purpos:8,put:2,raw:7,readparam:5,real:[7,32],rectangular:7,refer:30,relat:[13,15],remov:7,removeclass:[7,32],render:3,requir:[7,32],require_onc:3,result:[13,15,42,46],resultcolumn:12,role:[4,5],run:3,sanit:7,scheme:[7,21],sclass:21,scode:29,scontent:7,screen:7,sdate:4,second:8,secondari:[7,8,21],see:[3,8,18],seen:4,select:[3,4,5,11,20],selectmonth:5,selectopt:[11,19],selector:4,send:4,serv:26,servic:2,set:[3,5,7,32],setdefaultoper:3,setup:3,sfilter:12,sfulltext:[23,62],she:8,should:[3,8],show:[7,32],showfilenam:17,siconclass:8,siconcovermethod:23,siconurl:23,sid:[4,5,7,8,10,12,13,15,16,17,18,19,20,22,23,24,25,27,28,29,32],side:9,sinputid:18,sinputnam:18,sinputtyp:18,sinputvalu:18,slabel:[4,5,8,13,18,19,20,42],slayout:13,slegend:[15,46],slistid:12,small:42,smessag:[7,32],smonth:[4,5],sname:[4,5,8,17,18,19],some:4,someth:8,soon:19,space:3,specif:[3,7,21],specifi:3,spinner:[7,11,32],src:[2,3,4,5],sref:12,sselectedmonth:5,ssubtitl:21,standard:[4,5,7,32,46],starget:8,startup:3,stitl:[3,4,5,7,10,12,21,23,62],stooltiptext:8,string:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],structur:[0,6],stype:[8,18],sub:29,subblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],submit:[5,19],submitonchang:19,subtitl:21,subtitleblock:21,success:[7,8,21,31,32],surl:8,svalu:[4,5,8,14,18,20],svaluehtml:13,symlink:3,syntax:[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],system:7,systeminform:3,tag:[3,30],tell:8,templat:[2,5,6],temporari:[7,32],them:4,thi:[3,4,5,8],titl:[3,7,11,21],titleblock:21,toolbar:11,toolbarspac:11,toolblock:21,toolkit:3,tooltip:8,transform:4,trigger:8,tutori:30,twig:[2,3,4,5,30],twigbas:[3,4],two:4,type:[4,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],uialert:[7,32],uiblock:[13,19,23,27],uibutton:[5,8],uibuttongroup:9,uicollapsiblesect:10,uicolumn:27,uicontentblock:[4,5,7,26,32],uidatat:12,uifield:[13,15,42,46],uifieldbadg:14,uifieldset:[15,46],uifileselect:17,uiform:[4,5,16],uiinput:[5,18],uimulticolumn:28,uipanel:21,uiselect:[4,5,19],uiselectopt:[4,5,20],uispinn:[7,22,32],uititl:[3,4,5,23,62],uitoolbar:24,uitoolbarspac:25,unitari:11,updat:[3,7,32],url:8,use:[3,4],used:[2,5,8,11],user:[7,8],userright:4,using:[2,7,32],util:5,valid:8,valu:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],valuefield1:[12,40],valuefield2:[12,40],valueid:13,valueraw:13,variabl:[5,6],vendor:2,version:2,want:3,warn:[7,21,31],webpag:12,when:[3,18],wide:7,without:3,world:[4,6],yet:[8,9,10,12,14,16,17,18,19,20,21,22,24,25,27,28,29,34,35,36,37,38,40,43,44,47,48,49,50,51,52,53,54,55,56,57,58,59,60,63,64,65,66,67,68,69,70,71,72],you:[2,3,4],your:[2,3]},titles:["Twig Base Presentation","Twig Base Reference","1. Creating the structure","2. Hello World!","3. Passing variables to templates","4. Adding new operations","Twig Base Tutorial","Alert","Button","ButtonGroup","CollapsibleSection","UI Components","DataTable","Field","FieldBadge","FieldSet","Form","FileSelect","Input","Select","SelectOption","Panel","Spinner","Title","Toolbar","ToolbarSpacer","UI Layouts","Column","MultiColumn","UIContentBlock","Welcome to iTop 3.0 UI\u2019s documentation!","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples"],titleterms:{"new":5,Adding:5,The:3,alert:7,alternativeneutr:8,base:[0,1,6],button:8,buttongroup:9,buttonwithoptionsmenu:9,collapsiblesect:10,column:27,common:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],compon:11,control:3,creat:2,datat:12,destructiveiconlink:8,document:30,end:3,exampl:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72],field:13,fieldbadg:14,fieldset:15,fileselect:17,foract:24,foralternativedestructiveact:8,foralternativeprimaryact:8,foralternativesecondaryact:8,foralternativevalidationact:8,forblock:27,forbutton:24,forcancel:8,forclass:21,forcod:29,fordang:[7,21],fordestructiveact:8,forfailur:[7,21],forfield:14,forform:12,forhidden:18,forinform:[7,21],forinputwithlabel:18,form:16,forobject:12,forpag:23,forpagewithicon:23,forpositiveact:8,forpreformat:29,forprimaryact:8,forrend:12,forrenderingobject:12,forresult:12,forsecondaryact:8,forselect:19,forselectopt:20,forselectwithlabel:19,forstaticdata:12,forsuccess:[7,21],forwarn:[7,21],fromobject:13,fromparam:13,hello:3,iconact:8,iconlink:8,input:18,itop:30,larg:13,layout:26,linkneutr:8,multicolumn:28,neutral:[7,8,21,23],oper:5,output:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,31,33,35,37,39,41,43,45,47,49,51,53,55,57,59,61,63,65,67,69,71],panel:21,paramet:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],pass:4,point:3,present:0,refer:1,select:19,selectopt:20,small:13,spinner:22,standard:[10,13,15,16,17,18,22,23,24,25,27,28,29],structur:2,tag:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],templat:[3,4],titl:23,toolbar:24,toolbarspac:25,tutori:6,twig:[0,1,6,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],uicontentblock:29,variabl:4,welcom:30,withbrandingprimarycolor:[7,21],withbrandingsecondarycolor:[7,21],world:3}})
\ No newline at end of file
+Search.setIndex({docnames:["TwigBase/TwigBase","TwigBaseReference/TwigBaseReference","TwigBaseTuto/Step1/Step1","TwigBaseTuto/Step2/Step2","TwigBaseTuto/Step3/Step3","TwigBaseTuto/Step4/Step4","TwigBaseTuto/TwigBaseTuto","generated/Component/Alert/Alert","generated/Component/Button/Button","generated/Component/ButtonGroup/ButtonGroup","generated/Component/CollapsibleSection/CollapsibleSection","generated/Component/Component","generated/Component/DataTable/DataTable","generated/Component/Field/Field","generated/Component/FieldBadge/FieldBadge","generated/Component/FieldSet/FieldSet","generated/Component/Form/Form","generated/Component/Input/FileSelect/FileSelect","generated/Component/Input/Input","generated/Component/Input/Select/Select","generated/Component/Input/Select/SelectOption","generated/Component/Panel/Panel","generated/Component/Spinner/Spinner","generated/Component/Title/Title","generated/Component/Toolbar/Toolbar","generated/Component/Toolbar/ToolbarSpacer/ToolbarSpacer","generated/Layout/Layout","generated/Layout/MultiColumn/Column/Column","generated/Layout/MultiColumn/MultiColumn","generated/Layout/UIContentBlock","index","manual/Component/Alert/AlertAdditionalDescription","manual/Component/Alert/AlertFooter","manual/Component/Button/ButtonAdditionalDescription","manual/Component/Button/ButtonFooter","manual/Component/ButtonGroup/ButtonGroupAdditionalDescription","manual/Component/ButtonGroup/ButtonGroupFooter","manual/Component/CollapsibleSection/CollapsibleSectionAdditionalDescription","manual/Component/CollapsibleSection/CollapsibleSectionFooter","manual/Component/DataTable/DataTableAdditionalDescription","manual/Component/DataTable/DataTableFooter","manual/Component/Field/FieldAdditionalDescription","manual/Component/Field/FieldFooter","manual/Component/FieldBadge/FieldBadgeAdditionalDescription","manual/Component/FieldBadge/FieldBadgeFooter","manual/Component/FieldSet/FieldSetAdditionalDescription","manual/Component/FieldSet/FieldSetFooter","manual/Component/Form/FormAdditionalDescription","manual/Component/Form/FormFooter","manual/Component/Input/FileSelect/FileSelectAdditionalDescription","manual/Component/Input/FileSelect/FileSelectFooter","manual/Component/Input/InputAdditionalDescription","manual/Component/Input/InputFooter","manual/Component/Input/Select/SelectAdditionalDescription","manual/Component/Input/Select/SelectFooter","manual/Component/Input/Select/SelectOptionAdditionalDescription","manual/Component/Input/Select/SelectOptionFooter","manual/Component/Panel/PanelAdditionalDescription","manual/Component/Panel/PanelFooter","manual/Component/Spinner/SpinnerAdditionalDescription","manual/Component/Spinner/SpinnerFooter","manual/Component/Title/TitleAdditionalDescription","manual/Component/Title/TitleFooter","manual/Component/Toolbar/ToolbarAdditionalDescription","manual/Component/Toolbar/ToolbarFooter","manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerAdditionalDescription","manual/Component/Toolbar/ToolbarSpacer/ToolbarSpacerFooter","manual/Layout/MultiColumn/Column/ColumnAdditionalDescription","manual/Layout/MultiColumn/Column/ColumnFooter","manual/Layout/MultiColumn/MultiColumnAdditionalDescription","manual/Layout/MultiColumn/MultiColumnFooter","manual/Layout/UIContentBlockAdditionalDescription","manual/Layout/UIContentBlockFooter"],envversion:{"sphinx.domains.c":2,"sphinx.domains.changeset":1,"sphinx.domains.citation":1,"sphinx.domains.cpp":4,"sphinx.domains.index":1,"sphinx.domains.javascript":2,"sphinx.domains.math":2,"sphinx.domains.python":3,"sphinx.domains.rst":2,"sphinx.domains.std":2,sphinx:56},filenames:["TwigBase\\TwigBase.rst","TwigBaseReference\\TwigBaseReference.rst","TwigBaseTuto\\Step1\\Step1.rst","TwigBaseTuto\\Step2\\Step2.rst","TwigBaseTuto\\Step3\\Step3.rst","TwigBaseTuto\\Step4\\Step4.rst","TwigBaseTuto\\TwigBaseTuto.rst","generated\\Component\\Alert\\Alert.rst","generated\\Component\\Button\\Button.rst","generated\\Component\\ButtonGroup\\ButtonGroup.rst","generated\\Component\\CollapsibleSection\\CollapsibleSection.rst","generated\\Component\\Component.rst","generated\\Component\\DataTable\\DataTable.rst","generated\\Component\\Field\\Field.rst","generated\\Component\\FieldBadge\\FieldBadge.rst","generated\\Component\\FieldSet\\FieldSet.rst","generated\\Component\\Form\\Form.rst","generated\\Component\\Input\\FileSelect\\FileSelect.rst","generated\\Component\\Input\\Input.rst","generated\\Component\\Input\\Select\\Select.rst","generated\\Component\\Input\\Select\\SelectOption.rst","generated\\Component\\Panel\\Panel.rst","generated\\Component\\Spinner\\Spinner.rst","generated\\Component\\Title\\Title.rst","generated\\Component\\Toolbar\\Toolbar.rst","generated\\Component\\Toolbar\\ToolbarSpacer\\ToolbarSpacer.rst","generated\\Layout\\Layout.rst","generated\\Layout\\MultiColumn\\Column\\Column.rst","generated\\Layout\\MultiColumn\\MultiColumn.rst","generated\\Layout\\UIContentBlock.rst","index.rst","manual\\Component\\Alert\\AlertAdditionalDescription.rst","manual\\Component\\Alert\\AlertFooter.rst","manual\\Component\\Button\\ButtonAdditionalDescription.rst","manual\\Component\\Button\\ButtonFooter.rst","manual\\Component\\ButtonGroup\\ButtonGroupAdditionalDescription.rst","manual\\Component\\ButtonGroup\\ButtonGroupFooter.rst","manual\\Component\\CollapsibleSection\\CollapsibleSectionAdditionalDescription.rst","manual\\Component\\CollapsibleSection\\CollapsibleSectionFooter.rst","manual\\Component\\DataTable\\DataTableAdditionalDescription.rst","manual\\Component\\DataTable\\DataTableFooter.rst","manual\\Component\\Field\\FieldAdditionalDescription.rst","manual\\Component\\Field\\FieldFooter.rst","manual\\Component\\FieldBadge\\FieldBadgeAdditionalDescription.rst","manual\\Component\\FieldBadge\\FieldBadgeFooter.rst","manual\\Component\\FieldSet\\FieldSetAdditionalDescription.rst","manual\\Component\\FieldSet\\FieldSetFooter.rst","manual\\Component\\Form\\FormAdditionalDescription.rst","manual\\Component\\Form\\FormFooter.rst","manual\\Component\\Input\\FileSelect\\FileSelectAdditionalDescription.rst","manual\\Component\\Input\\FileSelect\\FileSelectFooter.rst","manual\\Component\\Input\\InputAdditionalDescription.rst","manual\\Component\\Input\\InputFooter.rst","manual\\Component\\Input\\Select\\SelectAdditionalDescription.rst","manual\\Component\\Input\\Select\\SelectFooter.rst","manual\\Component\\Input\\Select\\SelectOptionAdditionalDescription.rst","manual\\Component\\Input\\Select\\SelectOptionFooter.rst","manual\\Component\\Panel\\PanelAdditionalDescription.rst","manual\\Component\\Panel\\PanelFooter.rst","manual\\Component\\Spinner\\SpinnerAdditionalDescription.rst","manual\\Component\\Spinner\\SpinnerFooter.rst","manual\\Component\\Title\\TitleAdditionalDescription.rst","manual\\Component\\Title\\TitleFooter.rst","manual\\Component\\Toolbar\\ToolbarAdditionalDescription.rst","manual\\Component\\Toolbar\\ToolbarFooter.rst","manual\\Component\\Toolbar\\ToolbarSpacer\\ToolbarSpacerAdditionalDescription.rst","manual\\Component\\Toolbar\\ToolbarSpacer\\ToolbarSpacerFooter.rst","manual\\Layout\\MultiColumn\\Column\\ColumnAdditionalDescription.rst","manual\\Layout\\MultiColumn\\Column\\ColumnFooter.rst","manual\\Layout\\MultiColumn\\MultiColumnAdditionalDescription.rst","manual\\Layout\\MultiColumn\\MultiColumnFooter.rst","manual\\Layout\\UIContentBlockAdditionalDescription.rst","manual\\Layout\\UIContentBlockFooter.rst"],objects:{},objnames:{},objtypes:{},terms:{"0":[2,5],"1":[6,23],"2":[4,6],"3":[2,5,6],"4":6,"break":29,"case":[7,32],"class":[3,4,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],"default":[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],"function":[3,4,5,7,32],"int":23,"new":[2,3,6],"null":[7,8,10,12,13,15,16,17,18,19,20,21,22,23,24,25,27,28,29],"public":[3,4,5],"return":[7,32],"static":[4,12,39],"true":[5,7,8,19,20,23,32],"var":[7,32],A:[11,26],For:3,If:[2,19],In:5,No:[8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,34,35,36,37,38,40,43,44,47,48,49,50,51,52,53,54,55,56,57,58,59,60,63,64,65,66,67,68,69,70,71,72],The:[0,4,5,7,12,13,15,23,32,40,42,46,62],Then:3,Will:[23,62],abl:3,abov:2,accept:4,acolumn:[12,40],acontainerclass:[7,24,29,32],action:[5,8,9,16],actiontyp:8,ad:[3,6],adapt:18,adata:[12,40],add:[3,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addbutton:9,addclass:[7,32],addcolumn:28,addcssclass:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addcssfilerelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],adddeferredblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],addextrablock:9,addhtml:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addjsfilerelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addmainblock:21,addmultiplecssfilesrelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addmultiplejsfilesrelpath:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],addopt:19,addsubblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],addsubtitleblock:21,addtitleblock:21,addtoolbarblock:21,aextraparam:12,after:3,ajax:[7,32],ajaxdata:12,ajaxurl:12,alert:[8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,31,32],all:2,allow:[19,29],alreadi:7,also:9,altern:8,amonth:5,an:[3,4,5,7,8,9,32],ani:[4,8],anim:[7,32],aoption:12,aparam:[4,5,13],applic:[3,4],approot:3,aquart:[4,5],ar:[4,5,7],arrai:[4,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],asset:2,attcod:13,attlabel:13,attribut:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],atttyp:13,autoload:3,avoid:8,base:29,basi:[7,8,12,21],befor:19,begin:3,better:18,bismedallion:23,bissubmit:[5,8],block:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],bodi:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],bool:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],bselect:[4,5,20],bstatu:[7,32],build:3,built:3,button:[5,9,11,33],buttongroup:11,buttontext:17,buttontoolbarspac:25,call:[3,5,7,32],can:[2,3,4,7,32],cancel:8,cancoreupd:[7,32],cannot:8,chang:19,check:[3,7],choic:8,code:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,62],collaps:7,collapsiblesect:11,color:[7,8,21],colorfromclass:21,colorfromcolorsemant:21,colorfromormstyl:21,column:[12,26,28,40],combodo:[3,4],comfort:3,comment:[10,13,15,16,17,18,20,22,23,24,27,28,29],commun:7,compon:[3,7,8,12,18,21,30],compos:3,consid:8,consol:11,contain:[2,4,23,29],content:[7,10,12,13,14,15,16,19,21,23,24,27,28,29,32],control:[2,4,5],core:[7,32],correspond:[3,5],creat:[3,4,5,6,19],css:[2,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],cssclass:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],csscolorclass:21,current:[4,5],danger:[7,21],data:[2,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32,40],dataattribut:[4,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],datat:[11,39],date:4,dbobjectset:12,deal:18,dedic:2,deferredblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],descript:[12,40],descriptionfield1:[12,40],destruct:8,detect:19,develop:3,dict_:[7,32],dict_format:[23,62],dictionari:2,differ:2,dir_error_out:[7,32],disabl:20,displai:[2,3,4,7,11,19,23,29,32,62],displaycolumn:12,displaypag:[3,4,5],doc:2,dump:3,dure:3,dynam:[4,12,39],els:[7,32],endfor:[4,5],enduialert:[7,32],enduicollapsiblesect:10,enduicolumn:27,enduicontentblock:[4,5,7,29,32],enduidatat:12,enduifield:[13,42],enduifieldbadg:14,enduifieldset:[15,46],enduiform:[4,5,16],enduimulticolumn:28,enduipanel:21,enduiselect:[4,5,19],enduititl:[3,4,5,23,62],enduitoolbar:24,enter:3,environ:[15,46],error:[7,32],exampl:[4,33,41,45],exec:3,exec_modul:3,exec_pag:3,extend:[3,4,5],extens:2,failur:[7,21,31,32],fals:[4,5,7,8,32],featur:0,februari:[4,5],feedback:7,field:[11,15,18,41,42],fieldbadg:11,fieldset:[11,13,45,46],filenam:17,fileselect:11,first:8,focu:8,folder:[2,3],follow:[2,12,23,40,62],forfailur:32,forhidden:5,forinform:32,form:[4,5,8,11,18,19],format:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,40],forpag:[3,4,5,62],forprimaryact:5,forselect:[4,5],forselectopt:[4,5],found:3,from:[3,7],fulltextsearchtitle_text:[23,62],gener:[2,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32,42,46],get:2,getus:4,give:[4,7],go:[3,8],goe:[7,10,12,13,14,15,16,19,21,23,24,27,28,29,32],ha:[9,12,40],hand:8,handleoper:3,have:[3,4,5,12,40],he:8,header:[7,32],hello:[4,6],helloworld:[3,4,5],helper:2,here:[3,4,7,10,12,13,14,15,16,19,21,23,24,27,28,29,32],hidden:[5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],hook:2,how:4,html:[3,4,5,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],http:3,ibo:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],iconclass:8,id:7,ilevel:23,img:2,imonth:5,inc:3,index:[3,4,5],indic:[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],inform:[3,5,7,11,21,31,32],initdisplaydata:12,input:[5,11,19],inputid:13,inputtyp:13,instal:3,instanc:3,instead:8,ischeck:18,isclos:[7,32],iscollaps:[7,21,32],isdis:[8,18],isheadervisibleonscrol:21,ishidden:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32],islabelbefor:19,ismandatori:13,ismultipl:19,isreadonli:[13,18],isslav:13,itop:[2,3,4,11,13,15,18,42,46],itopupd:[7,32],iuiblock:[7,9,10,12,13,14,15,16,19,21,23,24,27,28,29],iuicontentblock:21,januari:[4,5],javascript:[7,32],js:2,jscode:8,jsrefresh:12,just:3,label:[8,12,13,18,19,20,40],labelfield1:[12,40],land:3,layout:[3,13,30],let:[3,4,5],like:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],line:29,link:8,ll:2,load:[7,32],localhost:3,locat:3,main:[7,8],mainblock:21,make:[7,8,9,12,21],mandatori:[8,9,10,12,13,14,15,17,18,19,20,21,23,27,29],march:[4,5],menu:9,messag:[7,21],method:[3,4],model:2,modifi:5,modul:[2,3],modulesroot:3,month:[4,5],more:[3,4],multicolumn:26,multipl:[5,19],must:[5,7],mustchang:13,mustprompt:13,mvc:0,my:[2,3,4],mycompani:[3,4],myform:5,mymodul:[3,4],mymodulecontrol:[3,4,5],name:[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],namefield1:[12,40],namefield2:[12,40],namespac:[3,4],navig:8,need:5,next:3,nice:3,now:[3,5],object:21,oblock:27,obutton:9,ocancoreupd:[7,32],oinput:13,ok:5,omenu:9,onclickjscod:8,one:5,onli:[5,7,8],onsubmitjscod:16,opag:12,open:8,openedbydefault:[7,10],oper:[3,6],operationhelloworld:[3,4],operationselectmonth:5,option:[7,8,9,10,12,13,15,16,17,18,19,20,21,22,23,24,25,27,28,29],orequir:[7,32],ormstyl:[14,21],oset:12,ostyl:14,otitl:23,oupdatecontrol:3,output:[4,5],page:[2,3,7,26],panel:[11,12],param:[8,12,14,25],paramet:4,part:5,pass:[5,6],path:3,php:[2,3,4,5],placehold:18,popovermenu:9,posit:[8,19],pre:29,present:[2,30],previou:5,primari:[7,8,9,21],product:[13,42],provid:[8,9,10,12,14,16,17,18,19,20,21,22,24,25,27,28,29,34,35,36,37,38,40,43,44,47,48,49,50,51,52,53,54,55,56,57,58,59,60,63,64,65,66,67,68,69,70,71,72],purpos:8,put:2,r:4,raw:7,readparam:5,real:[7,32],rectangular:7,relat:[13,15],remov:7,removeclass:[7,32],render:3,requir:[7,32],require_onc:3,result:[13,15,42,46],resultcolumn:12,role:[4,5],run:3,s:[3,4,5],sanit:7,scheme:[7,21],sclass:21,scode:29,scontent:7,screen:7,sdate:4,second:8,secondari:[7,8,21],see:[3,8,18],seen:4,select:[3,4,5,11,20],selectmonth:5,selectopt:[11,19],selector:4,send:4,serv:26,servic:2,set:[3,5,7,32],setdefaultoper:3,setup:3,sfilter:12,sfulltext:[23,62],she:8,should:[3,8],show:[7,32],showfilenam:17,siconclass:8,siconcovermethod:23,siconurl:23,sid:[4,5,7,8,10,12,13,15,16,17,18,19,20,22,23,24,25,27,28,29,32],side:9,sinputid:18,sinputnam:18,sinputtyp:18,sinputvalu:18,slabel:[4,5,8,13,18,19,20,42],slayout:13,slegend:[15,46],slistid:12,small:42,smessag:[7,32],smonth:[4,5],sname:[4,5,8,17,18,19],some:4,someth:8,soon:19,space:3,specif:[3,7,21],specifi:3,spinner:[7,11,32],src:[2,3,4,5],sref:12,sselectedmonth:5,ssubtitl:21,standard:[4,5,7,32,46],starget:8,startup:3,stitl:[3,4,5,7,10,12,21,23,62],stooltiptext:8,string:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],structur:[0,6],stype:[8,18],sub:29,subblock:[7,10,12,13,14,15,16,19,21,23,24,27,28,29],submit:[5,19],submitonchang:19,subtitl:21,subtitleblock:21,success:[7,8,21,31,32],surl:8,svalu:[4,5,8,14,18,20],svaluehtml:13,symlink:3,syntax:[3,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],system:7,systeminform:3,tag:3,tell:8,templat:[2,5,6],temporari:[7,32],them:4,thi:[3,4,5,8],titl:[3,7,11,21],titleblock:21,toolbar:11,toolbarspac:11,toolblock:21,toolkit:3,tooltip:8,transform:4,trigger:8,tutori:30,twig:[2,3,4,5],twigbas:[3,4],two:4,type:[4,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],ui:[3,7,8,23,32,62],uialert:[7,32],uiblock:[13,19,23,27],uibutton:[5,8],uibuttongroup:9,uicollapsiblesect:10,uicolumn:27,uicontentblock:[4,5,7,26,32],uidatat:12,uifield:[13,15,42,46],uifieldbadg:14,uifieldset:[15,46],uifileselect:17,uiform:[4,5,16],uiinput:[5,18],uimulticolumn:28,uipanel:21,uiselect:[4,5,19],uiselectopt:[4,5,20],uispinn:[7,22,32],uititl:[3,4,5,23,62],uitoolbar:24,uitoolbarspac:25,unitari:11,updat:[3,7,32],url:8,us:[2,3,4,5,7,8,11,29,32],user:[7,8],userright:4,util:5,valid:8,valu:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],valuefield1:[12,40],valuefield2:[12,40],valueid:13,valueraw:13,variabl:[5,6],vendor:2,version:2,want:3,warn:[7,21,31],we:[3,4,5],webpag:12,when:[3,18],wide:7,without:3,world:[4,6],yet:[8,9,10,12,14,16,17,18,19,20,21,22,24,25,27,28,29,34,35,36,37,38,40,43,44,47,48,49,50,51,52,53,54,55,56,57,58,59,60,63,64,65,66,67,68,69,70,71,72],you:[2,3,4],your:[2,3]},titles:["Twig Base Presentation","Twig Base Reference","1. Creating the structure","2. Hello World!","3. Passing variables to templates","4. Adding new operations","Twig Base Tutorial","Alert","Button","ButtonGroup","CollapsibleSection","UI Components","DataTable","Field","FieldBadge","FieldSet","Form","FileSelect","Input","Select","SelectOption","Panel","Spinner","Title","Toolbar","ToolbarSpacer","UI Layouts","Column","MultiColumn","UIContentBlock","Welcome to iTop 3.0 UI\u2019s documentation!","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples","Output","Examples"],titleterms:{"0":30,"1":2,"2":3,"3":[4,30],"4":5,"new":5,The:3,ad:5,alert:7,alternativeneutr:8,base:[0,1,6,30],button:8,buttongroup:9,buttonwithoptionsmenu:9,collapsiblesect:10,column:27,common:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],compon:[11,26],control:3,creat:2,datat:12,destructiveiconlink:8,document:30,end:3,exampl:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72],field:13,fieldbadg:14,fieldset:15,fileselect:17,foract:24,foralternativedestructiveact:8,foralternativeprimaryact:8,foralternativesecondaryact:8,foralternativevalidationact:8,forblock:27,forbutton:24,forcancel:8,forclass:21,forcod:29,fordang:[7,21],fordestructiveact:8,forfailur:[7,21],forfield:14,forform:12,forhidden:18,forinform:[7,21],forinputwithlabel:18,form:16,forobject:12,forpag:23,forpagewithicon:23,forpositiveact:8,forpreformat:29,forprimaryact:8,forrend:12,forrenderingobject:12,forresult:12,forsecondaryact:8,forselect:19,forselectopt:20,forselectwithlabel:19,forstaticdata:12,forsuccess:[7,21],forwarn:[7,21],fromobject:13,fromparam:13,hello:3,iconact:8,iconlink:8,input:18,itop:30,larg:13,layout:26,linkneutr:8,multicolumn:28,neutral:[7,8,21,23],oper:5,output:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,31,33,35,37,39,41,43,45,47,49,51,53,55,57,59,61,63,65,67,69,71],panel:21,paramet:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29],pass:4,point:3,present:0,refer:[1,30],s:30,select:19,selectopt:20,small:13,spinner:22,standard:[10,13,15,16,17,18,22,23,24,25,27,28,29],structur:2,tag:[7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,30],templat:[3,4],titl:23,toolbar:24,toolbarspac:25,tutori:6,twig:[0,1,6,7,8,9,10,12,13,14,15,16,17,18,19,20,21,22,23,24,25,27,28,29,30],ui:[11,26,30],uicontentblock:29,variabl:4,welcom:30,withbrandingprimarycolor:[7,21],withbrandingsecondarycolor:[7,21],world:3}})
\ No newline at end of file