fix: bim-icon scg image position & bim-label font-size/line height Th…

…atOpen#56. For this one ThatOpen#56 I fixed the initial bug for the svg image by adding display: flex; in the style of packages\core\src\components\Icon.ts. I also fixed a related issue with regards to the bim-label size and line height with ref ThatOpen#55, by changing line-height from 1 rem to 1em, from packages\core\src\components\Label.ts style. We could also remove the property entirely and it would work. To test it you can go to the Label html file change the font-size and the text and see that the icon will always be on the same place and the line-height now adjusts to the size. Reviewed-by: Goulielmos Floros Ref: ThatOpen#56
GoulielmosFloros · Mar 2, 2025 · 8f3d49e · 8f3d49e
1 parent 11bc036
commit 8f3d49e
Show file tree

Hide file tree

Showing 70 changed files with 823 additions and 822 deletions.
diff --git a/examples/Button/index.html b/examples/Button/index.html
@@ -35,10 +35,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/button.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Checkbox/index.html b/examples/Checkbox/index.html
@@ -15,10 +15,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/checkbox.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/ClassificationsTree/index.html b/examples/ClassificationsTree/index.html
@@ -23,10 +23,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/classificationsTree.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BchHB8zf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-CgkxV-ks.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B3KaBa-t.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-ClRLBlkJ.js">
 </head>
 
 <body>

diff --git a/examples/ColorInput/index.html b/examples/ColorInput/index.html
@@ -19,10 +19,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/colorInput.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Component/index.html b/examples/Component/index.html
@@ -17,10 +17,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/component.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/ContextMenu/index.html b/examples/ContextMenu/index.html
@@ -28,10 +28,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/contextMenu.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Dropdown/index.html b/examples/Dropdown/index.html
@@ -25,10 +25,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/dropdown.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/ElementProperties/index.html b/examples/ElementProperties/index.html
@@ -27,9 +27,9 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/elementProperties.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-CgkxV-ks.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-ClRLBlkJ.js">
 </head>
 
 <body>

diff --git a/examples/EntityAttributes/index.html b/examples/EntityAttributes/index.html
@@ -33,9 +33,9 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/entityAttributes.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-CgkxV-ks.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-ClRLBlkJ.js">
 </head>
 
 <body>

diff --git a/examples/Grid/index.html b/examples/Grid/index.html
@@ -36,10 +36,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/grid.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Label/index.html b/examples/Label/index.html
@@ -20,10 +20,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/label.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/ModelsList/index.html b/examples/ModelsList/index.html
@@ -23,10 +23,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/modelsList.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BchHB8zf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-CgkxV-ks.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B3KaBa-t.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-ClRLBlkJ.js">
 </head>
 
 <body>

diff --git a/examples/NumberInput/index.html b/examples/NumberInput/index.html
@@ -19,10 +19,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/numberInput.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Panel/index.html b/examples/Panel/index.html
@@ -42,10 +42,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/panel.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/RelationsTree/index.html b/examples/RelationsTree/index.html
@@ -23,10 +23,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/relationsTree.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BchHB8zf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-CgkxV-ks.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B3KaBa-t.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-ClRLBlkJ.js">
 </head>
 
 <body>

diff --git a/examples/Selector/index.html b/examples/Selector/index.html
@@ -19,10 +19,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/selector.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Table/DataTransform/index.html b/examples/Table/DataTransform/index.html
@@ -22,10 +22,10 @@
     }
   </style>
   <script type="module" crossorigin src="../../assets/dataTransform.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Table/ExportingData/index.html b/examples/Table/ExportingData/index.html
@@ -22,10 +22,10 @@
     }
   </style>
   <script type="module" crossorigin src="../../assets/exportingData.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Table/LoadFunction/index.html b/examples/Table/LoadFunction/index.html
@@ -22,10 +22,10 @@
     }
   </style>
   <script type="module" crossorigin src="../../assets/loadFunction.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Table/Searching/index.html b/examples/Table/Searching/index.html
@@ -22,10 +22,10 @@
     }
   </style>
   <script type="module" crossorigin src="../../assets/searching.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Table/index.html b/examples/Table/index.html
@@ -22,10 +22,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/table.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Tabs/index.html b/examples/Tabs/index.html
@@ -32,10 +32,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/tabs.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/TextInput/index.html b/examples/TextInput/index.html
@@ -22,10 +22,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/textInput.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/Toolbar/index.html b/examples/Toolbar/index.html
@@ -19,10 +19,10 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/toolbar.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BCngLrVF.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-Cv4t0K6z.js">
 </head>
 
 <body>

diff --git a/examples/TopicForm/index.html b/examples/TopicForm/index.html
@@ -26,9 +26,9 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/topicForm.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
 </head>
 
 <body>

diff --git a/examples/TopicsList/index.html b/examples/TopicsList/index.html
@@ -37,8 +37,8 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/topicsList.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
 </head>
 
 <body>

diff --git a/examples/ViewCube/index.html b/examples/ViewCube/index.html
@@ -16,11 +16,11 @@
     }
   </style>
   <script type="module" crossorigin src="../assets/viewCube.js"></script>
-  <link rel="modulepreload" crossorigin href="../assets/lit-element-CToom8Wf.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-BJ_2_yvW.js">
-  <link rel="modulepreload" crossorigin href="../assets/state-H9kisBvQ.js">
-  <link rel="modulepreload" crossorigin href="../assets/ref-CyNRy2Tn.js">
-  <link rel="modulepreload" crossorigin href="../assets/index-Be8uafgq.js">
+  <link rel="modulepreload" crossorigin href="../assets/lit-element-BOuWA2QR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-B5YK6SKw.js">
+  <link rel="modulepreload" crossorigin href="../assets/state-BGH1zGw6.js">
+  <link rel="modulepreload" crossorigin href="../assets/ref-BUnwESOR.js">
+  <link rel="modulepreload" crossorigin href="../assets/index-CrFEI0-K.js">
 </head>
 
 <body>