neo.mjs 5.1.1 → 5.1.3

package/src/form/field/Select.mjs

@@ -414,7 +414,7 @@ class Select extends Picker {
      * @protected
      */
     onKeyDownEnter(data) {
-        let me    = this;
+        let me = this;
 
         if (me.pickerIsMounted) {
             me.selectListItem();
@@ -640,7 +640,7 @@ class Select extends Picker {
         }
 
         if (!hasMatch && inputHintEl) {
-            inputHintEl.value = '';
+            inputHintEl.value = null;
             me.hintRecordId = null;
         }
 

package/src/form/field/Text.mjs

@@ -530,7 +530,17 @@ class Text extends Base {
      * @protected
      */
     afterSetPlaceholderText(value, oldValue) {
-        this.changeInputElKey('placeholder', value === '' ? null : value);
+        let me  = this,
+            cls = me.cls;
+
+        me.changeInputElKey('placeholder', value === '' ? null : value);
+
+        // a non-empty placeholder needs to keep the 'neo-has-content' rule
+        // => labelPosition: 'inline' should keep the label at the top
+        if (Neo.isEmpty(value) !== Neo.isEmpty(oldValue)) {
+            NeoArray[value !== null && value.toString().length > 0 ? 'add' : 'remove'](cls, 'neo-has-content');
+            me.cls = cls;
+        }
     }
 
     /**
@@ -686,21 +696,19 @@ class Text extends Base {
      * @protected
      */
     afterSetValue(value, oldValue) {
-        let me            = this,
-            cls           = me.cls,
-            emptyValue    = Neo.isEmpty(value),
-            originalValue = me.originalConfig.value,
-            isDirty       = value !== originalValue && emptyValue !== Neo.isEmpty(originalValue);
+        let me              = this,
+            cls             = me.cls,
+            placeholderText = me.placeholderText,
+            hasContent      = placeholderText?.length > 0 || value !== null && value.toString().length > 0,
+            originalValue   = me.originalConfig.value,
+            isDirty         = value !== originalValue && Neo.isEmpty(value) !== Neo.isEmpty(originalValue);
 
         me.silentVdomUpdate = true;
 
         me.getInputEl().value = value;
 
-        if (emptyValue !== Neo.isEmpty(oldValue)) {
-            NeoArray[value !== null && value.toString().length > 0 ? 'add' : 'remove'](cls, 'neo-has-content');
-        }
-
-        NeoArray[isDirty ? 'add' : 'remove'](cls, 'neo-is-dirty');
+        NeoArray[hasContent ? 'add' : 'remove'](cls, 'neo-has-content');
+        NeoArray[isDirty    ? 'add' : 'remove'](cls, 'neo-is-dirty');
         me.cls = cls;
 
         me.validate(); // silent
@@ -886,17 +894,16 @@ class Text extends Base {
      * @returns {Object|null}
      */
     getCenterBorderEl() {
-        let el = VDomUtil.findVdomChild(this.vdom, {cls: 'neo-center-border'});
-        return el?.vdom;
+        return VDomUtil.findVdomChild(this.vdom, {cls: 'neo-center-border'})?.vdom || null;
     }
 
     /**
      * @returns {Object|null}
      */
     getInputEl() {
-        let el = VDomUtil.findVdomChild(this.vdom, {flag: 'neo-real-input'});
-        return el?.vdom;
+        return VDomUtil.findVdomChild(this.vdom, {flag: 'neo-real-input'})?.vdom || null;
     }
+
     /**
      * @returns {String}
      */
@@ -934,8 +941,7 @@ class Text extends Base {
      * @returns {Object|null}
      */
     getLabelEl() {
-        let el = VDomUtil.findVdomChild(this.vdom, {tag: 'label'});
-        return el?.vdom;
+        return VDomUtil.findVdomChild(this.vdom, {tag: 'label'})?.vdom || null;
     }
 
     /**

package/src/main/DomEvents.mjs

@@ -407,11 +407,20 @@ class DomEvents extends Base {
      * @param {Object} event
      */
     onChange(event) {
-        this.sendMessageToApp({
+        let target = event.target,
+
+        data = {
             ...this.getEventData(event),
-            valid: event.target.checkValidity(),
-            value: event.target.value
-        });
+            valid: target.checkValidity(),
+            value: target.value
+        };
+
+        // input and change events can pass a FileList for input type file
+        if (target.files) {
+            data.files = target.files;
+        }
+
+        this.sendMessageToApp(data);
     }
 
     /**

package/src/toolbar/Breadcrumb.mjs

@@ -13,6 +13,19 @@ class Breadcrumb extends Toolbar {
          * @protected
          */
         className: 'Neo.toolbar.Breadcrumb',
+        /**
+         * @member {String} ntype='breadcrumb-toolbar'
+         * @protected
+         */
+        ntype: 'breadcrumb-toolbar',
+        /**
+         * @member {String[]} baseCls=['neo-breadcrumb-toolbar','neo-toolbar']
+         */
+        baseCls: ['neo-breadcrumb-toolbar', 'neo-toolbar'],
+        /**
+         * @member {Number|String|null} activeKey_=null
+         */
+        activeKey_: null,
         /**
          * @member {Object[]} items
          */
@@ -23,6 +36,16 @@ class Breadcrumb extends Toolbar {
         store_: null
     }
 
+    /**
+     * Triggered after the activeKey config got changed
+     * @param {Number|String|null} value
+     * @param {Number|String|null} oldValue
+     * @protected
+     */
+    afterSetActiveKey(value, oldValue) {
+        this.store.getCount?.() > 0 && this.updateItems()
+    }
+
     /**
      * Triggered after the store config got changed
      * @param {Neo.data.Store|Object} value
@@ -30,7 +53,14 @@ class Breadcrumb extends Toolbar {
      * @protected
      */
     afterSetStore(value, oldValue) {
+        let me = this;
+
+        value.on({
+            load: this.onStoreLoad,
+            scope: me
+        });
 
+        value?.getCount() > 0 && me.onStoreLoad(value.items)
     }
 
     /**
@@ -44,6 +74,64 @@ class Breadcrumb extends Toolbar {
         oldValue?.destroy();
         return ClassSystemUtil.beforeSetInstance(value, Store);
     }
+
+    /**
+     * @returns {Object[]}
+     */
+    getPathItems() {
+        let items    = [],
+            parentId = this.activeKey,
+            store    = this.store,
+            item;
+
+        while (parentId !== null) {
+            item = store.get(parentId);
+
+            items.unshift(item);
+
+            parentId = item.parentId;
+        }
+
+        return items;
+    }
+
+    /**
+     * @param {Object[]} items
+     */
+    onStoreLoad(items) {
+        this.activeKey !== null && this.updateItems()
+    }
+
+    /**
+     *
+     */
+    updateItems() {
+        let me        = this,
+            items     = me.items,
+            pathItems = me.getPathItems(),
+            i         = 0,
+            len       = pathItems.length,
+            newItems  = [],
+            config, item
+
+        for (; i < len; i++) {
+            item = pathItems[i];
+
+            config = {
+                editRoute: false,
+                route    : item.route,
+                text     : item.name
+            };
+
+            if (items[i]) {
+                items[i].set(config);
+            } else {
+                newItems.push(config);
+            }
+        }
+
+        newItems.length > 0 && me.add(newItems);
+    }
 }
 
 Neo.applyClassConfig(Breadcrumb);