merge conflicts..

packages/builder/src/builderStore/loadComponentLibraries.js

@@ -2,14 +2,19 @@ import { map } from "lodash/fp";
 
 export const loadLibs = async (appName, appPackage) => {
 
-    const makeUrl = l => 
-        `/_builder/api/${appName}/componentlibrary?lib=${encodeURI(l)}`
-
     const allLibraries = {};
     for(let lib of appPackage.pages.componentLibraries) {
-        const libModule = await import(makeUrl(lib));
+        const libModule = await import(makeLibraryUrl(appName, lib));
         allLibraries[lib] = libModule;
     }
 
     return allLibraries;
 }
+
+export const loadLib = async (appName, lib, allLibs) => {
+    allLibs[lib] = await import(makeLibraryUrl(appName, lib));
+    return allLibs;
+}
+
+export const makeLibraryUrl = (appName, lib) => 
+    `/_builder/api/${appName}/componentlibrary?lib=${encodeURI(lib)}`

packages/builder/src/builderStore/store.js

@@ -47,6 +47,7 @@ export const getStore = () => {
         currentFrontEndItem:null,
         currentComponentInfo:null,
         currentComponentIsNew:false,
+        currentPageName: "",
         currentNodeIsNew: false,
         errors: [],
         activeNav: "database",
@@ -88,6 +89,7 @@ export const getStore = () => {
     store.removeComponentLibrary =removeComponentLibrary(store);
     store.addStylesheet = addStylesheet(store);
     store.removeStylesheet = removeStylesheet(store);
+    store.savePage = savePage(store);
     store.showFrontend = showFrontend(store);
     store.showBackend = showBackend(store);
     return store;
@@ -116,6 +118,7 @@ const initialise = (store, initial) => async () => {
     initial.hasAppPackage = true;
     initial.hierarchy = pkg.appDefinition.hierarchy;
     initial.accessLevels = pkg.accessLevels;
+    initial.derivedComponents = pkg.derivedComponents;
     initial.allComponents = combineComponents(
         pkg.derivedComponents, pkg.rootComponents);
     initial.actions = reduce((arr, action) => {
@@ -473,6 +476,18 @@ const renameDerivedComponent = store => (oldname, newname) => {
     })
 }
 
+const savePage = store => async page => {
+    store.update(s => {
+        if(s.currentFrontEndIsComponent || !s.currentFrontEndItem) {
+            return;
+        }
+
+        s.pages[currentPageName] = page;
+        savePackage();
+
+    });
+}
+
 const addComponentLibrary = store => async lib => {
 
     const response = 
@@ -525,14 +540,6 @@ const removeComponentLibrary = store => lib => {
 const addStylesheet = store => stylesheet => {
     store.update(s => {
         s.pages.stylesheets.push(stylesheet);
-
-        const styles = document.createElement('link');
-        styles.rel = 'stylesheet';
-        styles.type = 'text/css';
-        styles.media = 'screen';
-        styles.href = stylesheet;
-        document.getElementsByTagName('head')[0].appendChild(styles);
-
         savePackage(store, s);
         return s;
     })
@@ -571,14 +578,14 @@ const savePackage = (store, s) => {
         hierarchy:s.hierarchy,
         triggers:s.triggers,
         actions: groupBy("name")(s.actions),
-        pages:s.pages,
         mainUi: s.mainUi,
         unauthenticatedUi: s.unauthenticatedUi
     };
 
     const data = {
         appDefinition,
-        accessLevels:s.accessLevels
+        accessLevels:s.accessLevels,
+        pages:s.pages,
     }
 
     api.post(`/_builder/api/${s.appname}/appPackage`, data);
@@ -596,9 +603,9 @@ const setCurrentComponent = store => component => {
 
 const setCurrentPage = store => pageName => {
     store.update(s => {
-        const props = s.pages[pageName];
+        s.currentFrontEndItem = s.pages[pageName];
-        s.currentFrontEndItem = {props, name:pageName};
         s.currentFrontEndIsComponent = false;
+        s.currentPageName = pageName;
         return s;
     })
 }

packages/builder/src/builderStore/store.js.orig

@@ -0,0 +1,614 @@
+import {
+    hierarchy as hierarchyFunctions, 
+    common 
+} from "../../../core/src";
+import {
+    filter, 
+    cloneDeep, 
+    sortBy, 
+    map, 
+    last, 
+    keys,
+    concat,
+    find, 
+    isEmpty, 
+    groupBy, 
+    reduce
+} from "lodash/fp";
+import {
+    pipe, 
+    getNode, 
+    validate,
+    constructHierarchy, 
+    templateApi
+} from "../common/core";
+import {writable} from "svelte/store";
+import { defaultPagesObject } from "../userInterface/pagesParsing/defaultPagesObject"
+import api from "./api";
+import { isRootComponent } from "../userInterface/pagesParsing/searchComponents";
+import { 
+    getComponentInfo, 
+    getNewComponentInfo 
+} from "../userInterface/pagesParsing/createProps";
+import { loadLibs } from "./loadComponentLibraries";
+
+export const getStore = () => {
+
+    const initial = {
+        apps:[],
+        appname:"",
+        hierarchy: {},
+        actions: [],
+        triggers: [],
+        pages:defaultPagesObject(),
+        mainUi:{},
+        unauthenticatedUi:{},
+        allComponents:[],
+        currentFrontEndItem:null,
+        currentComponentInfo:null,
+        currentComponentIsNew:false,
+        currentPageName: "",
+        currentNodeIsNew: false,
+        errors: [],
+        activeNav: "database",
+        isBackend:true,
+        hasAppPackage: false,
+        accessLevels: [],
+        currentNode: null,
+        libraries:null,
+    };
+
+    const store = writable(initial);
+
+    store.initialise = initialise(store, initial);
+    store.newChildRecord = newRecord(store, false);
+    store.newRootRecord = newRecord(store, true);
+    store.selectExistingNode = selectExistingNode(store);
+    store.newChildIndex = newIndex(store, false);
+    store.newRootIndex = newIndex(store, true);
+    store.saveCurrentNode = saveCurrentNode(store);
+    store.importAppDefinition = importAppDefinition(store);
+    store.deleteCurrentNode = deleteCurrentNode(store);
+    store.saveField = saveField(store);
+    store.deleteField = deleteField(store);
+    store.saveAction = saveAction(store);
+    store.deleteAction = deleteAction(store);
+    store.saveTrigger = saveTrigger(store);
+    store.deleteTrigger = deleteTrigger(store);
+    store.saveLevel = saveLevel(store);
+    store.deleteLevel = deleteLevel(store);
+    store.setActiveNav = setActiveNav(store);
+    store.saveDerivedComponent = saveDerivedComponent(store);
+    store.refreshComponents = refreshComponents(store);
+    store.addComponentLibrary = addComponentLibrary(store);
+    store.renameDerivedComponent = renameDerivedComponent(store);
+    store.deleteDerivedComponent = deleteDerivedComponent(store);
+    store.setCurrentComponent = setCurrentComponent(store);
+    store.setCurrentPage = setCurrentPage(store);
+    store.createDerivedComponent = createDerivedComponent(store);
+    store.removeComponentLibrary =removeComponentLibrary(store);
+    store.addStylesheet = addStylesheet(store);
+    store.removeStylesheet = removeStylesheet(store);
+<<<<<<< HEAD
+    store.showFrontend = showFrontend(store);
+    store.showBackend = showBackend(store);
+=======
+    store.savePage = savePage(store);
+>>>>>>> master
+    return store;
+} 
+
+export default getStore;
+
+const initialise = (store, initial) => async () => {
+
+    const appname = window.location.hash 
+                ? last(window.location.hash.substr(1).split("/"))
+                : "";
+
+    if(!appname) {
+        initial.apps = await api.get(`/_builder/api/apps`);
+        initial.hasAppPackage = false;
+        store.set(initial);
+        return initial;
+    }
+
+    const pkg = await api.get(`/_builder/api/${appname}/appPackage`);
+
+    initial.libraries = await loadLibs(appname, pkg);
+    initial.appname = appname;
+    initial.pages = pkg.pages;
+    initial.hasAppPackage = true;
+    initial.hierarchy = pkg.appDefinition.hierarchy;
+    initial.accessLevels = pkg.accessLevels;
+    initial.derivedComponents = pkg.derivedComponents;
+    initial.allComponents = combineComponents(
+        pkg.derivedComponents, pkg.rootComponents);
+    initial.actions = reduce((arr, action) => {
+        arr.push(action);
+        return arr;
+    })(pkg.appDefinition.actions, []);
+    initial.triggers = pkg.appDefinition.triggers;
+
+    if(!!initial.hierarchy && !isEmpty(initial.hierarchy)) {
+        initial.hierarchy = constructHierarchy(initial.hierarchy);
+        const shadowHierarchy = createShadowHierarchy(initial.hierarchy);
+        if(initial.currentNode !== null)
+            initial.currentNode = getNode(
+                shadowHierarchy, initial.currentNode.nodeId
+            );
+    }
+    store.set(initial);
+    return initial;
+}
+
+const showBackend = store => () => {
+    store.update(s => {
+        s.isBackend = true;
+        return s;
+    })
+}
+
+const showFrontend = store => () => {
+    store.update(s => {
+        s.isBackend = false;
+        return s;
+    })
+}
+
+const combineComponents = (root, derived) => {
+    const all = []
+    for(let r in root) {
+        all.push(root[r]);
+    }
+    for(let d in derived) {
+        all.push(derived[d]);
+    }
+    return all;
+}
+
+const newRecord = (store, useRoot) => () => {
+    store.update(s => {
+        s.currentNodeIsNew = true;
+        const shadowHierarchy = createShadowHierarchy(s.hierarchy);
+        parent = useRoot ? shadowHierarchy
+                 : getNode(
+                    shadowHierarchy, 
+                    s.currentNode.nodeId);
+        s.errors = [];
+        s.currentNode = templateApi(shadowHierarchy)
+                         .getNewRecordTemplate(parent, "", true);
+        return s;
+    });
+}
+
+
+const selectExistingNode = (store) => (nodeId) => {
+    store.update(s => {
+        const shadowHierarchy = createShadowHierarchy(s.hierarchy);
+        s.currentNode = getNode(
+            shadowHierarchy, nodeId
+        );
+        s.currentNodeIsNew = false;
+        s.errors = [];
+        return s;
+    })
+}
+
+const newIndex = (store, useRoot) => () => {
+    store.update(s => {
+        s.currentNodeIsNew = true;
+        s.errors = [];
+        const shadowHierarchy = createShadowHierarchy(s.hierarchy);
+        parent = useRoot ? shadowHierarchy
+                 : getNode(
+                    shadowHierarchy, 
+                    s.currentNode.nodeId);
+
+        s.currentNode = templateApi(shadowHierarchy)
+                         .getNewIndexTemplate(parent);
+        return s;
+    });
+}
+
+const saveCurrentNode = (store) => () => {
+    store.update(s => {
+
+        const errors = validate.node(s.currentNode);
+        s.errors = errors;
+        if(errors.length > 0) {
+            return s;
+        }
+
+        const parentNode = getNode(
+            s.hierarchy, s.currentNode.parent().nodeId);
+
+        const existingNode = getNode(
+            s.hierarchy, s.currentNode.nodeId);
+
+        let index = parentNode.children.length;
+        if(!!existingNode) {
+            // remove existing
+            index = existingNode.parent().children.indexOf(existingNode);
+            existingNode.parent().children = pipe(existingNode.parent().children, [
+                filter(c => c.nodeId !== existingNode.nodeId)
+            ]);
+        }
+
+        // should add node into existing hierarchy
+        const cloned = cloneDeep(s.currentNode);
+        templateApi(s.hierarchy).constructNode(
+            parentNode, 
+            cloned
+        );
+
+        const newIndexOfchild = child => {
+            if(child === cloned) return index;
+            const currentIndex = parentNode.children.indexOf(child);
+            return currentIndex >= index ? currentIndex + 1 : currentIndex;
+        }
+
+        parentNode.children = pipe(parentNode.children, [
+            sortBy(newIndexOfchild)
+        ]);
+
+        s.currentNodeIsNew = false;
+        
+        savePackage(store, s);
+
+        return s;
+    });
+}
+
+const importAppDefinition = store => appDefinition => {
+    store.update(s => {
+        s.hierarchy = appDefinition.hierarchy;
+        s.currentNode = appDefinition.hierarchy.children.length > 0
+                         ? appDefinition.hierarchy.children[0] 
+                         : null;
+        s.actions = appDefinition.actions;
+        s.triggers = appDefinition.triggers;
+        s.currentNodeIsNew = false; 
+        return s;
+    });
+} 
+
+const deleteCurrentNode = store => () => {
+    store.update(s => {
+        const nodeToDelete = getNode(s.hierarchy, s.currentNode.nodeId);
+        s.currentNode = hierarchyFunctions.isRoot(nodeToDelete.parent())
+                         ? find(n => n != s.currentNode)
+                               (s.hierarchy.children)
+                         : nodeToDelete.parent();
+        if(hierarchyFunctions.isRecord(nodeToDelete)) {
+            nodeToDelete.parent().children = filter(c => c.nodeId !== nodeToDelete.nodeId)
+                                                   (nodeToDelete.parent().children);
+        } else {
+            nodeToDelete.parent().indexes = filter(c => c.nodeId !== nodeToDelete.nodeId)
+                                                   (nodeToDelete.parent().indexes);
+        }
+        s.errors = [];
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const saveField = databaseStore => (field) => {
+    databaseStore.update(db => {
+        db.currentNode.fields = filter(f => f.name !== field.name)
+                                      (db.currentNode.fields);
+            
+        templateApi(db.hierarchy).addField(db.currentNode, field);
+        return db;
+    });
+}
+
+
+const deleteField = databaseStore => field => {
+    databaseStore.update(db => {
+        db.currentNode.fields = filter(f => f.name !== field.name)
+                                      (db.currentNode.fields);
+
+        return db;
+    });
+}
+
+
+const saveAction = store => (newAction, isNew, oldAction=null) => {
+    store.update(s => {
+
+        const existingAction = isNew 
+                               ? null
+                               : find(a => a.name === oldAction.name)(s.actions);
+            
+        if(existingAction) {
+            s.actions = pipe(s.actions, [
+                map(a => a === existingAction ? newAction : a)
+            ]);
+        } else {
+            s.actions.push(newAction);
+        }
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const deleteAction  = store => action => {
+    store.update(s => {
+        s.actions = filter(a => a.name !== action.name)(s.actions);
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const saveTrigger = store => (newTrigger, isNew, oldTrigger=null) => {
+    store.update(s => {
+
+        const existingTrigger = isNew 
+                               ? null
+                               : find(a => a.name === oldTrigger.name)(s.triggers);
+            
+        if(existingTrigger) {
+            s.triggers = pipe(s.triggers, [
+                map(a => a === existingTrigger ? newTrigger : a)
+            ]);
+        } else {
+            s.triggers.push(newTrigger);
+        }
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const deleteTrigger  = store => trigger => {
+    store.update(s => {
+        s.triggers = filter(t => t.name !== trigger.name)(s.triggers);
+        return s;
+    });
+}
+
+const saveLevel = store => (newLevel, isNew, oldLevel=null) => {
+    store.update(s => {
+
+        const existingLevel = isNew 
+                               ? null
+                               : find(a => a.name === oldLevel.name)(s.accessLevels);
+            
+        if(existingLevel) {
+            s.accessLevels = pipe(s.accessLevels, [
+                map(a => a === existingLevel ? newLevel : a)
+            ]);
+        } else {
+            s.accessLevels.push(newLevel);
+        }
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const deleteLevel = store => level => {
+    store.update(s => {
+        s.accessLevels = filter(t => t.name !== level.name)(s.accessLevels);
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const setActiveNav = store => navName => {
+    store.update(s => {
+        s.activeNav = navName;
+        return s;
+    });
+}
+
+const createShadowHierarchy = hierarchy => 
+    constructHierarchy(JSON.parse(JSON.stringify(hierarchy)));
+
+const saveDerivedComponent = store => (derivedComponent) => {
+
+    store.update(s => {
+
+        const components = pipe(s.allComponents, [
+            filter(c => c.name !== derivedComponent.name),
+            concat([derivedComponent])
+        ]);
+
+        s.allComponents = components;
+        s.currentFrontEndItem = derivedComponent;
+        s.currentComponentInfo = getNewComponentInfo(
+            s.allComponents, derivedComponent.name);
+        s.currentComponentIsNew = false;
+        
+        api.post(`/_builder/api/${s.appname}/derivedcomponent`, derivedComponent);
+
+        return s;
+    })
+};
+
+const createDerivedComponent = store => (componentName) => {
+    store.update(s => {
+        const newComponentInfo = getNewComponentInfo(
+            s.allComponents, componentName);
+
+        s.currentFrontEndItem = newComponentInfo.component;
+        s.currentComponentInfo = newComponentInfo;
+        s.currentComponentIsNew = true;
+        return s;
+    });
+}
+
+const deleteDerivedComponent = store => name => {
+    store.update(s => {
+
+        const allComponents = pipe(s.allComponents, [
+            filter(c => c.name !== name)
+        ]);
+
+        s.allComponents = allComponents;
+        if(s.currentFrontEndItem.name === name) {
+            s.currentFrontEndItem = null;
+        }
+
+        api.delete(`/_builder/api/${s.appname}/derivedcomponent/${name}`);
+
+        return s;
+    })
+}
+
+const renameDerivedComponent = store => (oldname, newname) => {
+    store.update(s => {
+
+        const component = pipe(s.allComponents, [
+            find(c => c.name === name)
+        ]);
+
+        component.name = newname;
+
+        const allComponents = pipe(s.allComponents, [
+            filter(c => c.name !== name),
+            concat([component])
+        ]);
+
+        s.allComponents = allComponents;
+
+        api.patch(`/_builder/api/${s.appname}/derivedcomponent`, {
+            oldname, newname
+        });
+
+        return s;
+    })
+}
+
+const savePage = store => async page => {
+    store.update(s => {
+        if(s.currentFrontEndIsComponent || !s.currentFrontEndItem) {
+            return;
+        }
+
+        s.pages[currentPageName] = page;
+        savePackage();
+
+    });
+}
+
+const addComponentLibrary = store => async lib => {
+
+    const response = 
+        await api.get(`/_builder/api/${db.appname}/components?${encodeURI(lib)}`,undefined, false);
+
+    const success = response.status === 200;
+
+    const error = response.status === 404 
+                  ? `Could not find library ${lib}`
+                  : success
+                  ? ""
+                  : response.statusText;
+    
+    const components = success
+                       ? await response.json()
+                       : [];
+
+    store.update(s => {
+        s.componentsErrors.addComponent = error;
+        if(success) {
+            
+            s.allComponents = pipe(s.allComponents, [
+                filter(c => !isRootComponent(c)),
+                concat(components)
+            ]);
+
+            s.pages.componentLibraries.push(lib);
+            savePackage(store, s);
+        }
+
+        return s;
+    })
+    
+
+}
+
+const removeComponentLibrary = store => lib => {
+    store.update(s => {
+        
+        
+        s.pages.componentLibraries = filter(l => l !== lib)(
+                                        s.pages.componentLibraries);
+        savePackage(store, s);
+        
+
+        return s;
+    })
+}
+
+const addStylesheet = store => stylesheet => {
+    store.update(s => {
+        s.pages.stylesheets.push(stylesheet);
+        savePackage(store, s);
+        return s;
+    })
+}
+
+const removeStylesheet = store => stylesheet => {
+    store.update(s => {
+        s.pages.stylesheets = filter(s => s !== stylesheet)(s.pages.stylesheets);
+        savePackage(store, s);
+        return s;
+    });
+}
+
+const refreshComponents = store => async () => {
+
+    const components = 
+        await api.get(`/_builder/api/${db.appname}/components`);
+
+    const rootComponents = pipe(components, [
+        keys,
+        map(k => ({...components[k], name:k}))
+    ]);
+
+    store.update(s => {
+        s.allComponents = pipe(s.allComponents, [
+            filter(c => !isRootComponent(c)),
+            concat(rootComponents)
+        ]);
+        return s;
+    });
+};
+
+const savePackage = (store, s) => {
+
+    const appDefinition = {
+        hierarchy:s.hierarchy,
+        triggers:s.triggers,
+        actions: groupBy("name")(s.actions),
+        mainUi: s.mainUi,
+        unauthenticatedUi: s.unauthenticatedUi
+    };
+
+    const data = {
+        appDefinition,
+        accessLevels:s.accessLevels,
+        pages:s.pages,
+    }
+
+    api.post(`/_builder/api/${s.appname}/appPackage`, data);
+}
+
+const setCurrentComponent = store => component => {
+    store.update(s => {
+        s.currentFrontEndItem = component;
+        s.currentFrontEndIsComponent = true;
+        s.currentComponentIsNew = false;
+        s.currentComponentInfo = getComponentInfo(s.allComponents, component.name);
+        return s;
+    })
+}
+
+const setCurrentPage = store => pageName => {
+    store.update(s => {
+        s.currentFrontEndItem = s.pages[pageName];
+        s.currentFrontEndIsComponent = false;
+        s.currentPageName = pageName;
+        return s;
+    })
+}

packages/builder/src/userInterface/CurrentItemPreview.svelte

@@ -1,41 +1,83 @@
 <script>
 import { store } from "../builderStore";
+import { makeLibraryUrl } from "../builderStore/loadComponentLibraries";
 import {
     last,
-    split
+    split,
+    map,
+    join
 } from "lodash/fp";
 import { pipe } from "../common/core";
 import { splitName } from "./pagesParsing/splitRootComponentName"
+import { afterUpdate } from 'svelte';
 
 let component;
+let stylesheetLinks = "";
+let componentHtml = "";
+let props;
+let componentLibraryUrl = "";
+let rootComponentName = "";
+let iframe;
 
 store.subscribe(s => {
     const {componentName, libName} = splitName(
         s.currentComponentInfo.rootComponent.name);
 
+    rootComponentName = componentName;
+    props = s.currentComponentInfo.fullProps;
     component = s.libraries[libName][componentName];
+    stylesheetLinks = pipe(s.pages.stylesheets, [
+        map(s => `<link rel="stylesheet" href="${s}"/>`),
+        join("\n")
+    ]);
+    componentLibraryUrl = makeLibraryUrl(s.appname, libName);
 });
 
+/*
+afterUpdate(() => {
+    if(iframe) iframeLoaded();
+});
+*/
+
+const iframeLoaded = () => {
+    setTimeout(() => {
+        iframe.style.height = (iframe.contentWindow.document.body.scrollHeight + 1).toString() + "px";
+        iframe.style.width = (iframe.contentWindow.document.body.scrollWidth + 1).toString() + "px";
+    }, 100);
+}
+
 </script>
 
 <div class="component-preview" >
     <div class="component-container">
-        <iframe title="componentPreview">
+        <iframe bind:this={iframe}
- 
+                on:load={iframeLoaded}
-                <head>
+                title="componentPreview"
-                    {#each $store.pages.stylesheets as stylesheet}
+                srcdoc={
-                    <link rel="stylesheet" href="{stylesheet}"/>
+`<html>
-                    {/each}
+    
-                </head>
+<head>
-                <body>
+    ${stylesheetLinks}
-                    <svelte:component this={component} {...$store.currentComponentInfo.fullProps}/>
+    <script>
-                </body>
+    
-      
+        import('${componentLibraryUrl}')
+        .then(module => {
+            const componentClass = module['${rootComponentName}'];
+            const instance = new componentClass({
+                target: document.body,
+                props: JSON.parse('${JSON.stringify(props)}')
+            }) ;
+        })
+        
+    </script>
+</head>
+<body>
+</body>
+</html>`}>
         </iframe>
     </div>
 </div>
 
-
 <style>
 .component-preview {
     display: grid;
@@ -50,4 +92,9 @@ store.subscribe(s => {
     grid-column-start: middle;
 }
 
+#comonent-container-mock {
+    position:fixed;
+    left: -2000px
+}
+
 </style>

packages/builder/src/userInterface/EditComponent.svelte

@@ -162,6 +162,7 @@ const componentInstancePropsChanged = (instanceProps) => {
             <Textbox label="Name" 
                     infoText="use forward slash to store in subfolders"
                     bind:text={name}
+                    disabled={!$store.currentComponentIsNew}
                     hasError={!!nameInvalid}/>
             <div class="info-text"></div>
             <Textbox label="Description"

packages/builder/src/userInterface/PageView.svelte

@@ -0,0 +1,44 @@
+<script>
+
+import Textbox from "../common/Textbox.svelte";
+import Dropdown from "../common/Dropdown.svelte";
+import Button from "../common/Button.svelte";
+import { store } from "../builderStore";
+import { isRootComponent } from "./pagesParsing/searchComponents";
+
+let entryComponent;
+let title = "";
+let components = [];
+
+store.subscribe(s => {
+    title = s.currentFrontEndItem.title;
+    entryComponent = s.currentFrontEndItem.entryComponent;
+    components = filter(s => !isRootComponent(s))(s.allComponents);
+});
+
+const save = () => {
+    const page = {
+        title,
+        entryComponent,
+    }
+    store.savePage(page);
+}
+
+</script>
+
+<p>{$store.currentPageName}</p>
+
+<form class="uk-form-horizontal">
+    <Textbox bind:value={title} label="Title" />
+    <Dropdown bind:value={title} 
+              label="App Entry Component"
+              options={components}
+              selected={entryComponent}
+              textMember="name" />
+
+    <Button on:click={save}>Save</Button>
+</form>
+
+<style>
+
+</style>

packages/builder/src/userInterface/UserInterfaceRoot.svelte

@@ -41,7 +41,7 @@ const settings = () => {
                 </div>
             </div>
             <div class="nav-items-container">
-                <ComponentsHierarchy components={$store.allComponents}/>
+                <ComponentsHierarchy components={$store.derivedComponents}/>
             </div>
         </div>
 

packages/builder/src/userInterface/pagesParsing/createProps.js

@@ -8,7 +8,8 @@ import {
     filter,
     reduce,
     cloneDeep,
-    includes
+    includes,
+    last
 } from "lodash/fp";
 import { types, expandPropsDefinition } from "./types";
 import { assign } from "lodash";
@@ -74,9 +75,13 @@ export const getComponentInfo = (allComponents, comp, stack=[], subComponentProp
     if(isRootComponent(component)) {
         subComponentProps = subComponentProps||{};
         const p = createProps(cname, component.props, subComponentProps);
+        const rootProps = createProps(cname, component.props);
         const inheritedProps = [];
+        const targetComponent = stack.length > 0
+                                ? last(stack)
+                                : component;
         if(stack.length > 0) {
-            const targetComponent = stack[0];
+            
             for(let prop in subComponentProps) {
                 const hasProp = pipe(targetComponent.props, [
                                         keys,
@@ -88,24 +93,27 @@ export const getComponentInfo = (allComponents, comp, stack=[], subComponentProp
         }
         const unsetProps = pipe(p.props, [
             keys,
-            filter(k => !includes(k)(keys(subComponentProps)))
+            filter(k => !includes(k)(keys(subComponentProps)) && k !== "_component")
         ]);
 
+        const fullProps = cloneDeep(p.props);
+        fullProps._component = targetComponent.name;
+
         return ({
             propsDefinition:expandPropsDefinition(component.props), 
             inheritedProps,
-            rootDefaultProps: p.props,
+            rootDefaultProps: rootProps.props,
             unsetProps,
-            fullProps: p.props,
+            fullProps: fullProps,
             errors: p.errors,
-            component: stack.length > 0 ? stack[0] : component,
+            component: targetComponent,
             rootComponent: component
         });
     }
     return getComponentInfo(
         allComponents, 
         component.inherits, 
-        [...stack, component],
+        [component, ...stack],
         {...component.props, ...subComponentProps});
 }
 

packages/builder/tests/getComponentInfo.spec.js

@@ -18,6 +18,7 @@ describe("getComponentInfo", () => {
 
         expect(result.errors).toEqual([]);
         expect(result.fullProps).toEqual({
+            _component: "budibase-components/TextBox",
             size: "",
             isPassword: false,
             placeholder: "",
@@ -42,6 +43,7 @@ describe("getComponentInfo", () => {
             {size:"small"});
 
         expect(result).toEqual({
+            _component: "budibase-components/TextBox",
             size: "small",
             isPassword: false,
             placeholder: "",
@@ -57,6 +59,7 @@ describe("getComponentInfo", () => {
 
         expect(result.errors).toEqual([]);
         expect(result.fullProps).toEqual({
+            _component: "common/SmallTextbox",
             size: "small",
             isPassword: false,
             placeholder: "",
@@ -71,6 +74,7 @@ describe("getComponentInfo", () => {
 
         expect(result.errors).toEqual([]);
         expect(result.fullProps).toEqual({
+            _component: "common/PasswordBox",
             size: "small",
             isPassword: true,
             placeholder: "",

packages/datastores/package.json

@@ -29,7 +29,7 @@
     "@babel/preset-env": "^7.1.0",
     "budibase-core": "git+ssh://git@gitlab.com/budibase-dist/budibase-core.git",
     "es6-promisify": "^6.0.1",
-    "lodash": "^4.17.11",
+    "lodash": "^4.17.13",
     "p-limit": "^2.0.0",
     "papaparse": "^4.6.1",
     "rimraf": "^2.6.2"

packages/datastores/yarn.lock

@@ -1656,6 +1656,13 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
+p-limit@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537"
+  integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==
+  dependencies:
+    p-try "^2.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -1666,10 +1673,20 @@ p-try@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
 
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
 papaparse@^4.3.7:
   version "4.6.1"
   resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-4.6.1.tgz#7b3c5bdf4f0fd12374e2d37f987e9d74a1834ca8"
 
+papaparse@^4.6.1:
+  version "4.6.3"
+  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-4.6.3.tgz#742e5eaaa97fa6c7e1358d2934d8f18f44aee781"
+  integrity sha512-LRq7BrHC2kHPBYSD50aKuw/B/dGcg29omyJbKWY3KsYUZU69RKwaBHu13jGmCYBtOc4odsLCrFyk6imfyNubJQ==
+
 parse-passwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"

packages/server/appPackages/testApp2/appDefinition.json

@@ -74,35 +74,19 @@
     }
   ],
   "actions": {
-    "output_to_file": [
+    "undefined": [
-      {
+      [
-        "name": "output_to_file",
+        [
-        "behaviourSource": "main",
+          [
-        "behaviourName": "outputToFile",
+            {
-        "initialOptions": {}
+              "name": "output_to_file",
-      }
+              "behaviourSource": "main",
-    ]
+              "behaviourName": "outputToFile",
-  },
+              "initialOptions": {}
-  "pages": {
+            }
-    "main": {
+          ]
-      "index": {},
-      "appBody": "./main.app.json"
-    },
-    "unauthenticated": {
-      "index": {
-        "_component": "budibase-components/indexHtml",
-        "title": "Test App 1 - Login",
-        "customScripts": [
-          "MyCustomComponents.js"
         ]
-      },
+      ]
-      "appBody": "./unauthenticated.app.json"
-    },
-    "componentLibraries": [
-      "./standard-components"
-    ],
-    "stylesheets": [
-      "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
     ]
   },
   "mainUi": {},

packages/server/appPackages/testApp2/components/Primary Button.json

@@ -3,7 +3,7 @@
   "description": "",
   "inherits": "./standard-components/button",
   "props": {
-    "className": "btn btn-secondary",
+    "className": "btn btn-primary",
     "_component": "Primary Button",
     "disabled": false
   },

packages/server/appPackages/testApp2/components/Success Button.json

@@ -0,0 +1,12 @@
+{
+  "name": "Success Button",
+  "description": "",
+  "inherits": "./standard-components/button",
+  "props": {
+    "className": "btn btn-success",
+    "_component": "Success Button"
+  },
+  "tags": [
+    "button"
+  ]
+}

packages/server/appPackages/testApp2/components/login_screen.json

@@ -0,0 +1,15 @@
+{
+  "name": "login_screen",
+  "description": "",
+  "inherits": "./standard-components/login",
+  "props": {
+    "usernameLabel": "User",
+    "_component": "login_screen"
+  },
+  "tags": [
+    "login",
+    "credentials",
+    "password",
+    "logon"
+  ]
+}

packages/server/appPackages/testApp2/pages.json

@@ -1,20 +1,22 @@
 {
-    "main" : {
+  "main": {
-        "index" : {
+    "index": {},
-
+    "appBody": "./main.app.json"
-        },
+  },
-        "appBody" : "./main.app.json"
+  "unauthenticated": {
+    "index": {
+      "_component": "budibase-components/indexHtml",
+      "title": "Test App 1 - Login",
+      "customScripts": [
+        "MyCustomComponents.js"
+      ]
     },
-    "unauthenticated" : {
+    "appBody": "./unauthenticated.app.json"
-        "index" : {
+  },
-            "_component": "budibase-components/indexHtml",
+  "componentLibraries": [
-            "title": "Test App 1 - Login",
+    "./standard-components"
-            "customScripts": [
+  ],
-                "MyCustomComponents.js"
+  "stylesheets": [
-            ]
+    "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-        },
+  ]
-        "appBody" : "./unauthenticated.app.json"
+}
-    },
-    "componentLibraries": ["./standard-components"],
-	"stylesheets": []
-}

packages/server/appPackages/testApp2/standard-components/components.json

@@ -9,9 +9,62 @@
 		"props": {
 			"contentText": { "type": "string", "default": "Button" },
 			"contentComponent": "component",
-			"className": "string",
+			"className": {"type": "string", "default": "default"},
 			"disabled": "bool"
 		},
 		"tags": ["button"]
+	}, 
+	"login" : {
+		"importPath": "login",
+		"name": "Login Control",
+		"desciption": "A control that accepts username, password an also handles password resets",
+		"props" : {
+			"logo": "asset",
+			"loginRedirect": "string",
+			"usernameLabel": {"type":"string", "default": "Username"},
+			"passwordLabel": {"type":"string", "default": "Password"},
+			"loginButtonLabel": {"type":"string", "default": "Login"}
+		},
+		"tags": ["login", "credentials", "password", "logon"]
+	},
+	"formControl" : {
+		"importPath": "formControl",
+		"name": "Form Control",
+		"desciption": "A wrapper for a control, used inside a form. Allows a label, and properly alligns the control inside the parent form",
+		"props" : {
+			"containerClass": "string",
+			"labelContainerClass": "string",
+			"controlContainerClass": "string",
+			"label": "string",
+			"control": "component",
+			"fullWidth": "bool"
+		},
+		"tags": ["login"]
+	},
+	"form" : {
+		"importPath": "form",
+		"name": "Form",
+		"desciption": "A form - you should usually add FormControls as children to get nice allignment",
+		"props" : {
+			"containerClass": "string",
+			"formControls": {
+				"type":"array",
+				"elementDefinition": {
+					"control":"component"
+				}
+			}
+		},
+		"tags": ["form"]
+	},
+	"textbox" : {
+		"importPath": "textbox",
+		"name": "Textbox",
+		"desciption": "An input type=text or password",
+		"props" : {
+			"value": "string",
+			"hideValue": "boolean",
+			"className": {"type": "string", "default": "default"}
+		},
+		"tags": ["form"]
 	}
 }

packages/server/appPackages/testApp2/standard-components/package.json

@@ -4,12 +4,20 @@
   "main": "index.js",
   "scripts": {
     "build": "rollup -c",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "testbuild": "rollup -w -c rollup.testconfig.js",
+    "dev": "run-p start:dev testbuild",
+    "start:dev": "sirv public --single --dev"
   },
   "devDependencies": {
+    "npm-run-all": "^4.1.5",
     "rollup": "^1.11.0",
-    "rollup-plugin-node-resolve": "^4.0.0",
+    "rollup-plugin-commonjs": "^10.0.2",
+    "rollup-plugin-livereload": "^1.0.1",
+    "rollup-plugin-node-resolve": "^5.0.0",
     "rollup-plugin-svelte": "^5.0.0",
+    "rollup-plugin-terser": "^5.1.1",
+    "sirv-cli": "^0.4.4",
     "svelte": "^3.0.0"
   },
   "keywords": [

packages/server/appPackages/testApp2/standard-components/public/bundle.css

@@ -0,0 +1,9 @@
+.root.svelte-1s3350l{height:100%;display:grid;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-template-rows:[top] 1fr [center] auto [bottom] 1fr}.content.svelte-1s3350l{grid-column-start:middle;grid-row-start:center;width:400px}.logo-container.svelte-1s3350l{margin-bottom:20px
+}.logo-container.svelte-1s3350l>img.svelte-1s3350l{max-width:100%}.login-button-container.svelte-1s3350l{text-align:right;margin-top:20px}
+.label.svelte-98bu7e{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-98bu7e{grid-column-start:control;padding:5px 10px}.overflow.svelte-98bu7e{grid-column-start:overflow}.full-width.svelte-98bu7e{width:100%}
+.form-root.svelte-h706oz{display:grid;grid-template-columns:[label] auto [control] auto}
+.current.svelte-cgpppc{height:100%;width:100%}
+input.svelte-bmvn6x{width:100%}input.svelte-bmvn6x{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}input.svelte-bmvn6x:disabled{color:#ccc}
+button.svelte-19ku4ig{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px}button.svelte-19ku4ig{color:#333;background-color:#f4f4f4;outline:none}button.svelte-19ku4ig:active{background-color:#ddd}button.svelte-19ku4ig:focus{border-color:#666}
+
+/*# sourceMappingURL=bundle.css.map */

packages/server/appPackages/testApp2/standard-components/public/bundle.css.map

@@ -0,0 +1,22 @@
+{
+  "version": 3,
+  "file": "bundle.css",
+  "sources": [
+    "..\\src\\Login.svelte",
+    "..\\src\\FormControl.svelte",
+    "..\\src\\Form.svelte",
+    "..\\src\\Test\\TestApp.svelte",
+    "..\\src\\Textbox.svelte",
+    "..\\src\\Button.svelte"
+  ],
+  "sourcesContent": [
+    "<script>\r\n\r\nimport Textbox from \"./Textbox.svelte\";\r\nimport FormControl from \"./FormControl.svelte\";\r\nimport Form from \"./Form.svelte\";\r\nimport Button from \"./Button.svelte\";\r\n\r\nexport let usernameLabel = \"Username\";\r\nexport let passwordLabel = \"Password\";\r\nexport let loginRedirect = \"\";\r\nexport let logo = \"/budibase-logo.png\";\r\n\r\nlet username = \"\";\r\nlet password = \"\";\r\n\r\n</script>\r\n\r\n<div class=\"root\">\r\n\r\n    <div class=\"content\">\r\n\r\n        <div class=\"logo-container\">\r\n            <img src={logo} alt=\"logo\"/>\r\n        </div>\r\n\r\n        <Form>\r\n            <FormControl label={usernameLabel}>\r\n                <Textbox bind:value={username} />\r\n            </FormControl>\r\n            <FormControl label={passwordLabel}>\r\n                <Textbox bind:value={password} hideValue=true />\r\n            </FormControl>\r\n        </Form>\r\n\r\n        <div class=\"login-button-container\">\r\n            <Button>Login</Button>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n<style>\r\n\r\n.root {\r\n    height: 100%;\r\n    display:grid;\r\n    grid-template-columns: [left] 1fr [middle] auto [right] 1fr;\r\n    grid-template-rows: [top] 1fr [center] auto [bottom] 1fr;\r\n}\r\n\r\n.content {\r\n    grid-column-start: middle;\r\n    grid-row-start: center;\r\n    width: 400px;\r\n}\r\n\r\n.logo-container {\r\n    margin-bottom: 20px\r\n}\r\n\r\n.logo-container > img {\r\n    max-width: 100%;\r\n}\r\n\r\n.login-button-container {\r\n    text-align: right;\r\n    margin-top: 20px;\r\n}\r\n\r\n</style>",
+    "<script>\r\n\r\nexport let containerClass = \"\";\r\nexport let labelContainerClass = \"\";\r\nexport let controlContainerClass = \"\";\r\nexport let label = \"\";\r\nexport let control;\r\nexport let overflowControl;\r\nexport let fullWidth = false;\r\n\r\n</script>\r\n\r\n<div class=\"label {labelContainerClass}\">{label}</div>\r\n<div class=\"control {controlContainerClass}\" class:full-width={fullWidth}>\r\n    {#if control}\r\n    <control />\r\n    {:else}\r\n    <slot />\r\n    {/if}\r\n    \r\n</div>\r\n<!--div class=\"overflow\">\r\n    {#if overflowControl}\r\n    <overflowControl />\r\n    {:else}\r\n    <slot name=\"overflow\" />\r\n    {/if}\r\n</div>-->\r\n\r\n<style>\r\n\r\n.label {\r\n    grid-column-start: label;\r\n    padding: 5px 10px;\r\n    vertical-align: middle;\r\n}\r\n.control {\r\n    grid-column-start: control;\r\n    padding: 5px 10px;\r\n}\r\n.overflow {\r\n    grid-column-start: overflow;\r\n}\r\n.full-width {\r\n    width: 100%;\r\n}\r\n</style>",
+    "<script>\r\n\r\nexport let containerClass = \"\";\r\nexport let formControls = [];\r\n\r\n</script>\r\n\r\n<div class=\"form-root {containerClass}\">\r\n    {#each formControls as formControl}\r\n    <formControl />\r\n    {:else}\r\n    <slot/>\r\n    {/each}\r\n</div>\r\n\r\n<style>\r\n.form-root {\r\n    display: grid;\r\n    grid-template-columns: [label] auto [control] auto; /* [overflow] auto;*/\r\n}\r\n</style>",
+    "<script>\r\nimport Login from \"../Login.svelte\";\r\n</script>\r\n\r\n\r\n<div class=\"current\">\r\n    <Login />\r\n</div>\r\n\r\n<style>\r\n.current {\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n</style>\r\n\r\n",
+    "<script>\r\n\r\nexport let value=\"\";\r\nexport let hideValue = false;\r\n\r\n</script>\r\n\r\n{#if hideValue}\r\n<input type=\"password\" bind:value={value}/>\r\n{:else}\r\n<input type=\"text\" bind:value={value}/>\r\n{/if}\r\n\r\n<style>\r\ninput {\r\n    width: 100%;\r\n}\r\n\r\ninput {\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tpadding: 0.4em;\r\n\tmargin: 0 0 0.5em 0;\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid #ccc;\r\n    border-radius: 2px;\r\n    width: 100%;\r\n}\r\n\r\ninput:disabled {\r\n\tcolor: #ccc;\r\n}\r\n\r\n</style>",
+    "<script>\r\nexport let className = \"\";\r\nexport let disabled = false;\r\nexport let contentText;\r\nexport let contentComponent;\r\n</script>\r\n\r\n\r\n<button class={className} {disabled} on:click>\r\n    {#if contentComponent}\r\n    {contentComponent}\r\n    {:else if contentText}\r\n    {contentText}\r\n    {:else}\r\n    <slot />\r\n    {/if}\r\n</button>\r\n\r\n\r\n<style>\r\n\r\nbutton {\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tpadding: 0.4em;\r\n\tmargin: 0 0 0.5em 0;\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid #ccc;\r\n\tborder-radius: 2px;\r\n}\r\n\r\n\r\nbutton {\r\n\tcolor: #333;\r\n\tbackground-color: #f4f4f4;\r\n\toutline: none;\r\n}\r\n\r\nbutton:active {\r\n\tbackground-color: #ddd;\r\n}\r\n\r\nbutton:focus {\r\n\tborder-color: #666;\r\n}\r\n\r\n</style>"
+  ],
+  "names": [],
+  "mappings": "AA4CA,KAAK,eAAC,CAAC,AACH,MAAM,CAAE,IAAI,CACZ,QAAQ,IAAI,CACZ,qBAAqB,CAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,kBAAkB,CAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,AAC5D,CAAC,AAED,QAAQ,eAAC,CAAC,AACN,iBAAiB,CAAE,MAAM,CACzB,cAAc,CAAE,MAAM,CACtB,KAAK,CAAE,KAAK,AAChB,CAAC,AAED,eAAe,eAAC,CAAC,AACb,aAAa,CAAE,IAAI;AACvB,CAAC,AAED,8BAAe,CAAG,GAAG,eAAC,CAAC,AACnB,SAAS,CAAE,IAAI,AACnB,CAAC,AAED,uBAAuB,eAAC,CAAC,AACrB,UAAU,CAAE,KAAK,CACjB,UAAU,CAAE,IAAI,AACpB,CAAC;ACrCD,MAAM,cAAC,CAAC,AACJ,iBAAiB,CAAE,KAAK,CACxB,OAAO,CAAE,GAAG,CAAC,IAAI,CACjB,cAAc,CAAE,MAAM,AAC1B,CAAC,AACD,QAAQ,cAAC,CAAC,AACN,iBAAiB,CAAE,OAAO,CAC1B,OAAO,CAAE,GAAG,CAAC,IAAI,AACrB,CAAC,AACD,SAAS,cAAC,CAAC,AACP,iBAAiB,CAAE,QAAQ,AAC/B,CAAC,AACD,WAAW,cAAC,CAAC,AACT,KAAK,CAAE,IAAI,AACf,CAAC;AC7BD,UAAU,cAAC,CAAC,AACR,OAAO,CAAE,IAAI,CACb,qBAAqB,CAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,AACtD,CAAC;ACTD,QAAQ,cAAC,CAAC,AACN,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,AACf,CAAC;ACCD,KAAK,cAAC,CAAC,AACH,KAAK,CAAE,IAAI,AACf,CAAC,AAED,KAAK,cAAC,CAAC,AACN,WAAW,CAAE,OAAO,CACpB,SAAS,CAAE,OAAO,CAClB,OAAO,CAAE,KAAK,CACd,MAAM,CAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACnB,UAAU,CAAE,UAAU,CACtB,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,IAAI,CACnB,aAAa,CAAE,GAAG,CAClB,KAAK,CAAE,IAAI,AACf,CAAC,AAED,mBAAK,SAAS,AAAC,CAAC,AACf,KAAK,CAAE,IAAI,AACZ,CAAC;ACVD,MAAM,eAAC,CAAC,AACP,WAAW,CAAE,OAAO,CACpB,SAAS,CAAE,OAAO,CAClB,OAAO,CAAE,KAAK,CACd,MAAM,CAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACnB,UAAU,CAAE,UAAU,CACtB,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,IAAI,CACtB,aAAa,CAAE,GAAG,AACnB,CAAC,AAGD,MAAM,eAAC,CAAC,AACP,KAAK,CAAE,IAAI,CACX,gBAAgB,CAAE,OAAO,CACzB,OAAO,CAAE,IAAI,AACd,CAAC,AAED,qBAAM,OAAO,AAAC,CAAC,AACd,gBAAgB,CAAE,IAAI,AACvB,CAAC,AAED,qBAAM,MAAM,AAAC,CAAC,AACb,YAAY,CAAE,IAAI,AACnB,CAAC"
+}

packages/server/appPackages/testApp2/standard-components/public/global.css

@@ -0,0 +1,62 @@
+html, body {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+body {
+	color: #333;
+	margin: 0;
+	padding: 8px;
+	box-sizing: border-box;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+	color: rgb(0,100,200);
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+a:visited {
+	color: rgb(0,80,160);
+}
+
+label {
+	display: block;
+}
+
+input, button, select, textarea {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+}
+
+input:disabled {
+	color: #ccc;
+}
+
+input[type="range"] {
+	height: 0;
+}
+
+button {
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+button:active {
+	background-color: #ddd;
+}
+
+button:focus {
+	border-color: #666;
+}

packages/server/appPackages/testApp2/standard-components/public/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset='utf8'>
+	<meta name='viewport' content='width=device-width'>
+
+	<title>Svelte app</title>
+
+	<link rel='icon' type='image/png' href='/favicon.png'>
+	<link rel='stylesheet' href='/global.css'>
+	<link rel='stylesheet' href='/bundle.css'>
+</head>
+
+<body>
+	<script src='/bundle.js'></script>
+</body>
+</html>

packages/server/appPackages/testApp2/standard-components/rollup.testconfig.js

@@ -0,0 +1,50 @@
+import svelte from 'rollup-plugin-svelte';
+import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import livereload from 'rollup-plugin-livereload';
+import { terser } from 'rollup-plugin-terser';
+
+const production = !process.env.ROLLUP_WATCH;
+
+export default {
+	input: 'src/Test/testMain.js',
+	output: {
+		sourcemap: true,
+		format: 'iife',
+		name: 'app',
+		file: 'public/bundle.js'
+	},
+	plugins: [
+		svelte({
+			// enable run-time checks when not in production
+			dev: !production,
+			// we'll extract any component CSS out into
+			// a separate file — better for performance
+			css: css => {
+				css.write('public/bundle.css');
+			}
+		}),
+
+		// If you have external dependencies installed from
+		// npm, you'll most likely need these plugins. In
+		// some cases you'll need additional configuration —
+		// consult the documentation for details:
+		// https://github.com/rollup/rollup-plugin-commonjs
+		resolve({
+			browser: true,
+			dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/')
+		}),
+		commonjs(),
+
+		// Watch the `public` directory and refresh the
+		// browser on changes when not in production
+		!production && livereload('public'),
+
+		// If we're building for production (npm run build
+		// instead of npm run dev), minify
+		production && terser()
+	],
+	watch: {
+		clearScreen: false
+	}
+};

packages/server/appPackages/testApp2/standard-components/src/Button.svelte

@@ -0,0 +1,44 @@
+<script>
+export let className = "default";
+export let disabled = false;
+export let contentText;
+export let contentComponent;
+
+</script>
+
+
+<button class={className} {disabled} on:click>
+    {#if contentComponent && contentComponent._component}
+    {contentComponent}
+    {:else if contentText}
+    {contentText}
+    {:else}
+    <slot />
+    {/if}
+</button>
+
+
+<style>
+
+.default {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+.default:active {
+	background-color: #ddd;
+}
+
+.default:focus {
+	border-color: #666;
+}
+
+</style>

packages/server/appPackages/testApp2/standard-components/src/Form.svelte

@@ -0,0 +1,21 @@
+<script>
+
+export let containerClass = "";
+export let formControls = [];
+
+</script>
+
+<div class="form-root {containerClass}">
+    {#each formControls as formControl}
+    <formControl />
+    {:else}
+    <slot/>
+    {/each}
+</div>
+
+<style>
+.form-root {
+    display: grid;
+    grid-template-columns: [label] auto [control] auto; /* [overflow] auto;*/
+}
+</style>

packages/server/appPackages/testApp2/standard-components/src/FormControl.svelte

@@ -0,0 +1,47 @@
+<script>
+
+export let containerClass = "";
+export let labelContainerClass = "";
+export let controlContainerClass = "";
+export let label = "";
+export let control;
+export let overflowControl;
+export let fullWidth = false;
+
+</script>
+
+<div class="label {labelContainerClass}">{label}</div>
+<div class="control {controlContainerClass}" class:full-width={fullWidth}>
+    {#if control}
+    <control />
+    {:else}
+    <slot />
+    {/if}
+    
+</div>
+<!--div class="overflow">
+    {#if overflowControl}
+    <overflowControl />
+    {:else}
+    <slot name="overflow" />
+    {/if}
+</div>-->
+
+<style>
+
+.label {
+    grid-column-start: label;
+    padding: 5px 10px;
+    vertical-align: middle;
+}
+.control {
+    grid-column-start: control;
+    padding: 5px 10px;
+}
+.overflow {
+    grid-column-start: overflow;
+}
+.full-width {
+    width: 100%;
+}
+</style>

packages/server/appPackages/testApp2/standard-components/src/Login.svelte

@@ -0,0 +1,72 @@
+<script>
+
+import Textbox from "./Textbox.svelte";
+import FormControl from "./FormControl.svelte";
+import Form from "./Form.svelte";
+import Button from "./Button.svelte";
+
+export let usernameLabel = "Username";
+export let passwordLabel = "Password";
+export let loginButtonLabel = "Login";
+export let loginRedirect = "";
+export let logo = "/budibase-logo.png";
+
+let username = "";
+let password = "";
+
+</script>
+
+<div class="root">
+
+    <div class="content">
+
+        <div class="logo-container">
+            <img src={logo} alt="logo"/>
+        </div>
+
+        <Form>
+            <FormControl label={usernameLabel}>
+                <Textbox bind:value={username} />
+            </FormControl>
+            <FormControl label={passwordLabel}>
+                <Textbox bind:value={password} hideValue=true />
+            </FormControl>
+        </Form>
+
+        <div class="login-button-container">
+            <Button>{loginButtonLabel}</Button>
+        </div>
+
+    </div>
+
+</div>
+
+<style>
+
+.root {
+    height: 100%;
+    display:grid;
+    grid-template-columns: [left] 1fr [middle] auto [right] 1fr;
+    grid-template-rows: [top] 1fr [center] auto [bottom] 1fr;
+}
+
+.content {
+    grid-column-start: middle;
+    grid-row-start: center;
+    width: 400px;
+}
+
+.logo-container {
+    margin-bottom: 20px
+}
+
+.logo-container > img {
+    max-width: 100%;
+}
+
+.login-button-container {
+    text-align: right;
+    margin-top: 20px;
+}
+
+</style>

packages/server/appPackages/testApp2/standard-components/src/Test/TestApp.svelte

@@ -0,0 +1,16 @@
+<script>
+import Login from "../Login.svelte";
+</script>
+
+
+<div class="current">
+    <Login />
+</div>
+
+<style>
+.current {
+    height: 100%;
+    width: 100%;
+}
+</style>
+

packages/server/appPackages/testApp2/standard-components/src/Test/testMain.js

@@ -0,0 +1,7 @@
+import App from './TestApp.svelte';
+
+const app = new App({
+	target: document.body,
+});
+
+export default app;

packages/server/appPackages/testApp2/standard-components/src/Textbox.svelte

@@ -0,0 +1,32 @@
+<script>
+
+export let value="";
+export let hideValue = false;
+export let className = "default";
+
+</script>
+
+{#if hideValue}
+<input class={className} type="password" bind:value={value}/>
+{:else}
+<input class={className} type="text" bind:value={value}/>
+{/if}
+
+<style>
+.default {
+    width: 100%;
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+    border-radius: 2px;
+    width: 100%;
+}
+
+.default:disabled {
+	color: #ccc;
+}
+
+</style>

packages/server/appPackages/testApp2/standard-components/src/button.svelte

@@ -0,0 +1,44 @@
+<script>
+export let className = "default";
+export let disabled = false;
+export let contentText;
+export let contentComponent;
+
+</script>
+
+
+<button class={className} {disabled} on:click>
+    {#if contentComponent && contentComponent._component}
+    {contentComponent}
+    {:else if contentText}
+    {contentText}
+    {:else}
+    <slot />
+    {/if}
+</button>
+
+
+<style>
+
+.default {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+.default:active {
+	background-color: #ddd;
+}
+
+.default:focus {
+	border-color: #666;
+}
+
+</style>

packages/server/appPackages/testApp2/standard-components/src/button.svelte.orig

@@ -0,0 +1,44 @@
+<script>
+export let className = "default";
+export let disabled = false;
+export let contentText;
+export let contentComponent;
+
+</script>
+
+
+<button class={className} {disabled} on:click>
+    {#if contentComponent && contentComponent._component}
+    {contentComponent}
+    {:else if contentText}
+    {contentText}
+    {:else}
+    <slot />
+    {/if}
+</button>
+
+
+<style>
+
+.default {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+.default:active {
+	background-color: #ddd;
+}
+
+.default:focus {
+	border-color: #666;
+}
+
+</style>

packages/server/appPackages/testApp2/standard-components/src/button.svelte~master

@@ -0,0 +1,44 @@
+<script>
+export let className = "default";
+export let disabled = false;
+export let contentText;
+export let contentComponent;
+
+</script>
+
+
+<button class={className} {disabled} on:click>
+    {#if contentComponent && contentComponent._component}
+    {contentComponent}
+    {:else if contentText}
+    {contentText}
+    {:else}
+    <slot />
+    {/if}
+</button>
+
+
+<style>
+
+.default {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+.default:active {
+	background-color: #ddd;
+}
+
+.default:focus {
+	border-color: #666;
+}
+
+</style>

packages/server/builder/bundle.css

@@ -1,40 +1,39 @@
 main.svelte-j8mzr7{height:100%;width:100%;font-family:"Lato", Helvetica, Arial, sans-serif}
-.root.svelte-e4n7zy{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-e4n7zy{display:inline-block;margin:auto}.logo.svelte-e4n7zy{width:300px;margin-bottom:40px}.root.svelte-e4n7zy .option{width:250px}.app-link.svelte-e4n7zy{margin-top:10px;display:block}
-.root.svelte-12wtmtk{height:100%;width:100%}.top-nav.svelte-12wtmtk{position:fixed;height:40px;margin:0px;background:white;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);padding:5px}.content.svelte-12wtmtk{position:fixed;height:calc(100% - 40px);top:40px;margin:0px}.content.svelte-12wtmtk>div.svelte-12wtmtk{height:100%;width:100%}.active.svelte-12wtmtk{color:var(--secondary100)}.top-nav.svelte-12wtmtk>span.svelte-12wtmtk{cursor:pointer;color:var(--slate);padding:0px 15px}.top-nav.svelte-12wtmtk>span.svelte-12wtmtk:hover{color:var(--secondary75)}
 .root.svelte-i0dstr{height:100%}.content.svelte-i0dstr{position:fixed;height:100%;background-color:var(--white);margin:0}
-.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
+.root.svelte-e4n7zy{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-e4n7zy{display:inline-block;margin:auto}.logo.svelte-e4n7zy{width:300px;margin-bottom:40px}.root.svelte-e4n7zy .option{width:250px}.app-link.svelte-e4n7zy{margin-top:10px;display:block}
-button.svelte-4po3k2{border-style:none;background-color:rgba(0,0,0,0);cursor:pointer;outline:none}button.svelte-4po3k2:hover{color:var(--hovercolor)}button.svelte-4po3k2:active{outline:none}
-.root.svelte-1dih19s{display:grid;grid-template-columns:[uiNav] 250px [preview] auto [properties] 300px;height:100%;width:100%}.ui-nav.svelte-1dih19s{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.properties-pane.svelte-1dih19s{grid-column-start:properties;background-color:var(--primary10);height:100%}.pages-list-container.svelte-1dih19s{padding-top:20px}.nav-group-header.svelte-1dih19s{font-size:10pt;padding-left:10px}.nav-items-container.svelte-1dih19s{padding-top:10px}.nav-group-header.svelte-1dih19s{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:10px 2px 0px 7px}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(1){padding:0px 7px 0px 0px;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-1dih19s>span.svelte-1dih19s:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--slate)}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3):hover{color:var(--primary75)}
-h4.svelte-o0id5a{margin-top:20px}
-.root.svelte-zzs4qg{padding:10px}
 .root.svelte-ui57a{display:flex;height:100%;position:relative}.hierarchy.svelte-ui57a{flex:0 1 auto;background-color:var(--primary10);overflow-y:auto;height:100%}.node-container.svelte-ui57a{flex:1 1 auto;display:flex;flex-direction:column}.actions-header.svelte-ui57a{flex:0 1 auto}.node-view.svelte-ui57a{overflow-y:auto;flex:1 1 auto}.hierarchy-title-row.svelte-ui57a{padding:15px 7px;font-size:11pt;display:flex;font-weight:bold}.hierarchy-title.svelte-ui57a{flex:auto 1 1}
-.root.svelte-1qmjs65{padding:10px}.edit-button.svelte-1qmjs65{cursor:pointer;color:var(--white)}tr.svelte-1qmjs65:hover .edit-button.svelte-1qmjs65{color:var(--secondary75)}
 .nav.svelte-lgepe1{height:100%;position:fixed;left:0px;background-color:var(--secondary100);color:var(--darkslate)}.nav.svelte-lgepe1>img.svelte-lgepe1{width:100%;margin-bottom:30px;margin-top:5px;margin-left:0px}
+.root.svelte-1qmjs65{padding:10px}.edit-button.svelte-1qmjs65{cursor:pointer;color:var(--white)}tr.svelte-1qmjs65:hover .edit-button.svelte-1qmjs65{color:var(--secondary75)}
+h4.svelte-o0id5a{margin-top:20px}
+.root.svelte-1dih19s{display:grid;grid-template-columns:[uiNav] 250px [preview] auto [properties] 300px;height:100%;width:100%}.ui-nav.svelte-1dih19s{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.properties-pane.svelte-1dih19s{grid-column-start:properties;background-color:var(--primary10);height:100%}.pages-list-container.svelte-1dih19s{padding-top:20px}.nav-group-header.svelte-1dih19s{font-size:10pt;padding-left:10px}.nav-items-container.svelte-1dih19s{padding-top:10px}.nav-group-header.svelte-1dih19s{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:10px 2px 0px 7px}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(1){padding:0px 7px 0px 0px;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-1dih19s>span.svelte-1dih19s:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--slate)}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3):hover{color:var(--primary75)}
+.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
+.root.svelte-zzs4qg{padding:10px}
+.root.svelte-1tilbnf{padding:5px;top:0;width:100%}
+.root.svelte-pq2tmv{height:100%;padding:15px}.allowed-records.svelte-pq2tmv{margin:20px 0px}.allowed-records.svelte-pq2tmv>span.svelte-pq2tmv{margin-right:30px}
+.root.svelte-kswv5p{height:100%;padding:15px}.fields-table.svelte-kswv5p{margin:10px;border-collapse:collapse}.add-field-button.svelte-kswv5p{margin-left:15px;cursor:pointer}.edit-button.svelte-kswv5p{cursor:pointer;color:var(--white)}.edit-button.svelte-kswv5p:hover{color:var(--secondary75)}th.svelte-kswv5p{text-align:left}td.svelte-kswv5p{padding:5px 30px 5px 0px;margin:0}thead.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-kswv5p>tr.svelte-kswv5p:hover{background-color:var(--primary10)}tbody.svelte-kswv5p>tr:hover .edit-button.svelte-kswv5p{color:var(--secondary75)}.index-container.svelte-kswv5p{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-kswv5p{color:var(--slate)}.index-name.svelte-kswv5p{font-weight:bold;color:var(--primary100)}.index-container.svelte-kswv5p code.svelte-kswv5p{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-kswv5p{margin-top:7px}
+.root.svelte-1q40nqm{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1q40nqm{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1q40nqm:hover{background-color:var(--secondary10)}
+.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0}
+.nav-item.svelte-5cf6ht{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-5cf6ht{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-5cf6ht:hover{background-color:var(--primary25)}.icon.svelte-5cf6ht{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-5cf6ht>div.svelte-5cf6ht{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-5cf6ht>div.svelte-5cf6ht:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-5cf6ht{background-color:white}
+.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
 .root.svelte-ffb307{padding-bottom:10px;padding-left:10px;font-size:16px;color:var(--secondary50)}.hierarchy-item.svelte-ffb307{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-ffb307:hover{color:var(--secondary75)}.component.svelte-ffb307{margin-left:5px}.selected.svelte-ffb307{color:var(--primary100)}.title.svelte-ffb307{margin-left:10px}
-h1.svelte-2ukyrk{font-size:1.2em}
+button.svelte-4po3k2{border-style:none;background-color:rgba(0,0,0,0);cursor:pointer;outline:none}button.svelte-4po3k2:hover{color:var(--hovercolor)}button.svelte-4po3k2:active{outline:none}
 .root.svelte-1cnqtw{color:var(--secondary50)}.hierarchy-item.svelte-1cnqtw{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1cnqtw:hover{color:var(--secondary75)}.component.svelte-1cnqtw{margin-left:5px}.currentfolder.svelte-1cnqtw{color:var(--secondary100)}.selected.svelte-1cnqtw{color:var(--primary100)}.title.svelte-1cnqtw{margin-left:10px}
 .root.svelte-xai2hc{height:100%;border-style:solid;border-color:var(--lightslate);border-width:0px 0px 0px 1px}.padding.svelte-xai2hc{padding:0px 5px 0px 10px}.title.svelte-xai2hc{background-color:white;padding:3px;display:grid;grid-template-columns:[name] 1fr [actions] auto}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(1){grid-column-start:name;color:var(--secondary100)}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(2){grid-column-start:actions}.section-header.svelte-xai2hc{font-style:italic;color:var(--slate);border-style:solid;border-color:var(--lightslate);border-width:0px 0px 1px 0px}.section-header.svelte-xai2hc{vertical-align:middle;margin-top:20px}
 .section-container.svelte-1t0x31f{padding:15px;border-style:dotted;border-width:1px;border-color:var(--lightslate);border-radius:2px}.section-container.svelte-1t0x31f:nth-child(1){margin-bottom:15px}.row-text.svelte-1t0x31f{margin-right:15px;color:var(--primary100)}input.svelte-1t0x31f{margin-right:15px}p.svelte-1t0x31f>span.svelte-1t0x31f{margin-left:30px}.header.svelte-1t0x31f{display:grid;grid-template-columns:[title] 1fr [icon] auto}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(1){grid-column-start:title}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(2){grid-column-start:icon}
-.component-preview.svelte-1rf8xuh{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview;height:100%}.component-container.svelte-1rf8xuh{grid-row-start:middle;grid-column-start:middle}
+h1.svelte-2ukyrk{font-size:1.2em}
-.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0}
+.component-preview.svelte-1d56h9p{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview;height:100%}.component-container.svelte-1d56h9p{grid-row-start:middle;grid-column-start:middle}
-.edit-button.svelte-neetem{cursor:pointer;color:var(--white)}tr.svelte-neetem:hover .edit-button.svelte-neetem{color:var(--secondary75)}
 .edit-button.svelte-9z4fqi{cursor:pointer;color:var(--white)}tr.svelte-9z4fqi:hover .edit-button.svelte-9z4fqi{color:var(--secondary75)}
-.root.svelte-1q40nqm{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1q40nqm{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1q40nqm:hover{background-color:var(--secondary10)}
+.edit-button.svelte-neetem{cursor:pointer;color:var(--white)}tr.svelte-neetem:hover .edit-button.svelte-neetem{color:var(--secondary75)}
-.root.svelte-kswv5p{height:100%;padding:15px}.fields-table.svelte-kswv5p{margin:10px;border-collapse:collapse}.add-field-button.svelte-kswv5p{margin-left:15px;cursor:pointer}.edit-button.svelte-kswv5p{cursor:pointer;color:var(--white)}.edit-button.svelte-kswv5p:hover{color:var(--secondary75)}th.svelte-kswv5p{text-align:left}td.svelte-kswv5p{padding:5px 30px 5px 0px;margin:0}thead.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-kswv5p>tr.svelte-kswv5p:hover{background-color:var(--primary10)}tbody.svelte-kswv5p>tr:hover .edit-button.svelte-kswv5p{color:var(--secondary75)}.index-container.svelte-kswv5p{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-kswv5p{color:var(--slate)}.index-name.svelte-kswv5p{font-weight:bold;color:var(--primary100)}.index-container.svelte-kswv5p code.svelte-kswv5p{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-kswv5p{margin-top:7px}
+textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px}
-.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
+.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px}
-.root.svelte-pq2tmv{height:100%;padding:15px}.allowed-records.svelte-pq2tmv{margin:20px 0px}.allowed-records.svelte-pq2tmv>span.svelte-pq2tmv{margin-right:30px}
-.root.svelte-1tilbnf{padding:5px;top:0;width:100%}
-.nav-item.svelte-5cf6ht{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-5cf6ht{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-5cf6ht:hover{background-color:var(--primary25)}.icon.svelte-5cf6ht{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-5cf6ht>div.svelte-5cf6ht{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-5cf6ht>div.svelte-5cf6ht:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-5cf6ht{background-color:white}
-.root.svelte-1sxai5n{font-size:10pt}.padding.svelte-1sxai5n{padding:0 10px}.inherited-title.svelte-1sxai5n{margin-top:40px;display:grid;grid-template-columns:[name] 1fr [actions] auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);font-style:italic}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(1){grid-column-start:name;color:var(--slate)}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(2){grid-column-start:actions;color:var(--secondary100)}
 .info-text.svelte-um9cf7{font-size:0.8em;color:var(--slate)}
-.component.svelte-13tuzj8{padding:5px;border-style:solid;border-width:0 0 1px 0;border-color:var(--lightslate);cursor:pointer}.component.svelte-13tuzj8:hover{background-color:var(--primary10)}.component.svelte-13tuzj8>.title.svelte-13tuzj8{font-size:13pt;color:var(--secondary100)}.component.svelte-13tuzj8>.description.svelte-13tuzj8{font-size:10pt;color:var(--primary75);font-style:italic}
+input.svelte-66516k{margin-right:7px}
+.root.svelte-1sxai5n{font-size:10pt}.padding.svelte-1sxai5n{padding:0 10px}.inherited-title.svelte-1sxai5n{margin-top:40px;display:grid;grid-template-columns:[name] 1fr [actions] auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);font-style:italic}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(1){grid-column-start:name;color:var(--slate)}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(2){grid-column-start:actions;color:var(--secondary100)}
 .title.svelte-1pp53c5{padding:3px;background-color:white;color:var(--secondary100);border-style:solid;border-width:1px 0 0 0;border-color:var(--lightslate)}.title.svelte-1pp53c5>span.svelte-1pp53c5{margin-left:10px}
 .root.svelte-bv289q{padding:10px}.option-container.svelte-bv289q{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px}
-textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px}
+.component.svelte-13tuzj8{padding:5px;border-style:solid;border-width:0 0 1px 0;border-color:var(--lightslate);cursor:pointer}.component.svelte-13tuzj8:hover{background-color:var(--primary10)}.component.svelte-13tuzj8>.title.svelte-13tuzj8{font-size:13pt;color:var(--secondary100)}.component.svelte-13tuzj8>.description.svelte-13tuzj8{font-size:10pt;color:var(--primary75);font-style:italic}
-input.svelte-66516k{margin-right:7px}
-.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px}
-.root.svelte-w5on8s{padding:3px 5px 7px 10px;border-style:dotted;border-width:0 0 1px 0;border-color:var(--primary25)}
-.root.svelte-woqcuf{display:grid;grid-template-columns:[name] 1fr [actions] auto}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(1){grid-column-start:name;color:var(--secondary50)}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(2){grid-column-start:actions}.selectedname.svelte-woqcuf{font-weight:bold;color:var(--secondary)}
 textarea.svelte-1wfv4cc{width:300px;height:200px}
+.root.svelte-woqcuf{display:grid;grid-template-columns:[name] 1fr [actions] auto}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(1){grid-column-start:name;color:var(--secondary50)}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(2){grid-column-start:actions}.selectedname.svelte-woqcuf{font-weight:bold;color:var(--secondary)}
+.root.svelte-w5on8s{padding:3px 5px 7px 10px;border-style:dotted;border-width:0 0 1px 0;border-color:var(--primary25)}
 
 /*# sourceMappingURL=bundle.css.map */

packages/server/builder/bundle.css.orig

@@ -0,0 +1,79 @@
+main.svelte-j8mzr7{height:100%;width:100%;font-family:"Lato", Helvetica, Arial, sans-serif}
+<<<<<<< HEAD
+.root.svelte-e4n7zy{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-e4n7zy{display:inline-block;margin:auto}.logo.svelte-e4n7zy{width:300px;margin-bottom:40px}.root.svelte-e4n7zy .option{width:250px}.app-link.svelte-e4n7zy{margin-top:10px;display:block}
+.root.svelte-12wtmtk{height:100%;width:100%}.top-nav.svelte-12wtmtk{position:fixed;height:40px;margin:0px;background:white;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);padding:5px}.content.svelte-12wtmtk{position:fixed;height:calc(100% - 40px);top:40px;margin:0px}.content.svelte-12wtmtk>div.svelte-12wtmtk{height:100%;width:100%}.active.svelte-12wtmtk{color:var(--secondary100)}.top-nav.svelte-12wtmtk>span.svelte-12wtmtk{cursor:pointer;color:var(--slate);padding:0px 15px}.top-nav.svelte-12wtmtk>span.svelte-12wtmtk:hover{color:var(--secondary75)}
+.root.svelte-i0dstr{height:100%}.content.svelte-i0dstr{position:fixed;height:100%;background-color:var(--white);margin:0}
+.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
+button.svelte-4po3k2{border-style:none;background-color:rgba(0,0,0,0);cursor:pointer;outline:none}button.svelte-4po3k2:hover{color:var(--hovercolor)}button.svelte-4po3k2:active{outline:none}
+.root.svelte-1dih19s{display:grid;grid-template-columns:[uiNav] 250px [preview] auto [properties] 300px;height:100%;width:100%}.ui-nav.svelte-1dih19s{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.properties-pane.svelte-1dih19s{grid-column-start:properties;background-color:var(--primary10);height:100%}.pages-list-container.svelte-1dih19s{padding-top:20px}.nav-group-header.svelte-1dih19s{font-size:10pt;padding-left:10px}.nav-items-container.svelte-1dih19s{padding-top:10px}.nav-group-header.svelte-1dih19s{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:10px 2px 0px 7px}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(1){padding:0px 7px 0px 0px;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-1dih19s>span.svelte-1dih19s:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--slate)}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3):hover{color:var(--primary75)}
+h4.svelte-o0id5a{margin-top:20px}
+.root.svelte-zzs4qg{padding:10px}
+.root.svelte-ui57a{display:flex;height:100%;position:relative}.hierarchy.svelte-ui57a{flex:0 1 auto;background-color:var(--primary10);overflow-y:auto;height:100%}.node-container.svelte-ui57a{flex:1 1 auto;display:flex;flex-direction:column}.actions-header.svelte-ui57a{flex:0 1 auto}.node-view.svelte-ui57a{overflow-y:auto;flex:1 1 auto}.hierarchy-title-row.svelte-ui57a{padding:15px 7px;font-size:11pt;display:flex;font-weight:bold}.hierarchy-title.svelte-ui57a{flex:auto 1 1}
+.root.svelte-1qmjs65{padding:10px}.edit-button.svelte-1qmjs65{cursor:pointer;color:var(--white)}tr.svelte-1qmjs65:hover .edit-button.svelte-1qmjs65{color:var(--secondary75)}
+.nav.svelte-lgepe1{height:100%;position:fixed;left:0px;background-color:var(--secondary100);color:var(--darkslate)}.nav.svelte-lgepe1>img.svelte-lgepe1{width:100%;margin-bottom:30px;margin-top:5px;margin-left:0px}
+.root.svelte-ffb307{padding-bottom:10px;padding-left:10px;font-size:16px;color:var(--secondary50)}.hierarchy-item.svelte-ffb307{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-ffb307:hover{color:var(--secondary75)}.component.svelte-ffb307{margin-left:5px}.selected.svelte-ffb307{color:var(--primary100)}.title.svelte-ffb307{margin-left:10px}
+h1.svelte-2ukyrk{font-size:1.2em}
+.root.svelte-1cnqtw{color:var(--secondary50)}.hierarchy-item.svelte-1cnqtw{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1cnqtw:hover{color:var(--secondary75)}.component.svelte-1cnqtw{margin-left:5px}.currentfolder.svelte-1cnqtw{color:var(--secondary100)}.selected.svelte-1cnqtw{color:var(--primary100)}.title.svelte-1cnqtw{margin-left:10px}
+.root.svelte-xai2hc{height:100%;border-style:solid;border-color:var(--lightslate);border-width:0px 0px 0px 1px}.padding.svelte-xai2hc{padding:0px 5px 0px 10px}.title.svelte-xai2hc{background-color:white;padding:3px;display:grid;grid-template-columns:[name] 1fr [actions] auto}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(1){grid-column-start:name;color:var(--secondary100)}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(2){grid-column-start:actions}.section-header.svelte-xai2hc{font-style:italic;color:var(--slate);border-style:solid;border-color:var(--lightslate);border-width:0px 0px 1px 0px}.section-header.svelte-xai2hc{vertical-align:middle;margin-top:20px}
+.section-container.svelte-1t0x31f{padding:15px;border-style:dotted;border-width:1px;border-color:var(--lightslate);border-radius:2px}.section-container.svelte-1t0x31f:nth-child(1){margin-bottom:15px}.row-text.svelte-1t0x31f{margin-right:15px;color:var(--primary100)}input.svelte-1t0x31f{margin-right:15px}p.svelte-1t0x31f>span.svelte-1t0x31f{margin-left:30px}.header.svelte-1t0x31f{display:grid;grid-template-columns:[title] 1fr [icon] auto}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(1){grid-column-start:title}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(2){grid-column-start:icon}
+.component-preview.svelte-1rf8xuh{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview;height:100%}.component-container.svelte-1rf8xuh{grid-row-start:middle;grid-column-start:middle}
+.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0}
+.edit-button.svelte-neetem{cursor:pointer;color:var(--white)}tr.svelte-neetem:hover .edit-button.svelte-neetem{color:var(--secondary75)}
+.edit-button.svelte-9z4fqi{cursor:pointer;color:var(--white)}tr.svelte-9z4fqi:hover .edit-button.svelte-9z4fqi{color:var(--secondary75)}
+.root.svelte-1q40nqm{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1q40nqm{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1q40nqm:hover{background-color:var(--secondary10)}
+.root.svelte-kswv5p{height:100%;padding:15px}.fields-table.svelte-kswv5p{margin:10px;border-collapse:collapse}.add-field-button.svelte-kswv5p{margin-left:15px;cursor:pointer}.edit-button.svelte-kswv5p{cursor:pointer;color:var(--white)}.edit-button.svelte-kswv5p:hover{color:var(--secondary75)}th.svelte-kswv5p{text-align:left}td.svelte-kswv5p{padding:5px 30px 5px 0px;margin:0}thead.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-kswv5p>tr.svelte-kswv5p:hover{background-color:var(--primary10)}tbody.svelte-kswv5p>tr:hover .edit-button.svelte-kswv5p{color:var(--secondary75)}.index-container.svelte-kswv5p{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-kswv5p{color:var(--slate)}.index-name.svelte-kswv5p{font-weight:bold;color:var(--primary100)}.index-container.svelte-kswv5p code.svelte-kswv5p{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-kswv5p{margin-top:7px}
+.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
+.root.svelte-pq2tmv{height:100%;padding:15px}.allowed-records.svelte-pq2tmv{margin:20px 0px}.allowed-records.svelte-pq2tmv>span.svelte-pq2tmv{margin-right:30px}
+.root.svelte-1tilbnf{padding:5px;top:0;width:100%}
+.nav-item.svelte-5cf6ht{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-5cf6ht{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-5cf6ht:hover{background-color:var(--primary25)}.icon.svelte-5cf6ht{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-5cf6ht>div.svelte-5cf6ht{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-5cf6ht>div.svelte-5cf6ht:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-5cf6ht{background-color:white}
+.root.svelte-1sxai5n{font-size:10pt}.padding.svelte-1sxai5n{padding:0 10px}.inherited-title.svelte-1sxai5n{margin-top:40px;display:grid;grid-template-columns:[name] 1fr [actions] auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);font-style:italic}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(1){grid-column-start:name;color:var(--slate)}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(2){grid-column-start:actions;color:var(--secondary100)}
+.info-text.svelte-um9cf7{font-size:0.8em;color:var(--slate)}
+.component.svelte-13tuzj8{padding:5px;border-style:solid;border-width:0 0 1px 0;border-color:var(--lightslate);cursor:pointer}.component.svelte-13tuzj8:hover{background-color:var(--primary10)}.component.svelte-13tuzj8>.title.svelte-13tuzj8{font-size:13pt;color:var(--secondary100)}.component.svelte-13tuzj8>.description.svelte-13tuzj8{font-size:10pt;color:var(--primary75);font-style:italic}
+.title.svelte-1pp53c5{padding:3px;background-color:white;color:var(--secondary100);border-style:solid;border-width:1px 0 0 0;border-color:var(--lightslate)}.title.svelte-1pp53c5>span.svelte-1pp53c5{margin-left:10px}
+.root.svelte-bv289q{padding:10px}.option-container.svelte-bv289q{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px}
+textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px}
+input.svelte-66516k{margin-right:7px}
+.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px}
+.root.svelte-w5on8s{padding:3px 5px 7px 10px;border-style:dotted;border-width:0 0 1px 0;border-color:var(--primary25)}
+.root.svelte-woqcuf{display:grid;grid-template-columns:[name] 1fr [actions] auto}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(1){grid-column-start:name;color:var(--secondary50)}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(2){grid-column-start:actions}.selectedname.svelte-woqcuf{font-weight:bold;color:var(--secondary)}
+textarea.svelte-1wfv4cc{width:300px;height:200px}
+=======
+.root.svelte-i0dstr{height:100%}.content.svelte-i0dstr{position:fixed;height:100%;background-color:var(--white);margin:0}
+.root.svelte-e4n7zy{position:fixed;margin:0 auto;text-align:center;top:20%;width:100%}.inner.svelte-e4n7zy{display:inline-block;margin:auto}.logo.svelte-e4n7zy{width:300px;margin-bottom:40px}.root.svelte-e4n7zy .option{width:250px}.app-link.svelte-e4n7zy{margin-top:10px;display:block}
+.root.svelte-ui57a{display:flex;height:100%;position:relative}.hierarchy.svelte-ui57a{flex:0 1 auto;background-color:var(--primary10);overflow-y:auto;height:100%}.node-container.svelte-ui57a{flex:1 1 auto;display:flex;flex-direction:column}.actions-header.svelte-ui57a{flex:0 1 auto}.node-view.svelte-ui57a{overflow-y:auto;flex:1 1 auto}.hierarchy-title-row.svelte-ui57a{padding:15px 7px;font-size:11pt;display:flex;font-weight:bold}.hierarchy-title.svelte-ui57a{flex:auto 1 1}
+.nav.svelte-lgepe1{height:100%;position:fixed;left:0px;background-color:var(--secondary100);color:var(--darkslate)}.nav.svelte-lgepe1>img.svelte-lgepe1{width:100%;margin-bottom:30px;margin-top:5px;margin-left:0px}
+.root.svelte-1qmjs65{padding:10px}.edit-button.svelte-1qmjs65{cursor:pointer;color:var(--white)}tr.svelte-1qmjs65:hover .edit-button.svelte-1qmjs65{color:var(--secondary75)}
+h4.svelte-o0id5a{margin-top:20px}
+.root.svelte-1dih19s{display:grid;grid-template-columns:[uiNav] 250px [preview] auto [properties] 300px;height:100%;width:100%}.ui-nav.svelte-1dih19s{grid-column-start:uiNav;background-color:var(--primary10);height:100%}.properties-pane.svelte-1dih19s{grid-column-start:properties;background-color:var(--primary10);height:100%}.pages-list-container.svelte-1dih19s{padding-top:20px}.nav-group-header.svelte-1dih19s{font-size:10pt;padding-left:10px}.nav-items-container.svelte-1dih19s{padding-top:10px}.nav-group-header.svelte-1dih19s{display:grid;grid-template-columns:[icon] auto [title] 1fr [button] auto;padding:10px 2px 0px 7px}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(1){padding:0px 7px 0px 0px;vertical-align:bottom;grid-column-start:icon;margin-right:5px}.nav-group-header.svelte-1dih19s>span.svelte-1dih19s:nth-child(2){margin-left:5px;vertical-align:bottom;grid-column-start:title;margin-top:auto}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3){vertical-align:bottom;grid-column-start:button;cursor:pointer;color:var(--slate)}.nav-group-header.svelte-1dih19s>div.svelte-1dih19s:nth-child(3):hover{color:var(--primary75)}
+.border-normal.svelte-7rfkdx{border-radius:var(--borderradiusall)}.border-left.svelte-7rfkdx{border-radius:var(--borderradius) 0 0 var(--borderradius)}.border-right.svelte-7rfkdx{border-radius:0 var(--borderradius) var(--borderradius) 0}.border-middle.svelte-7rfkdx{border-radius:0}button.svelte-7rfkdx{border-style:solid;padding:7px 15px;cursor:pointer}.primary.svelte-7rfkdx{background-color:var(--primary100);border-color:var(--primary100);color:var(--white)}.primary.svelte-7rfkdx:hover{background-color:var(--primary75);border-color:var(--primary75)}.primary.svelte-7rfkdx:active{background-color:var(--primarydark);border-color:var(--primarydark)}.primary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--primary100);color:var(--primary100)}.primary-outline.svelte-7rfkdx:hover{background-color:var(--primary10)}.primary-outline.svelte-7rfkdx:pressed{background-color:var(--primary25)}.secondary.svelte-7rfkdx{background-color:var(--secondary100);border-color:var(--secondary100);color:var(--white)}.secondary.svelte-7rfkdx:hover{background-color:var(--secondary75);border-color:var(--secondary75)}.secondary.svelte-7rfkdx:pressed{background-color:var(--secondarydark);border-color:var(--secondarydark)}.secondary-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--secondary100);color:var(--secondary100)}.secondary-outline.svelte-7rfkdx:hover{background-color:var(--secondary10)}.secondary-outline.svelte-7rfkdx:pressed{background-color:var(--secondary25)}.success.svelte-7rfkdx{background-color:var(--success100);border-color:var(--success100);color:var(--white)}.success.svelte-7rfkdx:hover{background-color:var(--success75);border-color:var(--success75)}.success.svelte-7rfkdx:pressed{background-color:var(--successdark);border-color:var(--successdark)}.success-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--success100);color:var(--success100)}.success-outline.svelte-7rfkdx:hover{background-color:var(--success10)}.success-outline.svelte-7rfkdx:pressed{background-color:var(--success25)}.deletion.svelte-7rfkdx{background-color:var(--deletion100);border-color:var(--deletion100);color:var(--white)}.deletion.svelte-7rfkdx:hover{background-color:var(--deletion75);border-color:var(--deletion75)}.deletion.svelte-7rfkdx:pressed{background-color:var(--deletiondark);border-color:var(--deletiondark)}.deletion-outline.svelte-7rfkdx{background-color:var(--white);border-color:var(--deletion100);color:var(--deletion100)}.deletion-outline.svelte-7rfkdx:hover{background-color:var(--deletion10)}.deletion-outline.svelte-7rfkdx:pressed{background-color:var(--deletion25)}
+.root.svelte-zzs4qg{padding:10px}
+.root.svelte-1tilbnf{padding:5px;top:0;width:100%}
+.root.svelte-pq2tmv{height:100%;padding:15px}.allowed-records.svelte-pq2tmv{margin:20px 0px}.allowed-records.svelte-pq2tmv>span.svelte-pq2tmv{margin-right:30px}
+.root.svelte-kswv5p{height:100%;padding:15px}.fields-table.svelte-kswv5p{margin:10px;border-collapse:collapse}.add-field-button.svelte-kswv5p{margin-left:15px;cursor:pointer}.edit-button.svelte-kswv5p{cursor:pointer;color:var(--white)}.edit-button.svelte-kswv5p:hover{color:var(--secondary75)}th.svelte-kswv5p{text-align:left}td.svelte-kswv5p{padding:5px 30px 5px 0px;margin:0}thead.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--secondary75);margin-bottom:20px}tbody.svelte-kswv5p>tr.svelte-kswv5p{border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--primary10)}tbody.svelte-kswv5p>tr.svelte-kswv5p:hover{background-color:var(--primary10)}tbody.svelte-kswv5p>tr:hover .edit-button.svelte-kswv5p{color:var(--secondary75)}.index-container.svelte-kswv5p{border-style:solid;border-width:0 0 1px 0;border-color:var(--secondary25);padding:10px;margin-bottom:5px}.index-label.svelte-kswv5p{color:var(--slate)}.index-name.svelte-kswv5p{font-weight:bold;color:var(--primary100)}.index-container.svelte-kswv5p code.svelte-kswv5p{margin:0;display:inline;background-color:var(--primary10);color:var(--secondary100);padding:3px}.index-field-row.svelte-kswv5p{margin-top:7px}
+.root.svelte-1q40nqm{display:block;font-size:13pt;width:100%;cursor:pointer}.title.svelte-1q40nqm{font:var(--bodytext);padding-top:10px;padding-right:5px;padding-bottom:10px;color:var(--secondary100)}.title.svelte-1q40nqm:hover{background-color:var(--secondary10)}
+.root.svelte-d6wwkb{display:flex}.root.svelte-d6wwkb:last-child{border-radius:0 var(--borderradius) var(--borderradius) 0}.root.svelte-d6wwkb:first-child{border-radius:var(--borderradius) 0 0 var(--borderradius)}.root.svelte-d6wwkb:not(:first-child):not(:last-child){border-radius:0}
+.nav-item.svelte-5cf6ht{padding:0px 5px;display:block;padding:10px;color:var(--slate);cursor:pointer}.inner.svelte-5cf6ht{padding:0px 20px 10px 0px;display:inline-block;width:100%}.nav-item.svelte-5cf6ht:hover{background-color:var(--primary25)}.icon.svelte-5cf6ht{font-size:0.9em;display:inline-block;position:relative;top:5px;margin-right:5px;width:100%}.active.svelte-5cf6ht>div.svelte-5cf6ht{background-color:var(--primary10);color:var(--secondary100)}.active.svelte-5cf6ht>div.svelte-5cf6ht:hover{background-color:var(--slate);color:var(--secondary100)}.active.svelte-5cf6ht{background-color:white}
+.dropdown-background.svelte-179p8ge{position:fixed;top:0;left:0;width:100vw;height:100vh}.root.svelte-179p8ge{cursor:pointer;z-index:1}.dropdown-content.svelte-179p8ge{position:absolute;background-color:var(--white);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;font-weight:normal;border-style:solid;border-width:1px;border-color:var(--secondary10)}.dropdown-content.svelte-179p8ge:not(:focus){display:none}.action-row.svelte-179p8ge{padding:7px 10px;cursor:pointer}.action-row.svelte-179p8ge:hover{background-color:var(--primary100);color:var(--white)}
+.root.svelte-ffb307{padding-bottom:10px;padding-left:10px;font-size:16px;color:var(--secondary50)}.hierarchy-item.svelte-ffb307{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-ffb307:hover{color:var(--secondary75)}.component.svelte-ffb307{margin-left:5px}.selected.svelte-ffb307{color:var(--primary100)}.title.svelte-ffb307{margin-left:10px}
+button.svelte-4po3k2{border-style:none;background-color:rgba(0,0,0,0);cursor:pointer;outline:none}button.svelte-4po3k2:hover{color:var(--hovercolor)}button.svelte-4po3k2:active{outline:none}
+.root.svelte-1cnqtw{color:var(--secondary50)}.hierarchy-item.svelte-1cnqtw{cursor:pointer;padding:5px 0px}.hierarchy-item.svelte-1cnqtw:hover{color:var(--secondary75)}.component.svelte-1cnqtw{margin-left:5px}.currentfolder.svelte-1cnqtw{color:var(--secondary100)}.selected.svelte-1cnqtw{color:var(--primary100)}.title.svelte-1cnqtw{margin-left:10px}
+.root.svelte-xai2hc{height:100%;border-style:solid;border-color:var(--lightslate);border-width:0px 0px 0px 1px}.padding.svelte-xai2hc{padding:0px 5px 0px 10px}.title.svelte-xai2hc{background-color:white;padding:3px;display:grid;grid-template-columns:[name] 1fr [actions] auto}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(1){grid-column-start:name;color:var(--secondary100)}.title.svelte-xai2hc>div.svelte-xai2hc:nth-child(2){grid-column-start:actions}.section-header.svelte-xai2hc{font-style:italic;color:var(--slate);border-style:solid;border-color:var(--lightslate);border-width:0px 0px 1px 0px}.section-header.svelte-xai2hc{vertical-align:middle;margin-top:20px}
+.section-container.svelte-1t0x31f{padding:15px;border-style:dotted;border-width:1px;border-color:var(--lightslate);border-radius:2px}.section-container.svelte-1t0x31f:nth-child(1){margin-bottom:15px}.row-text.svelte-1t0x31f{margin-right:15px;color:var(--primary100)}input.svelte-1t0x31f{margin-right:15px}p.svelte-1t0x31f>span.svelte-1t0x31f{margin-left:30px}.header.svelte-1t0x31f{display:grid;grid-template-columns:[title] 1fr [icon] auto}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(1){grid-column-start:title}.header.svelte-1t0x31f>div.svelte-1t0x31f:nth-child(2){grid-column-start:icon}
+h1.svelte-2ukyrk{font-size:1.2em}
+.component-preview.svelte-1d56h9p{display:grid;grid-template-rows:[top] 1fr [middle] auto [bottom] 1fr;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-column-start:preview;height:100%}.component-container.svelte-1d56h9p{grid-row-start:middle;grid-column-start:middle}
+.edit-button.svelte-9z4fqi{cursor:pointer;color:var(--white)}tr.svelte-9z4fqi:hover .edit-button.svelte-9z4fqi{color:var(--secondary75)}
+.edit-button.svelte-neetem{cursor:pointer;color:var(--white)}tr.svelte-neetem:hover .edit-button.svelte-neetem{color:var(--secondary75)}
+textarea.svelte-1ooq0hh{padding:3px;background:var(--darkslate);color:var(--white);font-family:'Courier New', Courier, monospace;width:95%;height:100px}
+.error-container.svelte-jwy920{padding:10px;border-style:solid;border-color:var(--deletion100);border-radius:var(--borderradiusall);background:var(--deletion75)}.error-row.svelte-jwy920{padding:5px 0px}
+.info-text.svelte-um9cf7{font-size:0.8em;color:var(--slate)}
+input.svelte-66516k{margin-right:7px}
+.root.svelte-1sxai5n{font-size:10pt}.padding.svelte-1sxai5n{padding:0 10px}.inherited-title.svelte-1sxai5n{margin-top:40px;display:grid;grid-template-columns:[name] 1fr [actions] auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:var(--lightslate);font-style:italic}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(1){grid-column-start:name;color:var(--slate)}.inherited-title.svelte-1sxai5n>div.svelte-1sxai5n:nth-child(2){grid-column-start:actions;color:var(--secondary100)}
+.title.svelte-1pp53c5{padding:3px;background-color:white;color:var(--secondary100);border-style:solid;border-width:1px 0 0 0;border-color:var(--lightslate)}.title.svelte-1pp53c5>span.svelte-1pp53c5{margin-left:10px}
+.root.svelte-bv289q{padding:10px}.option-container.svelte-bv289q{border-style:dotted;border-width:1px;border-color:var(--primary75);padding:3px;margin-right:5px}
+.component.svelte-13tuzj8{padding:5px;border-style:solid;border-width:0 0 1px 0;border-color:var(--lightslate);cursor:pointer}.component.svelte-13tuzj8:hover{background-color:var(--primary10)}.component.svelte-13tuzj8>.title.svelte-13tuzj8{font-size:13pt;color:var(--secondary100)}.component.svelte-13tuzj8>.description.svelte-13tuzj8{font-size:10pt;color:var(--primary75);font-style:italic}
+textarea.svelte-1wfv4cc{width:300px;height:200px}
+.root.svelte-woqcuf{display:grid;grid-template-columns:[name] 1fr [actions] auto}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(1){grid-column-start:name;color:var(--secondary50)}.root.svelte-woqcuf>div.svelte-woqcuf:nth-child(2){grid-column-start:actions}.selectedname.svelte-woqcuf{font-weight:bold;color:var(--secondary)}
+.root.svelte-w5on8s{padding:3px 5px 7px 10px;border-style:dotted;border-width:0 0 1px 0;border-color:var(--primary25)}
+>>>>>>> master
+
+/*# sourceMappingURL=bundle.css.map */