neo.mjs 6.17.2 → 6.18.0

package/src/form/field/TextArea.mjs

@@ -92,7 +92,7 @@ class TextArea extends Text {
 
         // Restore any configured height if autoGrow turned off
         if (!value) {
-            me.afterSetHeight(me._height);
+            me.afterSetHeight(me._height)
         }
     }
 
@@ -103,7 +103,7 @@ class TextArea extends Text {
      * @protected
      */
     afterSetCols(value, oldValue) {
-        this.changeInputElKey('cols', value);
+        this.changeInputElKey('cols', value)
     }
 
     /**
@@ -113,7 +113,7 @@ class TextArea extends Text {
      * @protected
      */
     afterSetInputTag(value, oldValue) {
-        this.changeInputElKey('tag', value);
+        this.changeInputElKey('tag', value)
     }
 
     /**
@@ -124,7 +124,7 @@ class TextArea extends Text {
      */
     afterSetMounted(value, oldValue) {
         super.afterSetMounted(value, oldValue);
-        this.syncAutoGrowMonitor();
+        this.syncAutoGrowMonitor()
     }
 
     /**
@@ -138,7 +138,7 @@ class TextArea extends Text {
             style = this.getInputEl().style;
 
         style.resize = value ? null : 'none';
-        me.update();
+        me.update()
     }
 
     /**
@@ -148,7 +148,7 @@ class TextArea extends Text {
      * @protected
      */
     afterSetRows(value, oldValue) {
-        this.changeInputElKey('rows', value);
+        this.changeInputElKey('rows', value)
     }
 
     /**
@@ -162,7 +162,7 @@ class TextArea extends Text {
             inputEl = me.getInputEl();
 
         if (inputEl) {
-            inputEl.html = StringUtil.escapeHtml(value);
+            inputEl.html = StringUtil.escapeHtml(value)
         }
 
         super.afterSetValue(value, oldValue);
@@ -185,7 +185,7 @@ class TextArea extends Text {
      * @protected
      */
     afterSetWrap(value, oldValue) {
-        this.changeInputElKey('wrap', value);
+        this.changeInputElKey('wrap', value)
     }
 
     /**
@@ -196,7 +196,7 @@ class TextArea extends Text {
      * @protected
      */
     beforeSetWrap(value, oldValue) {
-        return this.beforeSetEnumValue(value, oldValue, 'wrap', 'wrapValues');
+        return this.beforeSetEnumValue(value, oldValue, 'wrap', 'wrapValues')
     }
 
     /**

package/src/form/field/Time.mjs

@@ -118,7 +118,7 @@ class Time extends Picker {
             itemClick   : me.onListItemClick,
             itemNavigate: me.onListItemNavigate,
             scope       : me
-        });
+        })
     }
 
     /**
@@ -131,7 +131,7 @@ class Time extends Picker {
         this.changeInputElKey('max', value);
 
         if (oldValue !== undefined) {
-            this.recreateListItems();
+            this.recreateListItems()
         }
     }
 
@@ -145,7 +145,7 @@ class Time extends Picker {
         this.changeInputElKey('min', value);
 
         if (oldValue !== undefined) {
-            this.recreateListItems();
+            this.recreateListItems()
         }
     }
 
@@ -157,7 +157,7 @@ class Time extends Picker {
      */
     afterSetPickerIsMounted(value, oldValue) {
         if (value) {
-            this.selectCurrentListItem();
+            this.selectCurrentListItem()
         }
     }
 
@@ -168,7 +168,7 @@ class Time extends Picker {
      * @protected
      */
     afterSetStepSize(value, oldValue) {
-        this.changeInputElKey('step', value);
+        this.changeInputElKey('step', value)
 
         // todo: adjust min & max value => see: form.field.Number
     }
@@ -188,7 +188,7 @@ class Time extends Picker {
         me.getTrigger('time').value = value;
 
         if (me.pickerIsMounted && !preventListSelect) {
-            me.selectCurrentListItem(true);
+            me.selectCurrentListItem(true)
         }
     }
 
@@ -206,10 +206,10 @@ class Time extends Picker {
                 minute: '2-digit',
                 second: this.stepSize < 60 ? '2-digit' : undefined,
                 hour12: false
-            });
+            })
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -222,11 +222,11 @@ class Time extends Picker {
     beforeSetMaxValue(value, oldValue) {
         if (value) {
             if (value.includes('24') || (value.startsWith('12') && value.includes('AM'))) {
-                return '23:59:00';
+                return '23:59:00'
             }
         }
 
-        return this.formatTime(value);
+        return this.formatTime(value)
     }
 
     /**
@@ -237,7 +237,7 @@ class Time extends Picker {
      * @returns {String}
      */
     beforeSetMinValue(value, oldValue) {
-        return this.formatTime(value);
+        return this.formatTime(value)
     }
 
     /**
@@ -248,7 +248,7 @@ class Time extends Picker {
      * @returns {String}
      */
     beforeSetValue(value, oldValue) {
-        return this.formatTime(value);
+        return this.formatTime(value)
     }
 
     /**
@@ -276,17 +276,17 @@ class Time extends Picker {
                 value: dt.format(currentDate)
             });
 
-            currentDate.setSeconds(currentDate.getSeconds() + me.stepSize);
+            currentDate.setSeconds(currentDate.getSeconds() + me.stepSize)
         }
 
-        return listItems;
+        return listItems
     }
 
     /**
      * @returns {Neo.component.DateSelector}
      */
     createPickerComponent() {
-        return this.list;
+        return this.list
     }
 
     /**
@@ -312,10 +312,10 @@ class Time extends Picker {
      */
     formatTime(value) {
         if (value) {
-            return this.valueFormat.format(new Date(`November 23, 2019  ${value}`));
+            return this.valueFormat.format(new Date(`November 23, 2019  ${value}`))
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -323,7 +323,7 @@ class Time extends Picker {
      * @protected
      */
     onContainerKeyDownEnter(data) {
-        this.hidePicker();
+        this.hidePicker()
     }
 
     /**
@@ -331,7 +331,7 @@ class Time extends Picker {
      * @protected
      */
     onContainerKeyDownEscape(data) {
-        this.focusInputEl(this.hidePicker);
+        this.focusInputEl(this.hidePicker)
     }
 
     /**
@@ -343,9 +343,9 @@ class Time extends Picker {
 
         if (me.pickerIsMounted) {
             super.onKeyDownEnter(data);
-            me.selectCurrentListItem();
+            me.selectCurrentListItem()
         } else {
-            super.onKeyDownEnter(data, me.selectCurrentListItem);
+            super.onKeyDownEnter(data, me.selectCurrentListItem)
         }
     }
 
@@ -355,13 +355,13 @@ class Time extends Picker {
     onListItemClick(record) {
         let me       = this,
             oldValue = me.value,
-            value    = record.value;
+            {value}  = record;
 
         if (me.value !== value) {
             value = me.formatTime(value);
 
             me._value = value;
-            me.afterSetValue(value, oldValue, true); // prevent the list from getting selected / focused
+            me.afterSetValue(value, oldValue, true) // prevent the list from getting selected / focused
         }
     }
 
@@ -369,7 +369,7 @@ class Time extends Picker {
      * @param {Object} record
      */
     onListItemNavigate(record) {
-        this.onListItemClick(record);
+        this.onListItemClick(record)
     }
 
     /**
@@ -380,7 +380,7 @@ class Time extends Picker {
 
         me.collection.clear();
         me.collection.add(me.createCollectionItems());
-        me.list.createItems();
+        me.list.createItems()
     }
 
     /**
@@ -392,19 +392,19 @@ class Time extends Picker {
         let me = this;
 
         if (value && me.clearToOriginalValue) {
-            me.originalConfig.value = me.formatTime(value);
+            me.originalConfig.value = me.formatTime(value)
         }
 
-        me.value = me.clearToOriginalValue ? me.originalConfig.value : null;
+        me.value = me.clearToOriginalValue ? me.originalConfig.value : null
     }
 
     /**
      * @param {Boolean} [preventFocus=false]
      */
     selectCurrentListItem(preventFocus=false) {
-        let me   = this,
-            list = me.list,
-            id   = list.getItemId(me.value);
+        let me     = this,
+            {list} = me,
+            id     = list.getItemId(me.value);
 
         list.selectionModel.select(id);
 

package/src/form/field/trigger/Base.mjs

@@ -87,8 +87,8 @@ class Base extends Component {
                 me.field.addDomListeners([
                     {mouseenter: me.onMouseEnter, scope: me},
                     {mouseleave: me.onMouseLeave, scope: me}
-                ]);
-            }, me);
+                ])
+            }, me)
         }
     }
 
