neo.mjs 6.12.1 → 6.13.0

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

@@ -1,71 +1,72 @@
 :root .neo-theme-neo-light {
-    --black                    : #000000;
-    --borderradius-0           : 0px;
-    --borderradius-4           : 4px;
-    --borderradius-8           : 8px;
-    --core-fontfamily-mono     : 'Source Code Pro';
-    --core-fontfamily-sans     : 'Source Sans 3';
-    --core-fontfamily-serif    : 'Source Serif Pro';
-    --core-fontsize-label      : 1rem;
-    --core-fontsize-body       : 16px;
-    --core-fontsize-h1         : 2.5rem;
-    --core-fontsize-h2         : 1.75rem;
-    --core-fontweight-bold     : 700;
-    --core-fontweight-medium   : 500;
-    --core-fontweight-regular  : 400;
-    --core-fontweight-semibold : 600;
-    --core-lineheight-headline : 1.2;
-    --core-lineheight-paragraph: 1.5;
-    --gray-100                 : #F0F2F0;
-    --gray-200                 : #D3D7D2;
-    --gray-300                 : #B6BDB4;
-    --gray-400                 : #99A295;
-    --gray-50                  : #fafafa;
-    --gray-500                 : #7C8877;
-    --gray-600                 : #606A5D;
-    --gray-700                 : #454B42;
-    --gray-800                 : #292D28;
-    --gray-900                 : #0E0F0D;
-    --green-100                : #{lighten(#29F5AA, 30%)};
-    --green-200                : #{lighten(#29F5AA, 25%)};
-    --green-300                : #{lighten(#29F5AA, 20%)};
-    --green-400                : #{lighten(#29F5AA, 15%)};
-    --green-50                 : #{lighten(#29F5AA, 35%)};
-    --green-500                : #29F5AA;
-    --green-600                : #{darken(#29F5AA, 10%)};
-    --green-700                : #{darken(#29F5AA, 20%)};
-    --green-800                : #{darken(#29F5AA, 30%)};
-    --green-900                : #{darken(#29F5AA, 40%)};
-    --height-16                : 16px;
-    --height-2                 : 2px;
-    --height-32                : 32px;
-    --height-4                 : 4px;
-    --height-48                : 48px;
-    --height-56                : 56px;
-    --height-8                 : 8px;
-    --height-24                : 24px;
-    --purple-100               : #efe3ff;
-    --purple-200               : #d0aaff;
-    --purple-300               : #b071ff;
-    --purple-400               : #9039ff;
-    --purple-500               : #7100ff;
-    --purple-600               : #5800c6;
-    --purple-700               : #3f008e;
-    --purple-800               : #260055;
-    --purple-900               : #0d001c;
-    --spacing-12               : 12px;
-    --spacing-16               : 16px;
-    --spacing-2                : 2px;
-    --spacing-20               : 20px;
-    --spacing-24               : 24px;
-    --spacing-32               : 32px;
-    --spacing-4                : 4px;
-    --spacing-40               : 40px;
-    --spacing-48               : 48px;
-    --spacing-64               : 64px;
-    --spacing-8                : 8px;
-    --spacing-80               : 80px;
-    --spacing-96               : 96px;
-    --Transparent              : rgba(255,255,255,0);
-    --white                    : #FFFFFF;
+    --black                        : #000000;
+    --borderradius-0               : 0px;
+    --borderradius-4               : 4px;
+    --borderradius-8               : 8px;
+    --core-fontfamily-mono         : 'Source Code Pro';
+    --core-fontfamily-sans         : 'Source Sans 3';
+    --core-fontfamily-serif        : 'Source Serif Pro';
+    --core-fontsize-body           : 16px;
+    --core-fontsize-h1             : 2.5rem;
+    --core-fontsize-h2             : 1.75rem;
+    --core-fontsize-label          : 1rem;
+    --core-fontweight-bold         : 700;
+    --core-fontweight-medium       : 500;
+    --core-fontweight-regular      : 400;
+    --core-fontweight-semibold     : 600;
+    --core-lineheight-headline     : 1.2;
+    --core-lineheight-paragraph    : 1.5;
+    --core-textdecoration-underline: underline;
+    --gray-100                     : #F0F2F0;
+    --gray-200                     : #D3D7D2;
+    --gray-300                     : #B6BDB4;
+    --gray-400                     : #99A295;
+    --gray-50                      : #fafafa;
+    --gray-500                     : #7C8877;
+    --gray-600                     : #606A5D;
+    --gray-700                     : #454B42;
+    --gray-800                     : #292D28;
+    --gray-900                     : #0E0F0D;
+    --green-100                    : #{lighten(#29F5AA, 70%)};
+    --green-200                    : #{lighten(#29F5AA, 50%)};
+    --green-300                    : #{lighten(#29F5AA, 20%)};
+    --green-400                    : #{lighten(#29F5AA, 10%)};
+    --green-50                     : #{lighten(#29F5AA, 85%)};
+    --green-500                    : #29F5AA;
+    --green-600                    : #{darken(#29F5AA, 10%)};
+    --green-700                    : #{darken(#29F5AA, 20%)};
+    --green-800                    : #{darken(#29F5AA, 40%)};
+    --green-900                    : #{darken(#29F5AA, 60%)};
+    --height-16                    : 16px;
+    --height-2                     : 2px;
+    --height-24                    : 24px;
+    --height-32                    : 32px;
+    --height-4                     : 4px;
+    --height-48                    : 48px;
+    --height-56                    : 56px;
+    --height-8                     : 8px;
+    --purple-100                   : #D6E1FF;
+    --purple-200                   : #9EB1FF;
+    --purple-300                   : #5472E4;
+    --purple-400                   : #3E63DD;
+    --purple-500                   : #435DB1;
+    --purple-600                   : #304384;
+    --purple-700                   : #253974;
+    --purple-800                   : #1D2E62;
+    --purple-900                   : #182449;
+    --spacing-12                   : 12px;
+    --spacing-16                   : 16px;
+    --spacing-2                    : 2px;
+    --spacing-20                   : 20px;
+    --spacing-24                   : 24px;
+    --spacing-32                   : 32px;
+    --spacing-4                    : 4px;
+    --spacing-40                   : 40px;
+    --spacing-48                   : 48px;
+    --spacing-64                   : 64px;
+    --spacing-8                    : 8px;
+    --spacing-80                   : 80px;
+    --spacing-96                   : 96px;
+    --Transparent                  : rgba(255,255,255,0);
+    --white                        : #FFFFFF;
 }

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

