minor formatting

.vscode/settings.json

@@ -18,6 +18,7 @@
   "[vue-html]": {
     "editor.defaultFormatter": "octref.vetur"
   },
+  "files.autoSave": "off",
   "breadcrumbs.symbolSortOrder": "type",
   "editor.codeLens": true,
   "editor.detectIndentation": true,

site/.vuepress/components/CodeList.vue

@@ -71,6 +71,10 @@ export default {
         value: c.identifier,
       }));
     },
+    emitChangeEvent() {
+      const selectedCodes = this.availableCodes.filter((c) => c.selected);
+      this.onSelectionChanged(selectedCodes);
+    },
     loadPreset(identifier) {
       if (
         (this.stageLoaderSelected || this.availableCodes.find((c) => c.selected)) &&
@@ -86,7 +90,7 @@ export default {
 
       this.unselectStageLoader();
       this.refreshDisabledCodes();
-      this.onSelectionChanged(this.availableCodes.filter((c) => c.selected));
+      this.emitChangeEvent();
       this.generation++;
     },
     getPresetPlaceholder() {
@@ -116,7 +120,7 @@ export default {
       this.stageLoaderSelected = newState;
       this.onStageLoaderToggle(newState);
       this.refreshDisabledCodes();
-      this.onSelectionChanged(this.availableCodes.filter((c) => c.selected));
+      this.emitChangeEvent();
     },
     refreshDisabledCodes() {
       for (const code of this.availableCodes) {
@@ -150,7 +154,7 @@ export default {
 
       code.selected = code.disabled ? false : !code.selected;
       this.refreshDisabledCodes();
-      this.onSelectionChanged(this.availableCodes.filter((c) => c.selected));
+      this.emitChangeEvent();
     },
     populate() {
       this.availableCodes = this.codes.map((c) => ({ ...c, selected: false }));

site/.vuepress/components/Generator.vue

@@ -23,8 +23,6 @@
         />
       </div>
     </section>
-    <br />
-    <hr />
     <section>
       <div v-if="codes && codes.length > 0">
         <h3>{{ getLabel('headers.codelist') }}</h3>
@@ -216,7 +214,12 @@ section > div:not(:first-child) {
 }
 
 .config {
-  position: relative;
+  position: sticky;
+  top: 58px;
+  z-index: 999;
+  padding: 16px 0px;
+  background: white;
+  border-bottom: 1px solid #dfdfdf;
 }
 
 .config span {
@@ -227,7 +230,7 @@ section > div:not(:first-child) {
 
 .help {
   position: sticky;
-  top: 80px;
+  top: 90px;
   text-align: left;
   align-self: flex-start;
   width: 100%;

site/.vuepress/components/StageLoader.vue

@@ -225,7 +225,6 @@ export default {
         return;
       }
 
-      console.log('Generating new Stageloader-Code');
       this.onChange(
         generateStageLoaderCode(
           this.fastCodes,