From 7b26bf2bcc05b23de4a2221e2defeb5e4d92e755 Mon Sep 17 00:00:00 2001
From: Vladimir Krivosheev <vladimir.krivosheev@jetbrains.com>
Date: Mon, 28 Sep 2020 19:23:15 +0200
Subject: [PATCH] refine icon-loading-stat flow (describe `svg-prebuilt`)

GitOrigin-RevId: 8217d75f69907d41bd56dcfecb67a0c81e7f207f
---
 platform/docs/build.main.kts                  |   2 +-
 platform/docs/icon-loading-stat.puml          |  17 +-
 platform/docs/out/getting-service.svg         |   4 +-
 platform/docs/out/icon-loading-stat.svg       | 282 ++++++++++--------
 platform/docs/out/index.html                  |  50 ++++
 .../docs/out/projectClose-dispose-flow.svg    |   6 +-
 6 files changed, 228 insertions(+), 133 deletions(-)
 create mode 100644 platform/docs/out/index.html

diff --git a/platform/docs/build.main.kts b/platform/docs/build.main.kts
index eb4af2a41a07..90e9d9061345 100644
--- a/platform/docs/build.main.kts
+++ b/platform/docs/build.main.kts
@@ -1,6 +1,6 @@
 // Copyright 2000-2020 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE file.
 @file:Repository("https://repo1.maven.org/maven2/")
-@file:DependsOn("net.sourceforge.plantuml:plantuml:1.2020.15")
+@file:DependsOn("net.sourceforge.plantuml:plantuml:1.2020.17")
 
 import net.sourceforge.plantuml.FileFormat
 import net.sourceforge.plantuml.FileFormatOption
diff --git a/platform/docs/icon-loading-stat.puml b/platform/docs/icon-loading-stat.puml
index b72f3c9f3d08..45ed13efb25d 100644
--- a/platform/docs/icon-loading-stat.puml
+++ b/platform/docs/icon-loading-stat.puml
@@ -1,8 +1,6 @@
  @startuml
  !include jb-plantuml-theme.puml
 
-' Time measurement: svg-decode includes svg-cache-read.
-
 :find-icon;
 note right
   Externally called method ""IconLoader.findIcon""
@@ -24,11 +22,17 @@ if (Is Cached) then (yes)
 else (no)
   if (Is resourceClass Provided) then (yes)
     :load-from-resource]
-    if (Is Resource Exist) then (yes)
-    else (no)
-      ' That's why load-from-resource maybe not equal to sum of ""svg-load"" and ""png-load""
-      :Return ""null"";
+    if (Is prebuiltCacheId Provided) then (yes)
+      :svg-prebuilt]
+      :Return Image;
       detach;
+    else
+      if (Is Resource Exist) then (yes)
+      else (no)
+        ' That's why load-from-resource maybe not equal to sum of ""svg-load"" and ""png-load""
+        :Return ""null"";
+        detach;
+      endif
     endif
   else (no)
     :load-from-url]
@@ -36,6 +40,7 @@ else (no)
 
   if (Is SVG) then (yes)
     :svg-cache-read]
+
     if (Is Cached) then (yes)
     else (no)
       :svg-decode]
diff --git a/platform/docs/out/getting-service.svg b/platform/docs/out/getting-service.svg
index 60434b6cec30..01f83f7c5741 100644
--- a/platform/docs/out/getting-service.svg
+++ b/platform/docs/out/getting-service.svg
@@ -60,7 +60,7 @@
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="37" x="524.75" y="387.3047">active</text>
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="195" x="708.75" y="387.3047">disposed or dispose in progress</text>
     <rect fill="#FFFFFF" filter="url(#f1l0swyqxm156j)" height="426.5352" style="stroke: #000000; stroke-width: 1.5;" width="867" x="11" y="412.7227"/>
-    <path d="M204,413.7227 L204,422.1289 L194,432.1289 L11,432.1289 " fill="none" style="stroke: #000000; stroke-width: 1.5;"/>
+    <path d="M204,412.7227 L204,422.1289 L194,432.1289 L11,432.1289 " fill="none" style="stroke: #000000; stroke-width: 1.5;"/>
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="183" x="14" y="426.7109">synchronized on service class</text>
     <polygon fill="#F8F8F8" filter="url(#f1l0swyqxm156j)" points="207.5,499.332,291.5,499.332,303.5,511.332,291.5,523.332,207.5,523.332,195.5,511.332,207.5,499.332" style="stroke: #383838; stroke-width: 1.0;"/>
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="84" x="207.5" y="516.1172">Is Initializing?</text>
@@ -71,7 +71,7 @@
     <text class="code" lengthAdjust="spacingAndGlyphs" textLength="111" x="80" y="556.8672">PluginException</text>
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="162" x="33" y="572.8086">Cyclic Service Initialization</text>
     <rect fill="#FFFFFF" filter="url(#f1l0swyqxm156j)" height="249.9258" style="stroke: #000000; stroke-width: 1.5;" width="611" x="225" y="533.332"/>