@@ -1,69 +1,89 @@
 :root .neo-theme-neo-light {
-    --sem-borderradius-large                                            : var(--borderradius-8);
-    --sem-borderradius-medium                                           : var(--borderradius-4);
-    --sem-borderradius-none                                             : var(--borderradius-0);
-    --sem-borderwidth-focus                                             : 3px;
-    --sem-color-bg-neutral-active                                       : rgba(0, 0, 0, .1);
-    --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                                        :rgba(0, 0, 0, .05);
-    --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-focus                                            : #5595F5;
-    --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-xxlarge                                                : var(--height-56);
-    --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);
-    --sem-typo-label-medium-fontFamily                                  : var(--core-fontfamily-sans);
-    --sem-typo-label-medium-fontSize                                    : var(--core-fontsize-body);
-    --sem-typo-label-medium-fontWeight                                  : var(--core-fontweight-medium);
-    --sem-typo-label-regular-fontFamily                                 : var(--core-fontfamily-sans);
-    --sem-typo-label-regular-fontSize                                   : var(--core-fontsize-body);
-    --sem-typo-label-regular-fontWeight                                 : var(--core-fontweight-regular);
-    --sem-color-bg-neutral-contrast                                     : var(--gray-900);
-    --sem-color-fg-neutral-inverted                                     : var(--white);
+    --sem-borderradius-large                                                 : var(--borderradius-8);
+    --sem-borderradius-medium                                                : var(--borderradius-4);
+    --sem-borderradius-none                                                  : var(--borderradius-0);
+    --sem-borderwidth-focus                                                  : 3px;
+    --sem-color-bg-neutral-active                                            : var(--gray-900);
+    --sem-color-bg-neutral-contrast                                          : var(--gray-900);
+    --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-900);
+    --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-focus                                                 : var(--purple-400);
+    --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-inverted                                          : var(--white);
+    --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-color-surface-disabled                                             : var(--gray-200);
+    --sem-color-surface-neutral-active                                       : rgba(0, 0, 0, .1);
+    --sem-color-surface-neutral-default                                      : var(--gray-50);
+    --sem-color-surface-neutral-highlighted                                  : var(--white);
+    --sem-color-surface-neutral-hover                                        : rgba(0, 0, 0, .05);
+    --sem-color-surface-primary-active                                       : var(--purple-700);
+    --sem-color-surface-primary-background                                   : var(--purple-100);
+    --sem-color-surface-primary-default                                      : var(--purple-400);
+    --sem-color-surface-primary-hover                                        : var(--purple-500);
+    --sem-color-text-disabled                                                : var(--gray-300);
+    --sem-color-text-neutral-contrast                                        : var(--black);
+    --sem-color-text-neutral-default                                         : var(--gray-900);
+    --sem-color-text-neutral-reversed                                        : var(--white);
+    --sem-color-text-neutral-subdued                                         : var(--gray-700);
+    --sem-color-text-primary-default                                         : var(--purple-400);
+    --sem-color-icon-neutral-contrast                                        : var(--black);
+    --sem-color-icon-neutral-default                                         : var(--gray-900);
+    --sem-color-icon-neutral-reversed                                        : var(--white);
+    --sem-color-icon-neutral-subdued                                         : var(--gray-700);
+    --sem-color-icon-primary-default                                         : var(--purple-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-xxlarge                                                     : var(--height-56);
+    --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);
+    --sem-typo-label-medium-fontFamily                                       : var(--core-fontfamily-sans);
+    --sem-typo-label-medium-fontSize                                         : var(--core-fontsize-body);
+    --sem-typo-label-medium-fontWeight                                       : var(--core-fontweight-medium);
+    --sem-typo-label-regular-fontFamily                                      : var(--core-fontfamily-sans);
+    --sem-typo-label-regular-fontSize                                        : var(--core-fontsize-body);
+    --sem-typo-label-regular-fontWeight                                      : var(--core-fontweight-regular);
 }

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

