neo.mjs 6.9.10 → 6.9.12

package/resources/scss/theme-neo-light/design-tokens/Semantic.scss

@@ -0,0 +1,61 @@
+:root .neo-theme-neo-light {
+    --sem-borderradius-large                                            : var(--borderradius-8);
+    --sem-borderradius-medium                                           : var(--borderradius-4);
+    --sem-borderradius-none                                             : var(--borderradius-0);
+
+    --sem-color-bg-neutral-active                                       : var(--gray-300);
+    --sem-color-bg-neutral-default                                      : var(--gray-50);
+    --sem-color-bg-neutral-disabled                                     : var(--gray-200);
+    --sem-color-bg-neutral-highlighted                                  : var(--white);
+    --sem-color-bg-neutral-hover                                        : var(--gray-200);
+
+    --sem-color-bg-primary-active                                       : var(--green-600);
+    --sem-color-bg-primary-background                                   : var(--green-50);
+    --sem-color-bg-primary-default                                      : var(--green-400);
+    --sem-color-bg-primary-disabled                                     : var(--gray-200);
+    --sem-color-bg-primary-hover                                        : var(--green-500);
+    
+    --sem-color-border-contrast                                         : var(--black);
+    --sem-color-border-default                                          : var(--gray-200);
+    --sem-color-border-subtle                                           : var(--gray-100);
+    --sem-color-fg-neutral-contrast                                     : var(--black);
+    --sem-color-fg-neutral-default                                      : var(--gray-900);
+    --sem-color-fg-neutral-disabled                                     : var(--gray-300);
+    --sem-color-fg-neutral-subdued                                      : var(--gray-700);
+    --sem-color-fg-primary-base                                         : var(--green-500);
+    --sem-color-fg-primary-faded                                        : var(--green-600);
+    --sem-color-fg-primary-highlighted                                  : var(--green-400);
+    --sem-height-large                                                  : var(--height-32);
+    --sem-height-medium                                                 : var(--height-16);
+    --sem-height-small                                                  : var(--height-8);
+    --sem-height-xlarge                                                 : var(--height-48);
+    --sem-height-xsmall                                                 : var(--height-4);
+    --sem-height-xxsmall                                                : var(--height-2);
+    --sem-spacing-large                                                 : var(--spacing-20);
+    --sem-spacing-medium                                                : var(--spacing-16);
+    --sem-spacing-small                                                 : var(--spacing-12);
+    --sem-spacing-xlarge                                                : var(--spacing-24);
+    --sem-spacing-xsmall                                                : var(--spacing-8);
+    --sem-spacing-xxlarge                                               : var(--spacing-32);
+    --sem-spacing-xxsmall                                               : var(--spacing-4);
+    --sem-spacing-xxxlarge                                              : var(--spacing-40);
+    --sem-spacing-xxxsmall                                              : var(--spacing-2);
+    --sem-typo-body-fontFamily                                          : var(--core-fontfamily-sans);
+    --sem-typo-body-fontSize                                            : var(--core-fontsize-body);
+    --sem-typo-body-fontWeight                                          : var(--core-fontweight-regular);
+    --sem-typo-body-letterSpacing                                       : 0;
+    --sem-typo-body-lineHeight                                          : var(--core-lineheight-paragraph);
+    --sem-typo-body-paragraphIndent                                     : 0;
+    --sem-typo-body-paragraphSpacing                                    : 0;
+    --sem-typo-body-textDecoration                                      : none;
+    --sem-typo-h1-fontFamily                                            : var(--core-fontfamily-sans);
+    --sem-typo-h1-fontSize                                              : var(--core-fontsize-h1);
+    --sem-typo-h1-fontWeight                                            : var(--core-fontweight-bold);
+    --sem-typo-h1-letterSpacing                                         : -0.02em;
+    --sem-typo-h1-lineHeight                                            : var(--core-lineheight-headline);
+    --sem-typo-h1-textDecoration                                        : none;
+    --sem-typo-h2-fontFamily                                            : var(--core-fontfamily-sans);
+    --sem-typo-h2-fontSize                                              : var(--core-fontsize-h2);
+    --sem-typo-h2-fontWeight                                            : var(--core-fontweight-semibold);
+    --sem-typo-h2-lineHeight                                            : var(--core-lineheight-headline);
+}

package/resources/scss/theme-neo-light/design-tokens/_all.scss

@@ -0,0 +1,4 @@
+// the import order matters
+@import "Core";
+@import "Semantic";
+@import "Component";

package/resources/scss/theme-neo-light/list/Base.scss

@@ -1,12 +1,35 @@
 :root .neo-theme-neo-light { // .neo-list-container
     --list-container-background-color    : #fff;
     --list-container-border              : 0;
-    --list-container-list-color          : #{lighten(#33343d, 20%)};
-    --list-item-background-color         : #fff;
-    --list-item-background-color-hover   : #{lighten(#33343d, 70%)};
-    --list-item-background-color-selected: #{lighten(#64B5F6, 22%)};
-    --list-item-color-selected           : #2b2b2b;
-    --list-item-glyph-color              : #{lighten(#33343d, 20%)};
+    --list-container-list-color          : var(--sem-color-fg-neutral-contrast);
+    --list-item-background-color         : transparent;
+    --list-item-background-color-hover   : var(--sem-color-bg-neutral-hover);
+    --list-item-background-color-selected: var(--sem-color-bg-primary-background);
+    --list-item-color-selected           : var(--sem-color-fg-neutral-contrast);
+    --list-item-glyph-color              : var(--sem-color-fg-neutral-default);
     --list-item-highlight-search-color   : red;
     --list-item-padding                  : 5px;
 }
