Class creating in root is not allowed

Author: nikitaeverywhere

package.json

@@ -2,7 +2,7 @@
   "name": "cache-visual-editor",
   "printableName": "Cache Visual Editor",
   "packageName": "VisualEditor",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Visual class editor for InterSystems Caché",
   "main": "index.js",
   "keywords": [

source/client/index.html

@@ -20,8 +20,6 @@
                 <div class="panel">
                     <div class="controls inline float-right">
                         <select class="interactive medium add icon hidden-select" id="addClass">
-                            <option value="class">Class</option>
-                            <option value="package">Package</option>
                         </select>
                         <div class="interactive medium save icon" id="saveIndicator"></div>
                     </div>

source/client/js/classEditor/index.js

@@ -75,8 +75,27 @@ let footer = onInit(() => {
         });
     }),
     addClassPackageButton = onInit(() => {
+
         addClassPackageButton = document.querySelector("#addClass");
         freeSelect(addClassPackageButton);
+
+        addClassPackageButton.addEventListener(`mousedown`, () => {
+
+            while (addClassPackageButton.firstChild)
+                addClassPackageButton.removeChild(addClassPackageButton.firstChild);
+
+            let c = block(`option`, ``, `Package`);
+            c.setAttribute(`value`, `package`);
+            addClassPackageButton.appendChild(c);
+
+            if (PATH != ``) {
+                c = block(`option`, ``, `Class`);
+                c.setAttribute(`value`, `class`);
+                addClassPackageButton.appendChild(c);
+            }
+
+        });
+
         addClassPackageButton.addEventListener(`change`, () => {
 
             let type = addClassPackageButton["value"]; // "class" || "package"
@@ -113,6 +132,7 @@ let footer = onInit(() => {
 
             });
         });
+
     }),
     terminalButton = onInit(() => {