@@ -1,34 +1,22 @@
+
 :root .neo-theme-neo-light { // .neo-list-container
     --list-container-background-color    : #fff;
-    --list-container-border              : 0;
+    --list-container-border              : none;
     --list-container-list-color          : var(--sem-color-fg-neutral-contrast);
-    --list-item-background-color         : white;
-    --list-item-background-color-hover   : var(--sem-color-bg-neutral-hover);
-    --list-item-background-color-active  : var(--sem-color-bg-neutral-active);
-    --list-item-background-color-selected: var(--sem-color-bg-primary-background);
-    --list-item-color-selected           : var(--sem-color-fg-neutral-contrast);
-    --list-item-border-color-active      : #f6d199;
-    --list-item-glyph-color              : var(--sem-color-fg-neutral-default);
-    --list-item-highlight-search-color   : red;
-    --list-item-padding                  : 5px;
-}
 
+    //Background Color
+    --list-item-background-color         : var(--cmp-list-item-surface-default);
+    --list-item-background-color-hover   : var(--cmp-list-item-surface-hover);
+    --list-item-background-color-active  : var(--cmp-list-item-surface-active);
+    --list-item-background-color-selected: var(--cmp-list-item-surface-selected);
 
+    //Text Color
+    --list-item-color-selected           : var(--sem-color-text-primary-default);
 
+    --list-item-focus-outline            : 3px solid var(--sem-color-border-focus);
+    --list-item-focus-outline-offset     : -1px;
+    --list-item-glyph-color              : var(--sem-color-icon-neutral-default);
 
-
-.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;
+    --list-item-highlight-search-color   : red;
+    --list-item-padding                  : 5px;
 }

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

@@ -1,5 +1,6 @@
 :root .neo-theme-neo-light { // .neo-tooltip
-    --tooltip-bg            : var(--cmp-tooltip-bg);
+    // --tooltip-bg            : var(--cmp-tooltip-bg);
+    --tooltip-bg            : red;
     --tooltip-border        : none;
     --tooltip-borderradius  : var(--cmp-tooltip-borderradius);
     --tooltip-boxshadow     : none;
@@ -8,6 +9,3 @@
     --tooltip-height        : var(--cmp-tooltip-height);
     --tooltip-padding       : 2px var(--cmp-tooltip-spacinghorizontal) 0;
 }
-
-
-// 3px 3px 4px rgba(0,0,0, .6);

package/src/DefaultConfig.mjs

@@ -43,6 +43,22 @@ const DefaultConfig = {
      * @type String|null
      */
     cesiumJsToken: null,
+    /**
+     * Set this config to false to disable the component logging using Ctrl-Right-Click
+     * @default true
+     * @memberOf! module:Neo
+     * @name config.enableComponentLogger
+     * @type Boolean
+     */
+    enableComponentLogger: true,
+    /**
+     * Set this config to true to enable util.Logger (Neo.log()) based logs in production
+     * @default false
+     * @memberOf! module:Neo
+     * @name config.enableLogsInProduction
+     * @type Boolean
+     */
+    enableLogsInProduction: false,
     /**
      * The current environment. Valid values: 'development', 'dist/development', 'dist/production'
      * This config will get auto-generated
@@ -126,12 +142,12 @@ const DefaultConfig = {
      * You can also create your own addons within your workspace scope. Make sure to put them inside 'src/main/addon/'
      * and prefix them with 'WS/' inside your neo-config.json file.
      * Example: ['DragDrop', 'Stylesheet', 'WS/MyAddon']
-     * @default ['DragDrop', 'Stylesheet']
+     * @default ['DragDrop', 'Navigator', 'Stylesheet']
      * @memberOf! module:Neo
      * @name config.mainThreadAddons
      * @type String[]
      */
-    mainThreadAddons: ['DragDrop', 'Stylesheet', 'Navigator'],
+    mainThreadAddons: ['DragDrop', 'Navigator', 'Stylesheet'],
     /**
      * Pass the URL of a JSON-file, which contains the services and methods from your backend,
      * which you want to expose to the client.
@@ -218,6 +234,14 @@ const DefaultConfig = {
      * @type Boolean
      */
     useSharedWorkers: false,
+    /**
+     * True will generate a new task worker, which can get filled with own expensive remote methods
+     * @default false
+     * @memberOf! module:Neo
+     * @name config.useTaskWorker
+     * @type Boolean
+     */
+    useTaskWorker: false,
     /**
      * Adds global dom event listeners for mobile related events like rotate, swipe, tap
      * @default true

package/src/Fetch.mjs

@@ -35,6 +35,6 @@ class Fetch extends FetchConnection {
     }
 }
 
-let instance = Neo.applyClassConfig(Fetch);
+let instance = Neo.setupClass(Fetch);
 
 export default instance;