@madgex/design-system 1.51.0 → 1.53.0

package/coverage/cobertura-coverage.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" ?>
 <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
-<coverage lines-valid="425" lines-covered="200" line-rate="0.4706" branches-valid="117" branches-covered="47" branch-rate="0.4017" timestamp="1590751891996" complexity="0" version="0.1">
+<coverage lines-valid="432" lines-covered="207" line-rate="0.4792" branches-valid="119" branches-covered="48" branch-rate="0.40340000000000004" timestamp="1591786972313" complexity="0" version="0.1">
   <sources>
     <source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
   </sources>
@@ -142,205 +142,248 @@
         </class>
       </classes>
     </package>
-    <package name="components.inputs.combobox.vue-components" line-rate="0.7759" branch-rate="0.5832999999999999">
+    <package name="components.inputs.combobox.vue-components" line-rate="0.8" branch-rate="0.5769">
       <classes>
-        <class name="Combobox.vue" filename="src/components/inputs/combobox/vue-components/Combobox.vue" line-rate="0.7759" branch-rate="0.5832999999999999">
+        <class name="Combobox.vue" filename="src/components/inputs/combobox/vue-components/Combobox.vue" line-rate="0.7868999999999999" branch-rate="0.5769">
           <methods>
             <method name="_default" hits="0" signature="()V">
               <lines>
-                <line number="77" hits="0"/>
+                <line number="78" hits="0"/>
               </lines>
             </method>
             <method name="data" hits="12" signature="()V">
               <lines>
-                <line number="84" hits="12"/>
+                <line number="89" hits="12"/>
+              </lines>
+            </method>
+            <method name="provide" hits="12" signature="()V">
+              <lines>
+                <line number="97" hits="12"/>
               </lines>
             </method>
             <method name="get" hits="16" signature="()V">
               <lines>
-                <line number="94" hits="16"/>
+                <line number="104" hits="16"/>
               </lines>
             </method>
             <method name="set" hits="3" signature="()V">
               <lines>
-                <line number="100" hits="3"/>
+                <line number="110" hits="3"/>
               </lines>
             </method>
             <method name="get" hits="14" signature="()V">
               <lines>
-                <line number="109" hits="14"/>
+                <line number="119" hits="14"/>
               </lines>
             </method>
             <method name="set" hits="7" signature="()V">
               <lines>
-                <line number="112" hits="7"/>
+                <line number="122" hits="7"/>
               </lines>
             </method>
             <method name="get" hits="13" signature="()V">
               <lines>
-                <line number="117" hits="13"/>
+                <line number="127" hits="13"/>
               </lines>
             </method>
             <method name="set" hits="4" signature="()V">
               <lines>
-                <line number="120" hits="4"/>
+                <line number="130" hits="4"/>
               </lines>
             </method>
             <method name="visibleOptions" hits="15" signature="()V">
               <lines>
-                <line number="126" hits="15"/>
+                <line number="136" hits="15"/>
               </lines>
             </method>
-            <method name="(anonymous_10)" hits="28" signature="()V">
+            <method name="(anonymous_11)" hits="28" signature="()V">
               <lines>
-                <line number="128" hits="28"/>
+                <line number="138" hits="28"/>
               </lines>
             </method>
             <method name="labelId" hits="12" signature="()V">
               <lines>
-                <line number="132" hits="12"/>
+                <line number="142" hits="12"/>
               </lines>
             </method>
             <method name="listBoxId" hits="12" signature="()V">
               <lines>
-                <line number="135" hits="12"/>
+                <line number="145" hits="12"/>
               </lines>
             </method>
             <method name="optionId" hits="12" signature="()V">
               <lines>
-                <line number="138" hits="12"/>
+                <line number="148" hits="12"/>
+              </lines>
+            </method>
+            <method name="isLoading" hits="12" signature="()V">
+              <lines>
+                <line number="151" hits="12"/>
               </lines>
             </method>
             <method name="selectedOptionId" hits="17" signature="()V">
               <lines>
-                <line number="141" hits="17"/>
+                <line number="154" hits="17"/>
               </lines>
             </method>
             <method name="listBoxHidden" hits="17" signature="()V">
               <lines>
-                <line number="148" hits="17"/>
+                <line number="161" hits="17"/>
               </lines>
             </method>
             <method name="lastOptionIndex" hits="1" signature="()V">
               <lines>
-                <line number="151" hits="1"/>
+                <line number="164" hits="1"/>
               </lines>
             </method>
             <method name="resultCount" hits="15" signature="()V">
               <lines>