-    <path d="M328,534.332 L328,542.7383 L318,552.7383 L225,552.7383 " fill="none" style="stroke: #000000; stroke-width: 1.5;"/>
+    <path d="M328,533.332 L328,542.7383 L318,552.7383 L225,552.7383 " fill="none" style="stroke: #000000; stroke-width: 1.5;"/>
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="93" x="228" y="547.3203">non cancelable</text>
     <path class="note" d="M464,569.7383 L464,587.1445 L444,591.1445 L464,595.1445 L464,612.5508 A0,0 0 0 0 464,612.5508 L826,612.5508 A0,0 0 0 0 826,612.5508 L826,579.7383 L816,569.7383 L464,569.7383 A0,0 0 0 0 464,569.7383 " filter="url(#f1l0swyqxm156j)"/>
     <path class="note" d="M816,569.7383 L816,579.7383 L826,579.7383 L816,569.7383 "/>
diff --git a/platform/docs/out/icon-loading-stat.svg b/platform/docs/out/icon-loading-stat.svg
index 6e37ee9fb69d..fb8a65505754 100644
--- a/platform/docs/out/icon-loading-stat.svg
+++ b/platform/docs/out/icon-loading-stat.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="864px" preserveAspectRatio="none" style="width:379px;height:864px;" version="1.1" viewBox="0 0 379 864" width="379px" zoomAndPan="magnify">
+<svg xmlns="http://www.w3.org/2000/svg" contentScriptType="application/ecmascript" contentStyleType="text/css" height="969px"
+     preserveAspectRatio="none" style="width:919px;height:969px;" version="1.1" viewBox="0 0 919 969" width="919px" zoomAndPan="magnify">
   <style>
   @import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&amp;display=swap');
   .text {
@@ -14,9 +15,13 @@
     stroke: #383838; stroke-width: 1.0;
     fill: #F8F8F8;
   }
+  .note {
+    stroke: #383838; stroke-width: 1.0;
+    fill: #ECECEC;
+  }
 </style>
   <defs>
-    <filter height="300%" id="f1qminojd21aa8" width="300%" x="-1" y="-1">
+    <filter height="300%" id="f184fee447dtf9" width="300%" x="-1" y="-1">
       <feGaussianBlur result="blurOut" stdDeviation="2.0"/>
       <feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/>
       <feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/>
@@ -24,125 +29,158 @@
     </filter>
   </defs>
   <g>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" rx="12.5" ry="12.5" width="94" x="139.5" y="11"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="74" x="149.5" y="33.9883">Load Image</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="166,67.4063,207,67.4063,219,79.4063,207,91.4063,166,91.4063,154,79.4063,166,67.4063" style="stroke: #383838; stroke-width: 1.0;"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="41" x="166" y="84.1914">Is SVG</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="133" y="75.9883">yes</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="219" y="75.9883">no</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="73" x="103" y="101.4063"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="53" x="113" y="124.3945">svg-load</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="75" x="196" y="101.4063"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="55" x="206" y="124.3945">png-load</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="186.5,143.8125,198.5,155.8125,186.5,167.8125,174.5,155.8125,186.5,143.8125" style="stroke: #383838; stroke-width: 1.0;"/>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="106.5,238.0156,266.5,238.0156,278.5,250.0156,266.5,262.0156,106.5,262.0156,94.5,250.0156,106.5,238.0156" style="stroke: #383838; stroke-width: 1.0;"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="160" x="106.5" y="254.8008">Is resourceClass Provided</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="73.5" y="246.5977">yes</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="278.5" y="246.5977">no</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="139" x="15" y="272.0156"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="119" x="25" y="295.0039">load-from-resource</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4883" rx="12.5" ry="12.5" width="91" x="39" y="378.625"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="42" x="49" y="401.6953">Return</text>