+
+
+
+
+
+
+
+
+.topics-tree.neo-tree-list .neo-list-container .neo-list-item.neo-list-folder.neo-folder-open .neo-list-item-content:before {
+    content: unset !important;
+}
+
+.topics-tree.neo-tree-list .neo-list-container .neo-list-item.neo-list-folder .neo-list-item-content:before {
+    content: unset !important;
+}
+
+.topics-tree.neo-tree-list .neo-list-container .neo-list-item.neo-list-folder .neo-list-item-content:before {
+    content: unset !important;
+}
+
+.neo-tree-list .neo-list-item .neo-list-item-content:before {
+    content: unset !important;
+}

package/src/DefaultConfig.mjs

@@ -153,12 +153,12 @@ const DefaultConfig = {
     renderCountDeltas: false,
     /**
      * Add themes you want to use here. The first theme will get applied.
-     * @default ['neo-theme-light', 'neo-theme-dark']
+     * @default ['neo-theme-light','neo-theme-dark','neo-theme-neo-light']
      * @memberOf! module:Neo
      * @name config.themes
      * @type String[]
      */
-    themes: ['neo-theme-light', 'neo-theme-dark'],
+    themes: ['neo-theme-light', 'neo-theme-dark', 'neo-theme-neo-light'],
     /**
      * Flag for standalone Siesta module tests => prevent registerRemote worker messages
      * @default false
@@ -236,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '6.9.10'
+     * @default '6.9.12'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '6.9.10'
+    version: '6.9.12'
 };
 
 Object.assign(DefaultConfig, {

package/src/controller/Base.mjs

@@ -51,7 +51,7 @@ class Base extends CoreBase {
         HashHistory.on('change', this.onHashChange, this)
     }
 
-     /**
+    /**
      * Triggered after the routes config got changed
      * @param {Object} value
      * @param {Object} oldValue
@@ -100,58 +100,66 @@ class Base extends CoreBase {
      * @param {Object} value
      * @param {Object} oldValue
      */
-    onHashChange(value, oldValue) {
+    async onHashChange(value, oldValue) {
         let me                = this,
+            counter           = 0,
             hasRouteBeenFound = false,
             handleRoutes      = me.handleRoutes,
             routeKeys         = Object.keys(handleRoutes),
+            routeKeysLength   = routeKeys.length,
             routes            = me.routes,
-            handler, preHandler, responsePreHandler, result, route;
+            handler, key, paramObject, preHandler, responsePreHandler, result, route;
 
-        routeKeys.forEach(key => {
+        while (routeKeysLength > 0 && counter < routeKeysLength && !hasRouteBeenFound) {
+            key                = routeKeys[counter];
             handler            = null;
             preHandler         = null;
             responsePreHandler = null;
-
-            result = value.hashString.match(handleRoutes[key]);
+            paramObject        = {};
+            result             = value.hashString.match(handleRoutes[key]);
 
             if (result) {
                 const
                     arrayParamIds    = key.match(routeParamRegex),
-                    arrayParamValues = result.splice(1, result.length - 1),
-                    paramObject      = {};
+                    arrayParamValues = result.splice(1, result.length - 1);
 
                 if (arrayParamIds && arrayParamIds.length !== arrayParamValues.length) {
-                    throw 'Number of IDs and number of Values do not match';
+                    throw 'Number of IDs and number of Values do not match'
                 }
 
                 for (let i = 0; arrayParamIds && i < arrayParamIds.length; i++) {
-                    paramObject[arrayParamIds[i].substring(1, arrayParamIds[i].length - 1)] = arrayParamValues[i];
+                    paramObject[arrayParamIds[i].substring(1, arrayParamIds[i].length - 1)] = arrayParamValues[i]
                 }
 
                 route = routes[key];
 
                 if (Neo.isString(route)) {
                     handler            = route;
-                    responsePreHandler = true;
+                    responsePreHandler = true
                 } else if (Neo.isObject(route)) {
                     handler    = route.handler;
-                    preHandler = route.preHandler;
-
-                    if (preHandler) {
-                        responsePreHandler = me[preHandler]?.call(me, paramObject, value, oldValue);
-                    } else {
-                        responsePreHandler = true;
-                    }
+                    preHandler = route.preHandler
                 }
 
-                hasRouteBeenFound = true;
+                hasRouteBeenFound = true
 
-                if (responsePreHandler) {
-                    me[handler]?.call(me, paramObject, value, oldValue)
-                }
             }
-        });
+
+            counter++
+        }
+
+        // execute
+        if (hasRouteBeenFound) {
+            if (preHandler) {
+                responsePreHandler = await me[preHandler]?.call(me, paramObject, value, oldValue)
+            } else {
+                responsePreHandler = true
+            }
+
+            if (responsePreHandler) {
+                await me[handler]?.call(me, paramObject, value, oldValue)
+            }
+        }
 
         if (routeKeys.length > 0 && !hasRouteBeenFound) {
             if (me.defaultRoute) {

package/src/data/connection/Xhr.mjs

@@ -169,7 +169,7 @@ class Xhr extends Base {
         if (!opts.url) {
             console.error('Neo.Xhr.request without a given url' + JSON.stringify(opts));
         } else {
-            if (!opts.insideNeo && location.href.includes('/node_modules/neo.mjs/') && !location.href.startsWith('https://neomjs.github.io/')) {
+            if (!opts.insideNeo && location.href.includes('/node_modules/neo.mjs/') && !location.href.startsWith('https://neomjs.com/')) {
                 if (opts.url.startsWith('./') || opts.url.startsWith('../')) {
                     opts.url = '../../' + opts.url;
                 }