-                <line number="154" hits="15"/>
+                <line number="167" hits="15"/>
+              </lines>
+            </method>
+            <method name="ariaExpanded" hits="17" signature="()V">
+              <lines>
+                <line number="173" hits="17"/>
               </lines>
             </method>
             <method name="makeActive" hits="5" signature="()V">
               <lines>
-                <line number="162" hits="5"/>
+                <line number="179" hits="5"/>
               </lines>
             </method>
             <method name="makeInactive" hits="1" signature="()V">
               <lines>
-                <line number="165" hits="1"/>
+                <line number="182" hits="1"/>
               </lines>
             </method>
             <method name="clickOption" hits="1" signature="()V">
               <lines>
-                <line number="168" hits="1"/>
+                <line number="185" hits="1"/>
               </lines>
             </method>
             <method name="chooseOption" hits="0" signature="()V">
               <lines>
-                <line number="172" hits="0"/>
+                <line number="189" hits="0"/>
               </lines>
             </method>
             <method name="hiddenGuard" hits="3" signature="()V">
               <lines>
-                <line number="176" hits="3"/>
+                <line number="193" hits="3"/>
               </lines>
             </method>
             <method name="onInputBlur" hits="0" signature="()V">
               <lines>
-                <line number="180" hits="0"/>
+                <line number="197" hits="0"/>
               </lines>
             </method>
             <method name="onKeyDown" hits="1" signature="()V">
               <lines>
-                <line number="183" hits="1"/>
+                <line number="200" hits="1"/>
               </lines>
             </method>
             <method name="onKeyUp" hits="0" signature="()V">
               <lines>
-                <line number="192" hits="0"/>
+                <line number="209" hits="0"/>
               </lines>
             </method>
             <method name="onKeyHome" hits="1" signature="()V">
               <lines>
-                <line number="201" hits="1"/>
+                <line number="218" hits="1"/>
               </lines>
             </method>
             <method name="onKeyEnd" hits="1" signature="()V">
               <lines>
-                <line number="204" hits="1"/>
+                <line number="221" hits="1"/>
               </lines>
             </method>
           </methods>
           <lines>
-            <line number="43" hits="1" branch="false"/>
             <line number="44" hits="1" branch="false"/>
             <line number="45" hits="1" branch="false"/>