@@ -102,11 +102,17 @@ class Base extends Component {
         let cls = this.cls;
 
         NeoArray[value === 'start' ? 'add' : 'remove'](cls, 'neo-align-start');
-        this.cls = cls;
+        this.cls = cls
     }
 
-    afterSetField(field) {
-        (this.vdom.data || (this.vdom.data = {})).focus = field && field.getInputElId();
+    /**
+     * Triggered after the field config got changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    afterSetField(value, oldValue) {
+        (this.vdom.data || (this.vdom.data = {})).focus = value?.getInputElId()
     }
 
     /**
@@ -116,10 +122,10 @@ class Base extends Component {
      * @protected
      */
     afterSetHidden(value, oldValue) {
-        let style = this.style;
+        let {style} = this;
 
         style.display = value ? 'none' : 'inherit';
-        this.style = style;
+        this.style = style
     }
 
     /**
@@ -129,15 +135,15 @@ class Base extends Component {
      * @protected
      */
     afterSetIconCls(value, oldValue) {
-        let cls = this.cls;
+        let {cls} = this;
 
         NeoArray.remove(cls, oldValue);
 
         if (value && value !== '') {
-            NeoArray.add(cls, value);
+            NeoArray.add(cls, value)
         }
 
-        this.cls = cls;
+        this.cls = cls
     }
 
     /**
@@ -147,7 +153,7 @@ class Base extends Component {
      * @protected
      */
     beforeSetAlign(value, oldValue) {
-        return this.beforeSetEnumValue(value, oldValue, 'align', 'alignValues');
+        return this.beforeSetEnumValue(value, oldValue, 'align', 'alignValues')
     }
 
     /**
@@ -163,7 +169,7 @@ class Base extends Component {
 
         delete me.field;
 
-        super.destroy(updateParentVdom, silent);
+        super.destroy(updateParentVdom, silent)
     }
 
     /**
@@ -192,7 +198,7 @@ class Base extends Component {
             scope = me.scope || me;
 
         if (me.handler) {
-            scope[me.handler].call(scope);
+            scope[me.handler].call(scope)
         }
     }
 }

package/src/form/field/trigger/Clear.mjs

@@ -45,7 +45,7 @@ class Clear extends Base {
      * @protected
      */
     afterSetHidden(value, oldValue) {
-        let cls = this.cls;
+        let {cls} = this;
 
         NeoArray[value ? 'add' : 'remove'](cls, 'neo-is-hidden');
         this.cls = cls;
@@ -59,10 +59,10 @@ class Clear extends Base {
      */
     beforeSetHidden(value, oldValue) {
         if (this.showOnHover && !this.isHovered) {
-            return true;
+            return true
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -77,25 +77,25 @@ class Clear extends Base {
             scope                     : me
         });
 
-        super.destroy(...args);
+        super.destroy(...args)
     }
 
     /**
      * @returns {Boolean} true in case the trigger should be hidden
      */
     getHiddenState() {
-        let me    = this,
-            field = me.field,
-            value = field.value;
+        let me      = this,
+            {field} = me,
+            {value} = field;
 
         if (field.clearToOriginalValue) {
             return value === field.originalConfig.value;
         } else {
             if (value === 0) {
-                value = '0';
+                value = '0'
             }
 
-            return !field.value || value.toString().length < 1;
+            return !field.value || value.toString().length < 1
         }
     }
 
@@ -103,7 +103,7 @@ class Clear extends Base {
      * @param {Object} opts
      */
     onFieldChange(opts) {
-        this.hidden = this.getHiddenState();
+        this.hidden = this.getHiddenState()
     }
 
     /**
@@ -120,7 +120,7 @@ class Clear extends Base {
             scope                     : me
         });
 
-        me.hidden = me.getHiddenState();
+        me.hidden = me.getHiddenState()
     }
 
     /**
@@ -130,14 +130,14 @@ class Clear extends Base {
         let me = this;
 
         me.isHovered = true;
-        me.hidden    = me.getHiddenState();
+        me.hidden    = me.getHiddenState()
     }
 
     /**
      * @param {Object} data
      */
     onTriggerClick(data) {
-        this.field.clear();
+        this.field.clear()
     }
 }
 

package/src/form/field/trigger/CopyToClipboard.mjs

@@ -49,16 +49,16 @@ class CopyToClipboard extends Base {
      * @protected
      */
     afterSetHidden(value, oldValue) {
-        let cls = this.cls;
+        let {cls} = this;
         NeoArray[value? 'add' : 'remove'](cls, 'neo-is-hidden');
-        this.cls = cls;
+        this.cls = cls
     }
 
     /**
      * @returns {Boolean} true in case the trigger should be hidden
      */
     getHiddenState() {
-        return !this.field.value || this.field.value.length === 0;
+        return !this.field.value || this.field.value.length === 0
     }
 
     /**
@@ -75,14 +75,14 @@ class CopyToClipboard extends Base {
             scope      : me
         });
 
-        me.hidden = me.getHiddenState();
+        me.hidden = me.getHiddenState()
     }
 
     /**
      * @param {Object} opts
      */
     onFieldChange(opts) {
-        this.hidden = this.getHiddenState();
+        this.hidden = this.getHiddenState()
     }
 
     /**
@@ -98,8 +98,8 @@ class CopyToClipboard extends Base {
             Neo.main.DomAccess.execCommand({
                 appName: me.appName,
                 command: 'copy'
-            });
-        });
+            })
+        })
     }
 }
 

package/src/form/field/trigger/Picker.mjs

@@ -33,8 +33,8 @@ class Picker extends Base {
      * @param {Object} data
      */
     onTriggerClick(data) {
-        this.field.onPickerTriggerClick();
-    } 
+        this.field.onPickerTriggerClick()
+    }
 }
 
 Neo.setupClass(Picker);

package/src/form/field/trigger/SpinDown.mjs

@@ -37,7 +37,7 @@ class SpinDown extends Base {
      * @param {Object} data
      */
     onTriggerClick(data) {
-        this.field.onSpinButtonDownClick();
+        this.field.onSpinButtonDownClick()
     }
 }
 

package/src/form/field/trigger/SpinUp.mjs

@@ -33,7 +33,7 @@ class SpinUp extends Base {
      * @param {Object} data
      */
     onTriggerClick(data) {
-        this.field.onSpinButtonUpClick();
+        this.field.onSpinButtonUpClick()
     }
 }
 

package/src/form/field/trigger/SpinUpDown.mjs

@@ -50,7 +50,7 @@ class SpinUpDown extends Base {
 
         me.update();
 
-        super.onConstructed();
+        super.onConstructed()
     }
 
     /**
@@ -62,9 +62,9 @@ class SpinUpDown extends Base {
             cls    = target.cls.join(' ');
 
         if (cls.includes('neo-down')) {
-            me.field.onSpinButtonDownClick();
+            me.field.onSpinButtonDownClick()
         } else if (cls.includes('neo-up')) {
-            me.field.onSpinButtonUpClick();
+            me.field.onSpinButtonUpClick()
         }
     }
 }

package/src/form/field/trigger/Time.mjs

@@ -66,7 +66,7 @@ class Time extends Picker {
         });
 
         me.vdom.cn = [me.clock.vdom];
-        me.update();
+        me.update()
     }
 
     /**
@@ -79,7 +79,7 @@ class Time extends Picker {
         super.afterSetAppName(value, oldValue);
 
         if (value) {
-            this.clock.appName = value;
+            this.clock.appName = value
         }
     }
 
@@ -91,7 +91,7 @@ class Time extends Picker {
      */
     afterSetValue(value, oldValue) {
         if (value) {
-            this.clock.time = value;
+            this.clock.time = value
         }
     }
 }