neo.mjs 6.10.14 → 6.10.15

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.10.14'
+         * @member {String} version='6.10.15'
          */
-        version: '6.10.14'
+        version: '6.10.15'
     }
 
     /**

package/apps/portal/view/learn/LivePreview.mjs

@@ -1,6 +1,6 @@
-import Base from '../../../../src/container/Base.mjs';
+import Base         from '../../../../src/container/Base.mjs';
 import TabContainer from '../../../../src/tab/Container.mjs';
-import TextArea from '../../../../src/form/field/TextArea.mjs';
+import TextArea     from '../../../../src/form/field/TextArea.mjs';
 
 /**
  * @class Portal.view.learn.LivePreview
@@ -76,7 +76,6 @@ class LivePreview extends Base {
 
         const className = this.findLastClassName(source);
 
-
         source.split('\n').forEach(line => {
             let importMatch = line.match(importRegex);
             if (importMatch) {

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.10.14'
+         * @member {String} version='6.10.15'
          */
-        version: '6.10.14'
+        version: '6.10.15'
     }
 
     /**

package/examples/button/base/neo-config.json

@@ -2,5 +2,6 @@
     "appPath"    : "examples/button/base/app.mjs",
     "basePath"   : "../../../",
     "environment": "development",
-    "mainPath"   : "./Main.mjs"
+    "mainPath"   : "./Main.mjs",
+    "themes"     : ["neo-theme-neo-light"]   
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name"            : "neo.mjs",
-  "version"         : "6.10.14",
+  "version"         : "6.10.15",
   "description"     : "The webworkers driven UI framework",
   "type"            : "module",
   "repository"      : {

package/resources/data/deck/learnneo/p/2023-10-14T19-25-08-153Z.md

@@ -91,7 +91,6 @@ Neo.applyClassConfig(MainView);
 export default MainView;
 </pre>
 
-
 Note the entry in `items:[]`. That's a description of the button that will be the single item in our 
 container. In Neo.mjs terms we're _configuring_ the button. Neo.mjs is a declarative framework, in 
 which components and objects are described. It's an abstraction. In other words, the code describes 

package/resources/data/deck/learnneo/p/AddingProperties.md

@@ -0,0 +1 @@
+### todo: Adding Properties

package/resources/data/deck/learnneo/p/ComponentState.md

@@ -0,0 +1 @@
+### todo: Updating View State

package/resources/data/deck/learnneo/p/DescribingTheUI.md

@@ -64,4 +64,4 @@ modify the code to specify `ntype:'hbox'` and run it again.
 
 Note that the layout specifies `ntype` rather than `module`. An `ntype` is an alias for a class
 that has already been imported. Containers import all the layout types, so since we've already
-imported container we can simply use `ntype` to specify which layout we want.
+imported container we can simply use `ntype` to specify which layout we want.

package/resources/data/deck/learnneo/p/Earthquakes.md

@@ -289,7 +289,6 @@ layout: {
 
 <img src="https://s3.amazonaws.com/mjs.neo.learning.images/earthquakes/EarthquakesSingleVoxStartButton.png" style="width:80%"/>
 
-
 </details>
 
 <!-- /lab -->
@@ -1404,6 +1403,4 @@ Save, refresh, and confirm that you see the value logged when you click on a map
 
 </details>
 
-
-
 <!-- /lab -->

package/resources/scss/src/apps/newwebsite/Viewport.scss

@@ -0,0 +1,32 @@
+.newwebsite-viewport {
+    align-items    : center !important;
+    display        : flex !important;
+    gap            : 48px;
+    justify-content: center !important;
+    padding        : 10% 15% 15% 15%;
+}
+
+.button-group {
+    display       : flex !important;
+    flex-direction: row-reverse !important;
+    gap           : 8px !important;
+}
+
+.neo-h1 {
+    font-size  : 48px;
+    font-weight: 600;
+    text-align : center;
+}
+
+.vector {
+    background-image   : url("../../../../../../resources/images/Neo_Vector.svg");
+    background-position: center center;
+    background-repeat  : no-repeat;
+    background-size    : contain;
+    height             : 150px;
+    width              : 100%;
+}
+
+.get-started-button {
+    cursor: not-allowed !important;
+}

package/resources/scss/src/apps/portal/learn/ContentView.scss

@@ -77,5 +77,4 @@
         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
     }
 
-
 }

package/resources/scss/src/list/Base.scss

@@ -54,7 +54,63 @@
             cursor: pointer;
 
             &:hover {
-                background-color: var(--list-item-background-color-hover);
+                background-color: var(--list-item-background-color-hover) !important;
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
+            &:active {
+                background-color: var(--list-item-background-color-active);
                 color           : var(--list-container-list-color);
             }
             &:active {

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

@@ -0,0 +1,3 @@
+:root .neo-theme-neo-light {
+    --cmp-button-bg                       : blue;
+}

package/src/DefaultConfig.mjs

@@ -236,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '6.10.14'
+     * @default '6.10.15'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '6.10.14'
+    version: '6.10.15'
 };
 
 Object.assign(DefaultConfig, {

package/src/data/RecordFactory.mjs

@@ -68,6 +68,9 @@ class RecordFactory extends Base {
                             properties;
 
                         Object.defineProperties(me, {
+                            [Symbol.for('isRecord')]: {
+                                value: true
+                            },
                             _isModified: {
                                 value   : false,
                                 writable: true
@@ -76,7 +79,7 @@ class RecordFactory extends Base {
 
                         if (Array.isArray(model.fields)) {
                             model.fields.forEach(field => {
-                                let value  = config[field.name],
+                                let value  = config[field.mapping || field.name],
                                     symbol = Symbol.for(field.name),
                                     parsedValue;
 
@@ -209,7 +212,7 @@ class RecordFactory extends Base {
      * @returns {Boolean}
      */
     isRecord(record) {
-        return record?.[Symbol.for('isRecord')] || false;
+        return record?.isRecord;
     }
 
     /**

package/src/form/field/Text.mjs

@@ -1325,7 +1325,7 @@ class Text extends Base {
     onInputValueChange(data) {
         let me       = this,
             oldValue = me.value,
-            value    = data.value,
+            value    = data.value ? data.value.toString().trim() : me.emptyValue,
             vnode    = VNodeUtil.findChildVnode(me.vnode, {nodeName: 'input'});
 
         if (vnode) {
@@ -1528,7 +1528,7 @@ class Text extends Base {
             minLength    = me.minLength,
             required     = me.required,
             returnValue  = true,
-            value        = me.value,
+            value        = me.value ? me.value.toString().trim() : me.emptyValue,
             valueLength  = value?.toString().length,
             inputPattern = me.inputPattern,
             isEmpty      = value !== 0 && (!value || valueLength < 1),

package/src/layout/Flexbox.mjs

@@ -85,7 +85,7 @@ class Flexbox extends Base {
      * @protected
      */
     afterSetAlign(value, oldValue) {
-        oldValue && this.updateInputValue(value, oldValue, 'align');
+        oldValue && this.updateInputValue(value, oldValue, 'align')
     }
 
     /**
@@ -95,7 +95,7 @@ class Flexbox extends Base {
      * @protected
      */
     afterSetDirection(value, oldValue) {
-        oldValue && this.updateInputValue(value, oldValue, 'direction');
+        oldValue && this.updateInputValue(value, oldValue, 'direction')
     }
 
     /**
@@ -111,7 +111,7 @@ class Flexbox extends Base {
             style = item.wrapperStyle;
 
         style.gap = value;
-        item.wrapperStyle = style;
+        item.wrapperStyle = style
     }
 
     /**
@@ -121,7 +121,7 @@ class Flexbox extends Base {
      * @protected
      */
     afterSetPack(value, oldValue) {
-        oldValue && this.updateInputValue(value, oldValue, 'pack');
+        oldValue && this.updateInputValue(value, oldValue, 'pack')
     }
 
     /**
@@ -131,7 +131,7 @@ class Flexbox extends Base {
      * @protected
      */
     afterSetWrap(value, oldValue) {
-        oldValue && this.updateInputValue(value, oldValue, 'wrap');
+        oldValue && this.updateInputValue(value, oldValue, 'wrap')
     }
 
     /**
@@ -143,11 +143,11 @@ class Flexbox extends Base {
             flex  = style.flex || item.flex || (this.align === 'stretch' ? 1 : '0 1 auto');
 
         if (flex === 1) {
-            flex = '1 1 auto';
+            flex = '1 1 auto'
         }
 
         style.flex = flex;
-        item.wrapperStyle = style;
+        item.wrapperStyle = style
     }
 
     /**
@@ -160,7 +160,7 @@ class Flexbox extends Base {
             wrapperCls = container?.wrapperCls || [];
 
         if (!container) {
-            Neo.logError('layout.Flexbox: applyRenderAttributes -> container not yet created', me.containerId);
+            Neo.logError('layout.Flexbox: applyRenderAttributes -> container not yet created', me.containerId)
         }
 
         NeoArray.add(wrapperCls, prefix + 'container');
@@ -170,7 +170,7 @@ class Flexbox extends Base {
         me.pack      && NeoArray.add(wrapperCls, prefix + 'pack-'      + me.pack);
         me.wrap      && NeoArray.add(wrapperCls, prefix + 'wrap-'      + me.wrap);
 
-        container.wrapperCls = wrapperCls;
+        container.wrapperCls = wrapperCls
     }
 
     /**
@@ -181,7 +181,7 @@ class Flexbox extends Base {
      * @returns {String|null} value
      */
     beforeSetAlign(value, oldValue) {
-        return this.testInputValue(value, oldValue, 'alignValues', 'align');
+        return this.testInputValue(value, oldValue, 'alignValues', 'align')
     }
 
     /**
@@ -203,7 +203,7 @@ class Flexbox extends Base {
      * @returns {String|null} value
      */
     beforeSetPack(value, oldValue) {
-        return this.testInputValue(value, oldValue, 'packValues', 'pack');
+        return this.testInputValue(value, oldValue, 'packValues', 'pack')
     }
 
     /**
@@ -214,7 +214,7 @@ class Flexbox extends Base {
      * @returns {String} value
      */
     beforeSetWrap(value, oldValue) {
-        return this.testInputValue(value, oldValue, 'wrapValues', 'wrap');
+        return this.testInputValue(value, oldValue, 'wrapValues', 'wrap')
     }
 
     /**
@@ -227,7 +227,7 @@ class Flexbox extends Base {
         let style = item.wrapperStyle || {};
 
         style.flex = item.flex || null;
-        item.wrapperStyle = style;
+        item.wrapperStyle = style
     }
 
     /**
@@ -242,25 +242,17 @@ class Flexbox extends Base {
             wrapperCls = container?.wrapperCls || [];
 
         if (!container) {
-            Neo.logError('layout.Flexbox: removeRenderAttributes -> container not yet created', me.containerId);
+            Neo.logError('layout.Flexbox: removeRenderAttributes -> container not yet created', me.containerId)
         }
 
         NeoArray.remove(wrapperCls, prefix + 'container');
 
-        if (me.align) {
-            NeoArray.remove(wrapperCls, prefix + 'align-' + me.align);
-        }
-        if (me.direction) {
-            NeoArray.remove(wrapperCls, prefix + 'direction-' + me.direction);
-        }
-        if (me.pack) {
-            NeoArray.remove(wrapperCls, prefix + 'pack-' + me.pack);
-        }
-        if (me.wrap) {
-            NeoArray.remove(wrapperCls, prefix + 'wrap-' + me.wrap);
-        }
+        me.align     && NeoArray.remove(wrapperCls, prefix + 'align-'     + me.align);
+        me.direction && NeoArray.remove(wrapperCls, prefix + 'direction-' + me.direction);
+        me.pack      && NeoArray.remove(wrapperCls, prefix + 'pack-'      + me.pack);
+        me.wrap      && NeoArray.remove(wrapperCls, prefix + 'wrap-'      + me.wrap);
 
-        container.wrapperCls = wrapperCls;
+        container.wrapperCls = wrapperCls
     }
 
     /**
@@ -277,10 +269,10 @@ class Flexbox extends Base {
 
         if (!NeoArray.hasItem(validValues, value)) {
             Neo.logError(this.containerId, '-> layout: supported values for "' + propertyName + '" are' , validValues);
-            return oldValue;
+            return oldValue
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -300,10 +292,10 @@ class Flexbox extends Base {
             NeoArray.remove(wrapperCls, prefix + propertyName + '-' + oldValue);
 
             if (value !== null) {
-                NeoArray.add(wrapperCls, prefix + propertyName + '-' + value);
+                NeoArray.add(wrapperCls, prefix + propertyName + '-' + value)
             }
 
-            container.wrapperCls = wrapperCls;
+            container.wrapperCls = wrapperCls
         }
     }
 }

package/src/layout/HBox.mjs

@@ -29,7 +29,7 @@ class HBox extends Flexbox {
      */
     applyChildAttributes(item) {
         // Do not apply flex if fixed width
-        !item.width && super.applyChildAttributes(item);
+        !item.width && super.applyChildAttributes(item)
     }
 }
 

package/src/layout/VBox.mjs

@@ -29,7 +29,7 @@ class VBox extends Flexbox {
      */
     applyChildAttributes(item) {
         // Do not apply flex if fixed height
-        !item.height && super.applyChildAttributes(item);
+        !item.height && super.applyChildAttributes(item)
     }
 }