-            <line number="77" hits="0" branch="false"/>
-            <line number="85" hits="12" branch="false"/>
-            <line number="95" hits="16" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="96" hits="1" branch="false"/>
-            <line number="98" hits="15" branch="false"/>
-            <line number="102" hits="3" branch="false"/>
-            <line number="103" hits="3" branch="true" condition-coverage="50% (1/2)"/>
-            <line number="104" hits="3" branch="false"/>
-            <line number="105" hits="3" branch="false"/>
-            <line number="110" hits="14" branch="false"/>
-            <line number="113" hits="7" branch="false"/>
-            <line number="118" hits="13" branch="false"/>
-            <line number="121" hits="4" branch="false"/>
-            <line number="122" hits="4" branch="false"/>
-            <line number="123" hits="4" branch="false"/>
-            <line number="126" hits="15" branch="false"/>
-            <line number="127" hits="15" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="128" hits="42" branch="false"/>
-            <line number="130" hits="1" branch="false"/>
-            <line number="133" hits="12" branch="false"/>
-            <line number="136" hits="12" branch="false"/>
-            <line number="139" hits="12" branch="false"/>
-            <line number="142" hits="17" branch="false"/>
-            <line number="143" hits="17" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="144" hits="2" branch="false"/>
-            <line number="146" hits="15" branch="false"/>
-            <line number="149" hits="17" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="152" hits="1" branch="false"/>
-            <line number="155" hits="15" branch="true" condition-coverage="50% (1/2)"/>
-            <line number="156" hits="0" branch="false"/>
-            <line number="158" hits="15" branch="false"/>
-            <line number="163" hits="5" branch="false"/>
-            <line number="166" hits="1" branch="false"/>
-            <line number="168" hits="1" branch="true" condition-coverage="100% (2/2)"/>
-            <line number="169" hits="1" branch="false"/>
-            <line number="170" hits="1" branch="false"/>
-            <line number="173" hits="0" branch="false"/>
-            <line number="174" hits="0" branch="false"/>
-            <line number="177" hits="3" branch="true" condition-coverage="50% (1/2)"/>
-            <line number="178" hits="3" branch="false"/>
-            <line number="181" hits="0" branch="false"/>
-            <line number="184" hits="1" branch="true" condition-coverage="50% (1/2)"/>
-            <line number="185" hits="0" branch="false"/>
-            <line number="186" hits="0" branch="true" condition-coverage="0% (0/2)"/>
-            <line number="187" hits="0" branch="false"/>
-            <line number="188" hits="1" branch="false"/>
-            <line number="189" hits="1" branch="false"/>
-            <line number="193" hits="0" branch="true" condition-coverage="0% (0/2)"/>
-            <line number="194" hits="0" branch="false"/>
-            <line number="195" hits="0" branch="true" condition-coverage="0% (0/2)"/>
-            <line number="196" hits="0" branch="false"/>
+            <line number="46" hits="1" branch="false"/>
+            <line number="78" hits="0" branch="false"/>
+            <line number="90" hits="12" branch="false"/>
+            <line number="98" hits="12" branch="false"/>
+            <line number="105" hits="16" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="106" hits="1" branch="false"/>
+            <line number="108" hits="15" branch="false"/>
+            <line number="112" hits="3" branch="false"/>
+            <line number="113" hits="3" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="114" hits="3" branch="false"/>
+            <line number="115" hits="3" branch="false"/>
+            <line number="120" hits="14" branch="false"/>
+            <line number="123" hits="7" branch="false"/>
+            <line number="128" hits="13" branch="false"/>
+            <line number="131" hits="4" branch="false"/>
+            <line number="132" hits="4" branch="false"/>
+            <line number="133" hits="4" branch="false"/>
+            <line number="136" hits="15" branch="false"/>
+            <line number="137" hits="15" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="138" hits="42" branch="false"/>
+            <line number="140" hits="1" branch="false"/>
+            <line number="143" hits="12" branch="false"/>
+            <line number="146" hits="12" branch="false"/>
+            <line number="149" hits="12" branch="false"/>
+            <line number="152" hits="12" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="155" hits="17" branch="false"/>
+            <line number="156" hits="17" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="157" hits="2" branch="false"/>
+            <line number="159" hits="15" branch="false"/>
+            <line number="162" hits="17" branch="false"/>
+            <line number="165" hits="1" branch="false"/>
+            <line number="168" hits="15" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="169" hits="0" branch="false"/>
+            <line number="171" hits="15" branch="false"/>
+            <line number="175" hits="17" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="180" hits="5" branch="false"/>
+            <line number="183" hits="1" branch="false"/>
+            <line number="185" hits="1" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="186" hits="1" branch="false"/>
+            <line number="187" hits="1" branch="false"/>
+            <line number="190" hits="0" branch="false"/>
+            <line number="191" hits="0" branch="false"/>
+            <line number="194" hits="3" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="195" hits="3" branch="false"/>
             <line number="198" hits="0" branch="false"/>
-            <line number="201" hits="1" branch="false"/>
-            <line number="202" hits="1" branch="false"/>
+            <line number="201" hits="1" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="202" hits="0" branch="false"/>
+            <line number="203" hits="0" branch="true" condition-coverage="0% (0/2)"/>
+            <line number="204" hits="0" branch="false"/>
             <line number="205" hits="1" branch="false"/>
+            <line number="206" hits="1" branch="false"/>
+            <line number="210" hits="0" branch="true" condition-coverage="0% (0/2)"/>
+            <line number="211" hits="0" branch="false"/>
+            <line number="212" hits="0" branch="true" condition-coverage="0% (0/2)"/>
+            <line number="213" hits="0" branch="false"/>
+            <line number="215" hits="0" branch="false"/>
+            <line number="218" hits="1" branch="false"/>
+            <line number="219" hits="1" branch="false"/>
+            <line number="222" hits="1" branch="false"/>
+          </lines>
+        </class>
+        <class name="ListBoxOption.vue" filename="src/components/inputs/combobox/vue-components/ListBoxOption.vue" line-rate="1" branch-rate="1">
+          <methods>
+            <method name="searchValue" hits="3" signature="()V">
+              <lines>
+                <line number="30" hits="3"/>
+              </lines>
+            </method>
+            <method name="highlightOption" hits="29" signature="()V">
+              <lines>
+                <line number="35" hits="29"/>
+              </lines>
+            </method>
+            <method name="(anonymous_3)" hits="106" signature="()V">
+              <lines>
+                <line number="36" hits="106"/>
+              </lines>
+            </method>
+          </methods>
+          <lines>
+            <line number="31" hits="3" branch="false"/>
+            <line number="36" hits="29" branch="false"/>
+            <line number="38" hits="106" branch="false"/>
+            <line number="40" hits="29" branch="false"/>
           </lines>
         </class>
       </classes>

package/coverage/components/accordion/accordion.js.html

