neo.mjs 6.1.0 → 6.1.2

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.1.0",
+    "version": "6.1.2",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -55,7 +55,7 @@
         "inquirer": "^9.2.10",
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
-        "postcss": "^8.4.28",
+        "postcss": "^8.4.29",
         "sass": "^1.66.1",
         "showdown": "^2.1.0",
         "webpack": "^5.88.2",

package/resources/scss/src/form/field/FileUpload.scss

@@ -194,14 +194,14 @@
         }
     }
 
-    .neo-file-upload-state-icon, .neo-file-upload-state {
+    .neo-file-upload-state-icon {
+        background-image: none;
         color : var(--fileuploadfield-error-color);
+        border : 3px solid var(--fileuploadfield-error-color);
     }
-}
+    .neo-file-upload-state {
+        color : var(--fileuploadfield-error-color);
 
-.neo-file-upload-state-scan-failed {
-    .neo-file-upload-state-icon {
-        border : 3px solid var(--fileuploadfield-error-color);
     }
 }
 

package/src/DefaultConfig.mjs

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

package/src/form/field/FileUpload.mjs

@@ -319,8 +319,9 @@ class FileUpload extends Base {
         chooseFile           : 'Choose file',
         documentText         : 'Document',
         invalidFileFormat    : 'invalid file format',
-        pleaseUseTheseTypes  : 'Please use these file types',
-        fileSizeMoreThan     : 'File size exceeds',
+        pleaseUseTheseTypes  : 'Please use these file types {allowedFileTypes}',
+        fileSizeMoreThan     : 'File size exceeds {allowedFileSize}',
+        uploadError          : 'Please try again',
         documentDeleteError  : 'Document delete service error',
         isNoLongerAvailable  : 'is no longer available',
         documentStatusError  : 'Document status service error',
@@ -418,12 +419,12 @@ class FileUpload extends Base {
             if (me.types && !types[type]) {
                 body.cn[0].innerHTML = file.name;
                 body.cn[1].innerHTML = `${me.invalidFileFormat} (.${type}) ${me.formatSize(file.size)}`;
-                me.error = `${me.pleaseUseTheseTypes}: .${Object.keys(types).join(' .')}`;
+                me.error = me.pleaseUseTheseTypes?.replace('{allowedFileTypes}', Object.keys(types).join(' .'))
             }
             else if (file.size > me.maxSize) {
                 body.cn[0].innerHTML = file.name;
                 body.cn[1].innerHTML = me.formatSize(file.size);
-                me.error = `${me.fileSizeMoreThan} ${String(me._maxSize).toUpperCase()}`;
+                me.error = me.fileSizeMoreThan?.replace('{allowedFileSize}', String(me._maxSize).toUpperCase());
             }
             // If it passes the type and maxSize check, upload it
             else {
@@ -508,7 +509,7 @@ class FileUpload extends Base {
     onUploadError(e) {
         this.xhr = null;
         this.state = 'upload-failed';
-        this.error = e.type;
+        this.error = `${this.uploadError}`;
     }
 
     onUploadDone({ loaded, target : xhr }) {

package/src/tree/Accordion.mjs

@@ -39,7 +39,7 @@ class AccordionTree extends TreeList {
         firstParentIsVisible_: true,
         /**
          * Currently selected item, which is bindable
-         * @member {Record[|null} selection=null
+         * @member {Object[]|null} selection=null
          *
          * @example
          *     module: AccordionTree,
@@ -53,15 +53,17 @@ class AccordionTree extends TreeList {
          * @member {Object} _vdom
          */
         _vdom:
-            {
-                cn: [
-                    {tag: 'ul', cls: ['neo-list-container', 'neo-list', 'neo-accordion-style'], tabIndex: -1, cn: []}
-                ]
-            }
+        {cn: [
+            {tag: 'ul', cls: ['neo-list-container', 'neo-list', 'neo-accordion-style'], tabIndex: -1, cn: []}
+        ]}
     }
 
+    /**
+     *
+     */
     onConstructed() {
         super.onConstructed();
+
         let me = this;
 
         me.addDomListeners({
@@ -130,10 +132,10 @@ class AccordionTree extends TreeList {
      *
      * @param {Boolean} [withUpdate=true]
      */
-    clear(withUpdate = true) {
+    clear(withUpdate=true) {
         delete this.getVdomRoot().cn[0].cn
 
-        if (withUpdate) this.update();
+        withUpdate && this.update();
     }
 
     /**
@@ -231,7 +233,7 @@ class AccordionTree extends TreeList {
 
 
     /**
-     * Expands an item based on the reord
+     * Expands an item based on the record
      * @param {Object} record
      */
     expandItem(record) {
@@ -284,7 +286,6 @@ class AccordionTree extends TreeList {
 
     /**
      * Accordion gaining focus without selection => setSelection
-     *
      * @param {Object} data
      */
     onFocus(data) {
@@ -297,7 +298,6 @@ class AccordionTree extends TreeList {
 
     /**
      * Called from SelectionModel select()
-     *
      * @param {String[]} value
      */
     onSelect(value) {
@@ -316,8 +316,7 @@ class AccordionTree extends TreeList {
 
     /**
      * After the store loaded, create the items for the list
-     *
-     * @param {Record[]} records
+     * @param {Object[]} records
      */
     onStoreLoad(records) {
         let me = this,
@@ -341,6 +340,9 @@ class AccordionTree extends TreeList {
         }
     }
 
+    /**
+     *
+     */
     onStoreRecordChange() {
     }
 
@@ -348,7 +350,7 @@ class AccordionTree extends TreeList {
      * Set the selection either bei record id or record.
      * You can pass a record or a recordId as value
      *
-     * @param {Record|Record[]|Number|Number[]|String|String[]} value
+     * @param {Object|Object[]|Number|Number[]|String|String[]} value
      */
     setSelection(value) {
         if (value === null) {