neo.mjs 6.7.0 → 6.7.1

package/apps/ServiceWorker.mjs

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

package/examples/ConfigurationViewport.mjs

@@ -1,8 +1,14 @@
-import Button    from '../src/button/Base.mjs';
-import Container from '../src/container/Base.mjs';
-import NeoArray  from '../src/util/Array.mjs';
-import Panel     from '../src/container/Panel.mjs';
-import Viewport  from '../src/container/Viewport.mjs';
+import Button       from '../src/button/Base.mjs';
+import Container    from '../src/container/Base.mjs';
+import {bindAppend} from '../src/util/Function.mjs';
+import Panel        from '../src/container/Panel.mjs';
+import Viewport     from '../src/container/Viewport.mjs';
+
+// add custom themes here
+const themes = [
+    {name: 'neo-theme-dark',  label: 'Theme Dark'},
+    {name: 'neo-theme-light', label: 'Theme Light'}
+]
 
 /**
  * Base class for example Apps which should be configurable
@@ -112,8 +118,7 @@ class ConfigurationViewport extends Viewport {
 
                 items: [...me.configurationComponents, {
                     module : Button,
-                    handler: me.onSwitchTheme.bind(me, 'cmp'),
-                    id     : me.id + '_cmp_' + 'switchThemeButton',
+                    handler: bindAppend(me.onSwitchTheme, me, 'cmp'),
                     style  : {marginTop: '20px'},
                     text   : theme === 'neo-theme-dark' ? 'Theme Light' : 'Theme Dark',
                     width  : 100
@@ -172,24 +177,26 @@ class ConfigurationViewport extends Viewport {
     }
 
     /**
+     * @param {Object} data
      * @param {String} target
      */
-    onSwitchTheme(target) {
-        let me     = this,
-            button = Neo.getComponent(me.id + (target !== 'cmp' ? '__' : '_cmp_') + 'switchThemeButton'),
-            newTheme, oldTheme;
-
-        if (button.text === 'Theme Light') {
-            newTheme = 'neo-theme-light';
-            oldTheme = 'neo-theme-dark';
-
-            button.text = 'Theme Dark';
-        } else {
-            newTheme = 'neo-theme-dark';
-            oldTheme = 'neo-theme-light';
-
-            button.text = 'Theme Light';
-        }
+    onSwitchTheme(data, target) {
+        let me          = this,
+            button      = data.component,
+            countThemes = themes.length,
+            newTheme, oldIndex, oldTheme, themeIndex;
+
+        themes.forEach((theme, index) => {
+            if (button.text === theme.label) {
+                newTheme   = theme.name;
+                themeIndex = index;
+            }
+        });
+
+        oldIndex = (themeIndex + 1) % countThemes;
+        oldTheme = themes[oldIndex].name;
+
+        button.text = themes[oldIndex].label;
 
         if (target === 'cmp') {
             me.exampleComponent.theme = newTheme;

package/examples/ServiceWorker.mjs

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

package/examples/dialog/DemoDialog.mjs

@@ -44,11 +44,12 @@ class DemoDialog extends Dialog {
                 })()
             }
         }, {
-            module : Button,
-            handler: me.createDialog.bind(me),
-            iconCls: 'fa fa-window-maximize',
-            text   : 'Create new modal Dialog',
-        }];
+            module   : Button,
+            handler  : me.createDialog.bind(me),
+            iconCls  : 'fa fa-window-maximize',
+            reference: 'create-second-dialog-button',
+            text     : 'Create new modal Dialog',
+        }]
     }
 
     /**
@@ -63,16 +64,16 @@ class DemoDialog extends Dialog {
             appName            : me.appName,
             boundaryContainerId: me.boundaryContainerId,
             listeners          : {close: me.onWindowClose, scope: me},
-            modal              : true
+            modal              : true,
+            title              : 'Second Dialog'
         });
     }
 
+    /**
+     *
+     */
     onWindowClose() {
-        let button = this.down({
-            text: 'Create new modal Dialog'
-        });
-
-        button.disabled = false;
+        this.getReference('create-second-dialog-button').disabled = false;
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.7.0",
+    "version": "6.7.1",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -45,7 +45,7 @@
         "@fortawesome/fontawesome-free": "^6.4.2",
         "@material/mwc-button": "^0.27.0",
         "@material/mwc-textfield": "^0.27.0",
-        "autoprefixer": "^10.4.15",
+        "autoprefixer": "^10.4.16",
         "chalk": "^5.3.0",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^11.0.0",
@@ -57,7 +57,7 @@
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
         "postcss": "^8.4.30",
-        "sass": "^1.67.0",
+        "sass": "^1.68.0",
         "showdown": "^2.1.0",
         "webpack": "^5.88.2",
         "webpack-cli": "^5.1.4",

package/src/DefaultConfig.mjs

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

package/src/form/field/Base.mjs

@@ -13,8 +13,8 @@ class Base extends Component {
      * @static
      */
     static delayable = {
-        fireChangeEvent    : {type: 'debounce', timer: 300},
-        fireUserChangeEvent: {type: 'debounce', timer: 300}
+        fireChangeEvent    : {type: 'debounce', timer: 1000},
+        fireUserChangeEvent: {type: 'debounce', timer: 1000}
     }
 
     static config = {

package/src/toolbar/Breadcrumb.mjs

@@ -27,6 +27,13 @@ class Breadcrumb extends Toolbar {
          * @member {String[]} baseCls=['neo-breadcrumb-toolbar','neo-toolbar']
          */
         baseCls: ['neo-breadcrumb-toolbar', 'neo-toolbar'],
+        /**
+         * @member {Object} itemDefaults={ntype:'button', ui: 'tertiary'}
+         */
+        itemDefaults: {
+            ntype: 'button',
+            ui   : 'tertiary'
+        },
         /**
          * @member {Neo.data.Store|Object} store_=null
          */

package/src/util/Function.mjs

@@ -1,11 +1,11 @@
 /**
  * Append args instead of prepending them
+ * @param {Function} fn
  * @param {Object} scope
  * @returns {Function}
  */
-export function bindAppend(scope) {
-    const fn   = this,
-          args = [].slice.call(arguments).slice(1);
+export function bindAppend(fn, scope) {
+    const args = [].slice.call(arguments).slice(2);
 
     return function() {
         return fn.apply(scope, [].slice.call(arguments).concat(args))