@@ -396,7 +396,7 @@ export default accordion;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri May 29 2020 12:31:32 GMT+0100 (British Summer Time)
+                at Wed Jun 10 2020 12:02:52 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/components/accordion/index.html

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri May 29 2020 12:31:32 GMT+0100 (British Summer Time)
+                at Wed Jun 10 2020 12:02:52 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/components/inputs/combobox/combobox.js.html

@@ -105,7 +105,7 @@ export default {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri May 29 2020 12:31:32 GMT+0100 (British Summer Time)
+                at Wed Jun 10 2020 12:02:52 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/components/inputs/combobox/index.html

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri May 29 2020 12:31:32 GMT+0100 (British Summer Time)
+                at Wed Jun 10 2020 12:02:52 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../../prettify.js"></script>

package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html

@@ -22,30 +22,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.59% </span>
+                <span class="strong">78.69% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>45/58</span>
+                <span class='fraction'>48/61</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.33% </span>
+                <span class="strong">57.69% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>14/24</span>
+                <span class='fraction'>15/26</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.19% </span>
+                <span class="strong">86.67% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>23/27</span>
+                <span class='fraction'>26/30</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.59% </span>
+                <span class="strong">78.69% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>45/58</span>
+                <span class='fraction'>48/61</span>
             </div>
         
             
@@ -265,7 +265,25 @@
 <a name='L207'></a><a href='#L207'>207</a>
 <a name='L208'></a><a href='#L208'>208</a>
 <a name='L209'></a><a href='#L209'>209</a>
-<a name='L210'></a><a href='#L210'>210</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</a>
+<a name='L214'></a><a href='#L214'>214</a>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -349,6 +367,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -357,6 +379,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">16x</span>
@@ -406,6 +433,9 @@
 <span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">17x</span>
 <span class="cline-any cline-yes">17x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -426,6 +456,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -493,11 +527,11 @@
       :placeholder="placeholder"
       :aria-labelledby="labelId"
       :aria-owns="listBoxId"
-      :aria-expanded="expanded"
+      :aria-expanded="ariaExpanded"
       :activeDescendent="selectedOptionId"
       v-model="inputValue"
     /&gt;
-    &lt;ListBox :id="listBoxId" :aria-labelledby="labelId" :hidden="listBoxHidden"&gt;
+    &lt;ListBox :id="listBoxId" :aria-labelledby="labelId" :hidden="listBoxHidden" :isLoading="isLoading"&gt;
       &lt;template&gt;
         &lt;ListBoxOption
           v-for="(option, index) in visibleOptions"
@@ -506,6 +540,7 @@
           :id="`${optionId}-${index}`"
           :focused="selectedOption === option"
           @mousedown="clickOption(option)"
+          :searchValue="searchValue"
         /&gt;
       &lt;/template&gt;
     &lt;/ListBox&gt;
@@ -556,15 +591,24 @@ export default {
       type: Boolean,
       default: true,
     },
+    iconpath: {
+      type: String,
+      default: '/assets/icons.svg',
+    },
   },
   data() {
     return {
-      expanded: 'false',
+      expanded: false,
       selected: null,
       chosen: null,
       searchValue: this.$props.value,
     };
   },
+  provide() {
+    return {
+      iconPath: this.iconpath,
+    };
+  },
   computed: {
     inputValue: {
       get() {
@@ -614,6 +658,9 @@ export default {
     optionId() {
       return `${this.comboboxid}-option`;
     },
+    isLoading() {
+<span class="branch-1 cbranch-no" title="branch not covered" >      return this.options.length === 0 &amp;&amp; this.expanded;</span>
+    },
     selectedOptionId() {
       const index = this.visibleOptions.indexOf(this.selectedOption);
       if (index &gt; -1) {
@@ -622,7 +669,7 @@ export default {
       return false;
     },
     listBoxHidden() {
-      return this.expanded === 'false' || this.visibleOptions.length === 0;
+      return !this.expanded;
     },
     lastOptionIndex() {
       return this.visibleOptions.length - 1;
@@ -633,13 +680,17 @@ export default {
       }
       return `${this.visibleOptions.length} ${this.resultmessage}`;
     },
+    ariaExpanded() {
+      // These must be strings to apply as an aria attribute of the same name
+      return this.expanded ? 'true' : 'false';
+    },
   },
   methods: {
     makeActive() {
-      this.expanded = 'true';
+      this.expanded = true;
     },
     makeInactive() {
-      this.expanded = 'false';
+      this.expanded = false;
     },
     clickOption(option = this.selectedOption) {
       this.chosenOption = option;
@@ -690,7 +741,7 @@ export default {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri May 29 2020 12:31:32 GMT+0100 (British Summer Time)
+                at Wed Jun 10 2020 12:02:52 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../../../prettify.js"></script>