-    <text class="code" lengthAdjust="spacingAndGlyphs" textLength="26" x="94" y="402.1602">null</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="32,328.4219,137,328.4219,149,340.4219,137,352.4219,32,352.4219,20,340.4219,32,328.4219" style="stroke: #383838; stroke-width: 1.0;"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="88.5" y="365.4102">no</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="105" x="32" y="345.207">Is Resource Exist</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="149" y="337.0039">yes</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="101" x="238" y="272.0156"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="81" x="248" y="295.0039">load-from-url</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="186.5,443.1133,198.5,455.1133,186.5,467.1133,174.5,455.1133,186.5,443.1133" style="stroke: #383838; stroke-width: 1.0;"/>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="166,495.6543,207,495.6543,219,507.6543,207,519.6543,166,519.6543,154,507.6543,166,495.6543" style="stroke: #383838; stroke-width: 1.0;"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="41" x="166" y="512.4395">Is SVG</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="133" y="504.2363">yes</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="219" y="504.2363">no</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="115" x="62" y="529.6543"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="95" x="72" y="552.6426">svg-cache-read</text>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="91" x="74" y="636.2637"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="71" x="84" y="659.252">svg-decode</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="89,586.0605,150,586.0605,162,598.0605,150,610.0605,89,610.0605,77,598.0605,89,586.0605" style="stroke: #383838; stroke-width: 1.0;"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="123.5" y="623.0488">no</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="61" x="89" y="602.8457">Is Cached</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="162" y="594.6426">yes</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="119.5,692.6699,131.5,704.6699,119.5,716.6699,107.5,704.6699,119.5,692.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" width="93" x="207" y="529.6543"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="73" x="217" y="552.6426">png-decode</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="186.5,722.6699,198.5,734.6699,186.5,746.6699,174.5,734.6699,186.5,722.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="156,187.8125,217,187.8125,229,199.8125,217,211.8125,156,211.8125,144,199.8125,156,187.8125" style="stroke: #383838; stroke-width: 1.0;"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="190.5" y="224.8008">no</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="61" x="156" y="204.5977">Is Cached</text>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="229" y="196.3945">yes</text>
-    <polygon fill="#F8F8F8" filter="url(#f1qminojd21aa8)" points="186.5,766.6699,198.5,778.6699,186.5,790.6699,174.5,778.6699,186.5,766.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <rect class="process" filter="url(#f1qminojd21aa8)" height="36.4063" rx="12.5" ry="12.5" width="104" x="134.5" y="810.6699"/>
-    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="84" x="144.5" y="833.6582">Return Image</text>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="154" x2="139.5" y1="79.4063" y2="79.4063"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="139.5" x2="139.5" y1="79.4063" y2="101.4063"/>
-    <polygon fill="#383838" points="135.5,91.4063,139.5,101.4063,143.5,91.4063,139.5,95.4063" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="219" x2="233.5" y1="79.4063" y2="79.4063"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="233.5" x2="233.5" y1="79.4063" y2="101.4063"/>
-    <polygon fill="#383838" points="229.5,91.4063,233.5,101.4063,237.5,91.4063,233.5,95.4063" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="139.5" x2="139.5" y1="137.8125" y2="155.8125"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="139.5" x2="174.5" y1="155.8125" y2="155.8125"/>
-    <polygon fill="#383838" points="164.5,151.8125,174.5,155.8125,164.5,159.8125,168.5,155.8125" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="233.5" x2="233.5" y1="137.8125" y2="155.8125"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="233.5" x2="198.5" y1="155.8125" y2="155.8125"/>
-    <polygon fill="#383838" points="208.5,151.8125,198.5,155.8125,208.5,159.8125,204.5,155.8125" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="186.5" x2="186.5" y1="47.4063" y2="67.4063"/>
-    <polygon fill="#383838" points="182.5,57.4063,186.5,67.4063,190.5,57.4063,186.5,61.4063" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="84.5" x2="84.5" y1="352.4219" y2="378.625"/>
-    <polygon fill="#383838" points="80.5,368.625,84.5,378.625,88.5,368.625,84.5,372.625" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="149" x2="161" y1="340.4219" y2="340.4219"/>
-    <polygon fill="#383838" points="157,392.8691,161,402.8691,165,392.8691,161,396.8691" style="stroke: #383838; stroke-width: 1.5;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="161" x2="161" y1="340.4219" y2="455.1133"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="161" x2="174.5" y1="455.1133" y2="455.1133"/>
-    <polygon fill="#383838" points="164.5,451.1133,174.5,455.1133,164.5,459.1133,168.5,455.1133" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="84.5" x2="84.5" y1="308.4219" y2="328.4219"/>
-    <polygon fill="#383838" points="80.5,318.4219,84.5,328.4219,88.5,318.4219,84.5,322.4219" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="94.5" x2="84.5" y1="250.0156" y2="250.0156"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="84.5" x2="84.5" y1="250.0156" y2="272.0156"/>
-    <polygon fill="#383838" points="80.5,262.0156,84.5,272.0156,88.5,262.0156,84.5,266.0156" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="278.5" x2="288.5" y1="250.0156" y2="250.0156"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="288.5" x2="288.5" y1="250.0156" y2="272.0156"/>
-    <polygon fill="#383838" points="284.5,262.0156,288.5,272.0156,292.5,262.0156,288.5,266.0156" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="288.5" x2="288.5" y1="308.4219" y2="455.1133"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="288.5" x2="198.5" y1="455.1133" y2="455.1133"/>
-    <polygon fill="#383838" points="208.5,451.1133,198.5,455.1133,208.5,459.1133,204.5,455.1133" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="119.5" x2="119.5" y1="610.0605" y2="636.2637"/>
-    <polygon fill="#383838" points="115.5,626.2637,119.5,636.2637,123.5,626.2637,119.5,630.2637" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="162" x2="175" y1="598.0605" y2="598.0605"/>
-    <polygon fill="#383838" points="171,644.4668,175,654.4668,179,644.4668,175,648.4668" style="stroke: #383838; stroke-width: 1.5;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="175" x2="175" y1="598.0605" y2="704.6699"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="175" x2="131.5" y1="704.6699" y2="704.6699"/>
-    <polygon fill="#383838" points="141.5,700.6699,131.5,704.6699,141.5,708.6699,137.5,704.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="119.5" x2="119.5" y1="672.6699" y2="692.6699"/>
-    <polygon fill="#383838" points="115.5,682.6699,119.5,692.6699,123.5,682.6699,119.5,686.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="119.5" x2="119.5" y1="566.0605" y2="586.0605"/>
-    <polygon fill="#383838" points="115.5,576.0605,119.5,586.0605,123.5,576.0605,119.5,580.0605" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="154" x2="119.5" y1="507.6543" y2="507.6543"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="119.5" x2="119.5" y1="507.6543" y2="529.6543"/>
-    <polygon fill="#383838" points="115.5,519.6543,119.5,529.6543,123.5,519.6543,119.5,523.6543" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="219" x2="253.5" y1="507.6543" y2="507.6543"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="253.5" x2="253.5" y1="507.6543" y2="529.6543"/>
-    <polygon fill="#383838" points="249.5,519.6543,253.5,529.6543,257.5,519.6543,253.5,523.6543" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="119.5" x2="119.5" y1="716.6699" y2="734.6699"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="119.5" x2="174.5" y1="734.6699" y2="734.6699"/>
-    <polygon fill="#383838" points="164.5,730.6699,174.5,734.6699,164.5,738.6699,168.5,734.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="253.5" x2="253.5" y1="566.0605" y2="734.6699"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="253.5" x2="198.5" y1="734.6699" y2="734.6699"/>
-    <polygon fill="#383838" points="208.5,730.6699,198.5,734.6699,208.5,738.6699,204.5,734.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="186.5" x2="186.5" y1="467.1133" y2="495.6543"/>
-    <polygon fill="#383838" points="182.5,485.6543,186.5,495.6543,190.5,485.6543,186.5,489.6543" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="186.5" x2="186.5" y1="211.8125" y2="238.0156"/>
-    <polygon fill="#383838" points="182.5,228.0156,186.5,238.0156,190.5,228.0156,186.5,232.0156" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="229" x2="353" y1="199.8125" y2="199.8125"/>
-    <polygon fill="#383838" points="349,477.1133,353,487.1133,357,477.1133,353,481.1133" style="stroke: #383838; stroke-width: 1.5;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="353" x2="353" y1="199.8125" y2="778.6699"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="353" x2="198.5" y1="778.6699" y2="778.6699"/>
-    <polygon fill="#383838" points="208.5,774.6699,198.5,778.6699,208.5,782.6699,204.5,778.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="186.5" x2="186.5" y1="746.6699" y2="766.6699"/>
-    <polygon fill="#383838" points="182.5,756.6699,186.5,766.6699,190.5,756.6699,186.5,760.6699" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="186.5" x2="186.5" y1="167.8125" y2="187.8125"/>
-    <polygon fill="#383838" points="182.5,177.8125,186.5,187.8125,190.5,177.8125,186.5,181.8125" style="stroke: #383838; stroke-width: 1.0;"/>
-    <line style="stroke: #383838; stroke-width: 1.5;" x1="186.5" x2="186.5" y1="790.6699" y2="810.6699"/>
-    <polygon fill="#383838" points="182.5,800.6699,186.5,810.6699,190.5,800.6699,186.5,804.6699" style="stroke: #383838; stroke-width: 1.0;"/>
+    <path class="note" d="M359,15.959 L359,25.2031 L339,29.2031 L359,33.2031 L359,42.4473 A0,0 0 0 0 359,42.4473 L670,42.4473 A0,0 0 0 0 670,42.4473 L670,25.959 L660,15.959 L359,15.959 A0,0 0 0 0 359,15.959 " filter="url(#f184fee447dtf9)"/>
+    <path class="note" d="M660,15.959 L660,25.959 L670,25.959 L660,15.959 "/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="151" x="365" y="34.0293">Externally called method</text>
+    <text class="code" lengthAdjust="spacingAndGlyphs" textLength="136" x="519" y="34.4941">IconLoader.findIcon</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" rx="12.5" ry="12.5" width="74" x="265" y="11"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="54" x="275" y="33.9883">find-icon</text>
+    <path class="note" d="M374.5,64.1211 L374.5,81.6094 L354.5,85.6094 L374.5,89.6094 L374.5,107.0977 A0,0 0 0 0 374.5,107.0977 L907.5,107.0977 A0,0 0 0 0 907.5,107.0977 L907.5,74.1211 L897.5,64.1211 L374.5,64.1211 A0,0 0 0 0 374.5,64.1211 " filter="url(#f184fee447dtf9)"/>
+    <path class="note" d="M897.5,64.1211 L897.5,74.1211 L907.5,74.1211 L897.5,64.1211 "/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="148" x="380.5" y="82.1914">Internally called method</text>
+    <text class="code" lengthAdjust="spacingAndGlyphs" textLength="198" x="531.5" y="82.6563">CachedImageIcon.loadImage</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="4" x="729.5" y="82.1914">.</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="164" x="380.5" y="98.6797">Called numerous times per</text>
+    <text class="code" lengthAdjust="spacingAndGlyphs" textLength="122" x="547.5" y="99.1445">CachedImageIcon</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="220" x="672.5" y="98.6797">instance — to compute a new scale.</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" rx="12.5" ry="12.5" width="105" x="249.5" y="67.4063"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="85" x="259.5" y="90.3945">find-icon-load</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="281.5,127.0977,322.5,127.0977,334.5,139.0977,322.5,151.0977,281.5,151.0977,269.5,139.0977,281.5,127.0977" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="41" x="281.5" y="143.8828">Is SVG</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="248.5" y="135.6797">yes</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="334.5" y="135.6797">no</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="73" x="218.5" y="161.0977"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="53" x="228.5" y="184.0859">svg-load</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="75" x="311.5" y="161.0977"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="55" x="321.5" y="184.0859">png-load</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="302,203.5039,314,215.5039,302,227.5039,290,215.5039,302,203.5039" style="stroke: #383838; stroke-width: 1.0;"/>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="222,297.707,382,297.707,394,309.707,382,321.707,222,321.707,210,309.707,222,297.707" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="160" x="222" y="314.4922">Is resourceClass Provided</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="189" y="306.2891">yes</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="394" y="306.2891">no</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="139" x="100.5" y="331.707"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="119" x="110.5" y="354.6953">load-from-resource</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="85,388.1133,255,388.1133,267,400.1133,255,412.1133,85,412.1133,73,400.1133,85,388.1133" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="170" x="85" y="404.8984">Is prebuiltCacheId Provided</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="52" y="396.6953">yes</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="93" x="16.5" y="422.1133"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="73" x="26.5" y="445.1016">svg-prebuilt</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" rx="12.5" ry="12.5" width="104" x="11" y="493.5195"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="84" x="21" y="516.5078">Return Image</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4883" rx="12.5" ry="12.5" width="91" x="231.5" y="472.3164"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="42" x="241.5" y="495.3867">Return</text>
+    <text class="code" lengthAdjust="spacingAndGlyphs" textLength="26" x="286.5" y="495.8516">null</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="224.5,422.1133,329.5,422.1133,341.5,434.1133,329.5,446.1133,224.5,446.1133,212.5,434.1133,224.5,422.1133" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="281" y="459.1016">no</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="105" x="224.5" y="438.8984">Is Resource Exist</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="341.5" y="430.6953">yes</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="101" x="383.5" y="331.707"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="81" x="393.5" y="354.6953">load-from-url</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="302,551.0078,314,563.0078,302,575.0078,290,563.0078,302,551.0078" style="stroke: #383838; stroke-width: 1.0;"/>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="281.5,601.4668,322.5,601.4668,334.5,613.4668,322.5,625.4668,281.5,625.4668,269.5,613.4668,281.5,601.4668" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="41" x="281.5" y="618.252">Is SVG</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="248.5" y="610.0488">yes</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="334.5" y="610.0488">no</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="115" x="177.5" y="635.4668"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="95" x="187.5" y="658.4551">svg-cache-read</text>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="91" x="189.5" y="742.0762"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="71" x="199.5" y="765.0645">svg-decode</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="204.5,691.873,265.5,691.873,277.5,703.873,265.5,715.873,204.5,715.873,192.5,703.873,204.5,691.873" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="239" y="728.8613">no</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="61" x="204.5" y="708.6582">Is Cached</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="277.5" y="700.4551">yes</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="235,798.4824,247,810.4824,235,822.4824,223,810.4824,235,798.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" width="93" x="322.5" y="635.4668"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="73" x="332.5" y="658.4551">png-decode</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="302,828.4824,314,840.4824,302,852.4824,290,840.4824,302,828.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="271.5,247.5039,332.5,247.5039,344.5,259.5039,332.5,271.5039,271.5,271.5039,259.5,259.5039,271.5,247.5039" style="stroke: #383838; stroke-width: 1.0;"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="16" x="306" y="284.4922">no</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="61" x="271.5" y="264.2891">Is Cached</text>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="21" x="344.5" y="256.0859">yes</text>
+    <polygon fill="#F8F8F8" filter="url(#f184fee447dtf9)" points="302,872.4824,314,884.4824,302,896.4824,290,884.4824,302,872.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <rect class="process" filter="url(#f184fee447dtf9)" height="36.4063" rx="12.5" ry="12.5" width="104" x="250" y="916.4824"/>
+    <text class="text" lengthAdjust="spacingAndGlyphs" textLength="84" x="260" y="939.4707">Return Image</text>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="47.4063" y2="67.4063"/>
+    <polygon fill="#383838" points="298,57.4063,302,67.4063,306,57.4063,302,61.4063" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="269.5" x2="255" y1="139.0977" y2="139.0977"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="255" x2="255" y1="139.0977" y2="161.0977"/>
+    <polygon fill="#383838" points="251,151.0977,255,161.0977,259,151.0977,255,155.0977" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="334.5" x2="349" y1="139.0977" y2="139.0977"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="349" x2="349" y1="139.0977" y2="161.0977"/>
+    <polygon fill="#383838" points="345,151.0977,349,161.0977,353,151.0977,349,155.0977" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="255" x2="255" y1="197.5039" y2="215.5039"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="255" x2="290" y1="215.5039" y2="215.5039"/>
+    <polygon fill="#383838" points="280,211.5039,290,215.5039,280,219.5039,284,215.5039" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="349" x2="349" y1="197.5039" y2="215.5039"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="349" x2="314" y1="215.5039" y2="215.5039"/>
+    <polygon fill="#383838" points="324,211.5039,314,215.5039,324,219.5039,320,215.5039" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="103.8125" y2="127.0977"/>
+    <polygon fill="#383838" points="298,117.0977,302,127.0977,306,117.0977,302,121.0977" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="63" x2="63" y1="458.5195" y2="493.5195"/>
+    <polygon fill="#383838" points="59,483.5195,63,493.5195,67,483.5195,63,487.5195" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="277" x2="277" y1="446.1133" y2="472.3164"/>
+    <polygon fill="#383838" points="273,462.3164,277,472.3164,281,462.3164,277,466.3164" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="341.5" x2="353.5" y1="434.1133" y2="434.1133"/>
+    <polygon fill="#383838" points="349.5,480.5605,353.5,490.5605,357.5,480.5605,353.5,484.5605" style="stroke: #383838; stroke-width: 1.5;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="353.5" x2="353.5" y1="434.1133" y2="546.0078"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="353.5" x2="170" y1="546.0078" y2="546.0078"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="170" x2="170" y1="546.0078" y2="563.0078"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="170" x2="290" y1="563.0078" y2="563.0078"/>
+    <polygon fill="#383838" points="280,559.0078,290,563.0078,280,567.0078,284,563.0078" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="73" x2="63" y1="400.1133" y2="400.1133"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="63" x2="63" y1="400.1133" y2="422.1133"/>
+    <polygon fill="#383838" points="59,412.1133,63,422.1133,67,412.1133,63,416.1133" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="267" x2="277" y1="400.1133" y2="400.1133"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="277" x2="277" y1="400.1133" y2="422.1133"/>
+    <polygon fill="#383838" points="273,412.1133,277,422.1133,281,412.1133,277,416.1133" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="170" x2="170" y1="368.1133" y2="388.1133"/>
+    <polygon fill="#383838" points="166,378.1133,170,388.1133,174,378.1133,170,382.1133" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="210" x2="170" y1="309.707" y2="309.707"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="170" x2="170" y1="309.707" y2="331.707"/>
+    <polygon fill="#383838" points="166,321.707,170,331.707,174,321.707,170,325.707" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="394" x2="434" y1="309.707" y2="309.707"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="434" x2="434" y1="309.707" y2="331.707"/>
+    <polygon fill="#383838" points="430,321.707,434,331.707,438,321.707,434,325.707" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="434" x2="434" y1="368.1133" y2="563.0078"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="434" x2="314" y1="563.0078" y2="563.0078"/>
+    <polygon fill="#383838" points="324,559.0078,314,563.0078,324,567.0078,320,563.0078" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="235" x2="235" y1="715.873" y2="742.0762"/>
+    <polygon fill="#383838" points="231,732.0762,235,742.0762,239,732.0762,235,736.0762" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="277.5" x2="290.5" y1="703.873" y2="703.873"/>
+    <polygon fill="#383838" points="286.5,750.2793,290.5,760.2793,294.5,750.2793,290.5,754.2793" style="stroke: #383838; stroke-width: 1.5;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="290.5" x2="290.5" y1="703.873" y2="810.4824"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="290.5" x2="247" y1="810.4824" y2="810.4824"/>
+    <polygon fill="#383838" points="257,806.4824,247,810.4824,257,814.4824,253,810.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="235" x2="235" y1="778.4824" y2="798.4824"/>
+    <polygon fill="#383838" points="231,788.4824,235,798.4824,239,788.4824,235,792.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="235" x2="235" y1="671.873" y2="691.873"/>
+    <polygon fill="#383838" points="231,681.873,235,691.873,239,681.873,235,685.873" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="269.5" x2="235" y1="613.4668" y2="613.4668"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="235" x2="235" y1="613.4668" y2="635.4668"/>
+    <polygon fill="#383838" points="231,625.4668,235,635.4668,239,625.4668,235,629.4668" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="334.5" x2="369" y1="613.4668" y2="613.4668"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="369" x2="369" y1="613.4668" y2="635.4668"/>
+    <polygon fill="#383838" points="365,625.4668,369,635.4668,373,625.4668,369,629.4668" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="235" x2="235" y1="822.4824" y2="840.4824"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="235" x2="290" y1="840.4824" y2="840.4824"/>
+    <polygon fill="#383838" points="280,836.4824,290,840.4824,280,844.4824,284,840.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="369" x2="369" y1="671.873" y2="840.4824"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="369" x2="314" y1="840.4824" y2="840.4824"/>
+    <polygon fill="#383838" points="324,836.4824,314,840.4824,324,844.4824,320,840.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="575.0078" y2="601.4668"/>
+    <polygon fill="#383838" points="298,591.4668,302,601.4668,306,591.4668,302,595.4668" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="271.5039" y2="297.707"/>
+    <polygon fill="#383838" points="298,287.707,302,297.707,306,287.707,302,291.707" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="344.5" x2="504.5" y1="259.5039" y2="259.5039"/>
+    <polygon fill="#383838" points="500.5,571.4668,504.5,581.4668,508.5,571.4668,504.5,575.4668" style="stroke: #383838; stroke-width: 1.5;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="504.5" x2="504.5" y1="259.5039" y2="884.4824"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="504.5" x2="314" y1="884.4824" y2="884.4824"/>
+    <polygon fill="#383838" points="324,880.4824,314,884.4824,324,888.4824,320,884.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="852.4824" y2="872.4824"/>
+    <polygon fill="#383838" points="298,862.4824,302,872.4824,306,862.4824,302,866.4824" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="227.5039" y2="247.5039"/>
+    <polygon fill="#383838" points="298,237.5039,302,247.5039,306,237.5039,302,241.5039" style="stroke: #383838; stroke-width: 1.0;"/>
+    <line style="stroke: #383838; stroke-width: 1.5;" x1="302" x2="302" y1="896.4824" y2="916.4824"/>
+    <polygon fill="#383838" points="298,906.4824,302,916.4824,306,906.4824,302,910.4824" style="stroke: #383838; stroke-width: 1.0;"/>
   </g>
 </svg>
diff --git a/platform/docs/out/index.html b/platform/docs/out/index.html
new file mode 100644
index 000000000000..cd97dc3f76e7
--- /dev/null
+++ b/platform/docs/out/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>IntelliJ Platform Activity Diagrams</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css">
+</head>
+<body>
+<script>
+  function applyItem(item) {
+    document.getElementById("svgElement").data = `${item.value}.svg`
+    const title = `${item.label} — IntelliJ Platform Activity Diagrams`
+    document.title = title
+    const id = item.value
+    history.pushState(null, title, `#${id}`)
+    localStorage.setItem("selectedDiagram", id)
+  }
+
+  function diagramChanged(event) {
+    applyItem(event.target.options[event.target.selectedIndex])
+  }
+</script>
+<section class="section">
+  <div class="select is-pulled-right">
+    <label>
+      <select id="diagramSelector" onchange="diagramChanged(event)">
+        <option value="getting-service">Getting Service</option>
+        <option value="projectClose-dispose-flow">Close Project Flow</option>
+        <option value="icon-loading-stat">Icon Loading Stats</option>
+      </select>
+    </label>
+  </div>
+  <!--suppress CheckTagEmptyBody -->
+  <object data="getting-service.svg" type="image/svg+xml" id="svgElement"></object>
+</section>
+
+<script>
+  (function () {
+    const selectedId = localStorage.getItem("selectedDiagram")
+    if (selectedId == null) {
+      applyItem(document.getElementById("diagramSelector").options[0])
+    }
+    else {
+      applyItem(Array.from(document.getElementById("diagramSelector").options).find(it => it.value === selectedId))
+    }
+  })()
+</script>
+</body>
+</html>
diff --git a/platform/docs/out/projectClose-dispose-flow.svg b/platform/docs/out/projectClose-dispose-flow.svg
index 02032f98ce41..8ec70ba077d5 100644
--- a/platform/docs/out/projectClose-dispose-flow.svg
+++ b/platform/docs/out/projectClose-dispose-flow.svg
@@ -1,5 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1160px" preserveAspectRatio="none" style="width:1194px;height:1160px;" version="1.1" viewBox="0 0 1194 1160" width="1194px" zoomAndPan="magnify">
+<svg xmlns="http://www.w3.org/2000/svg" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1160px"
+     preserveAspectRatio="none" style="width:1194px;height:1160px;" version="1.1" viewBox="0 0 1194 1160" width="1194px"
+     zoomAndPan="magnify">
   <style>
   @import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&amp;display=swap');
   .text {
@@ -65,7 +67,7 @@
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="35" x="256.5" y="426.0547">Event</text>
     <text class="code" lengthAdjust="spacingAndGlyphs" textLength="186" x="116.5" y="443.0078">(l=ProjectManagerListener)</text>
     <rect fill="#FFFFFF" filter="url(#fsv0at21hgsol)" height="677.334" style="stroke: #000000; stroke-width: 1.5;" width="812" x="11" y="465.9609"/>
-    <path d="M94,466.9609 L94,475.3672 L84,485.3672 L11,485.3672 " fill="none" style="stroke: #000000; stroke-width: 1.5;"/>
+    <path d="M94,465.9609 L94,475.3672 L84,485.3672 L11,485.3672 " fill="none" style="stroke: #000000; stroke-width: 1.5;"/>
     <text class="text" lengthAdjust="spacingAndGlyphs" textLength="73" x="14" y="479.9492">write action</text>
     <path class="note" d="M418,495.3672 L418,521.0586 L398,525.0586 L418,529.0586 L418,554.75 A0,0 0 0 0 418,554.75 L813,554.75 A0,0 0 0 0 813,554.75 L813,505.3672 L803,495.3672 L418,495.3672 A0,0 0 0 0 418,495.3672 " filter="url(#fsv0at21hgsol)"/>
     <path class="note" d="M803,495.3672 L803,505.3672 L813,505.3672 L803,495.3672 "/>