neo.mjs 6.17.2 → 6.18.0

package/src/Neo.mjs

@@ -85,7 +85,7 @@ Neo = globalThis.Neo = Object.assign({
         if (target && Neo.typeOf(config) === 'Object') {
             Object.entries(config).forEach(([key, value]) => {
                 fnName = namespace[value];
-                target[key] = bind ? fnName.bind(namespace) : fnName;
+                target[key] = bind ? fnName.bind(namespace) : fnName
             })
         }
 
@@ -284,12 +284,13 @@ Neo = globalThis.Neo = Object.assign({
             descriptor = Object.getOwnPropertyDescriptor(proto, key);
 
             if (typeof descriptor === 'object' && typeof descriptor.set === 'function') {
-                return true;
+                return true
             }
-            proto = proto.__proto__;
+
+            proto = proto.__proto__
         }
 
-        return false;
+        return false
     },
 
     /**
@@ -339,13 +340,13 @@ Neo = globalThis.Neo = Object.assign({
 
         return names.reduce((prev, current) => {
             if (create && !prev[current]) {
-                prev[current] = {};
+                prev[current] = {}
             }
 
             if (prev) {
-                return prev[current];
+                return prev[current]
             }
-        }, scope || globalThis);
+        }, scope || globalThis)
     },
 
     /**
@@ -362,7 +363,7 @@ Neo = globalThis.Neo = Object.assign({
         return names.reduce((prev, current) => {
             if (create && !prev[current]) {
                 if (current.endsWith(']')) {
-                    return createArrayNs(true, current, prev);
+                    return createArrayNs(true, current, prev)
                 }
 
                 prev[current] = {}
@@ -370,7 +371,7 @@ Neo = globalThis.Neo = Object.assign({
 
             if (prev) {
                 if (current.endsWith(']')) {
-                    return createArrayNs(false, current, prev);
+                    return createArrayNs(false, current, prev)
                 }
 
                 return prev[current]
@@ -402,7 +403,7 @@ Neo = globalThis.Neo = Object.assign({
             config = ntype;
 
             if (!config.ntype) {
-                throw new Error('Class defined with object configuration missing ntype property. ' + config.ntype);
+                throw new Error('Class defined with object configuration missing ntype property. ' + config.ntype)
             }
 
             ntype = config.ntype
@@ -426,7 +427,7 @@ Neo = globalThis.Neo = Object.assign({
     setupClass(cls) {
         let baseCfg    = null,
             ntypeChain = [],
-            ntypeMap   = Neo.ntypeMap,
+            {ntypeMap} = Neo,
             proto      = cls.prototype || cls,
             protos     = [],
             cfg, config, ctor, ntype;
@@ -454,7 +455,7 @@ Neo = globalThis.Neo = Object.assign({
             cfg = ctor.config || {};
 
             if (Neo.overwrites) {
-                ctor.applyOverwrites(cfg)
+                ctor.applyOverwrites?.(cfg)
             }
 
             Object.entries(cfg).forEach(([key, value]) => {
@@ -487,7 +488,7 @@ Neo = globalThis.Neo = Object.assign({
                     throw new Error(`ntype conflict for '${ntype}' inside the classes:\n${ntypeMap[ntype]}\n${cfg.className}`)
                 }
 
-                ntypeMap[ntype] = cfg.className;
+                ntypeMap[ntype] = cfg.className
             }
 
             mixins = Object.hasOwn(config, 'mixins') && config.mixins || [];
@@ -590,10 +591,10 @@ function applyMixins(cls, mixins) {
 
         if (mixin.isClass) {
             mixinProto = mixin.prototype;
-            mixinCls   = Neo.ns(mixinProto.className);
+            mixinCls   = Neo.ns(mixinProto.className)
         } else {
             if (!exists(mixin)) {
-                throw new Error('Attempting to mixin an undefined class: ' + mixin + ', ' + cls.prototype.className);
+                throw new Error('Attempting to mixin an undefined class: ' + mixin + ', ' + cls.prototype.className)
             }
 
             mixinCls   = Neo.ns(mixin);
@@ -602,10 +603,10 @@ function applyMixins(cls, mixins) {
 
         mixinProto.className.split('.').reduce(mixReduce(mixinCls), mixinClasses);
 
-        Object.getOwnPropertyNames(mixinProto).forEach(mixinProperty(cls.prototype, mixinProto));
+        Object.getOwnPropertyNames(mixinProto).forEach(mixinProperty(cls.prototype, mixinProto))
     }
 
-    cls.prototype.mixins = mixinClasses; // todo: we should do a deep merge
+    cls.prototype.mixins = mixinClasses // todo: we should do a deep merge
 }
 
 /**
@@ -617,7 +618,7 @@ function applyMixins(cls, mixins) {
  */
 function autoGenerateGetSet(proto, key) {
     if (Neo.hasPropertySetter(proto, key)) {
-        throw('Config ' + key + '_ (' + proto.className + ') already has a set method, use beforeGet, beforeSet & afterSet instead');
+        throw('Config ' + key + '_ (' + proto.className + ') already has a set method, use beforeGet, beforeSet & afterSet instead')
     }
 
     if (!Neo[getSetCache]) {
@@ -693,10 +694,10 @@ function autoGenerateGetSet(proto, key) {
                     me.afterSetConfig?.(key, value, oldValue)
                 }
             }
-        };
+        }
     }
 
-    Object.defineProperty(proto, key, Neo[getSetCache][key]);
+    Object.defineProperty(proto, key, Neo[getSetCache][key])
 }
 
 /**
@@ -718,14 +719,14 @@ function createArrayNs(create, current, prev) {
     }
 
     if (!arrRoot) {
-        return;
+        return
     }
 
     for (; i < len; i++) {
         arrItem = parseInt(arrDetails[i]);
 
         if (create) {
-            arrRoot[arrItem] = arrRoot[arrItem] || {};
+            arrRoot[arrItem] = arrRoot[arrItem] || {}
         }
 
         arrRoot = arrRoot[arrItem]
@@ -743,7 +744,7 @@ function createArrayNs(create, current, prev) {
 function exists(className) {
     try {
         return !!className.split('.').reduce((prev, current) => {
-            return prev[current];
+            return prev[current]
         }, globalThis)
     } catch(e) {
         return false
@@ -759,7 +760,7 @@ function exists(className) {
 function mixinProperty(proto, mixinProto) {
     return function(key) {
         if (~ignoreMixin.indexOf(key)) {
-            return;
+            return
         }
 
         if (proto[key]?._from) {
@@ -770,7 +771,7 @@ function mixinProperty(proto, mixinProto) {
 
             throw new Error(
                 `${proto.className}: Multiple mixins defining same property (${mixinProto.className}, ${proto[key]._from}) => ${key}`
-            );
+            )
         }
 
         proto[key] = mixinProto[key];
@@ -780,7 +781,7 @@ function mixinProperty(proto, mixinProto) {
         if (typeof proto[key] === 'function') {
             proto[key]._name = key
         }
-    };
+    }
 }
 
 /**

package/src/Xhr.mjs

@@ -36,6 +36,4 @@ class Xhr extends XhrConnection {
     }
 }
 
-let instance = Neo.setupClass(Xhr);
-
-export default instance;
+export default Neo.setupClass(Xhr);

package/src/button/Base.mjs

@@ -304,8 +304,10 @@ class Base extends Component {
     afterSetTheme(value, oldValue) {
         super.afterSetTheme(value, oldValue);
 
-        if (this.menuList) {
-            this.menuList.theme = value
+        let {menuList} = this;
+
+        if (menuList) {
+            menuList.theme = value
         }
     }
 
@@ -537,8 +539,8 @@ class Base extends Component {
      *
      */
     async toggleMenu() {
-        let menuList = this.menuList,
-            hidden   = !menuList.hidden;
+        let {menuList} = this,
+            hidden     = !menuList.hidden;
 
         menuList.hidden = hidden;
 

package/src/button/Split.mjs

@@ -89,8 +89,10 @@ class Split extends Button {
      * @protected
      */
     afterSetAppName(value, oldValue) {
-        if (this.triggerButton) {
-            this.triggerButton.appName = value;
+        let {triggerButton} = this;
+
+        if (triggerButton) {
+            triggerButton.appName = value;
         }
 
         super.afterSetAppName(value, oldValue);
@@ -103,7 +105,7 @@ class Split extends Button {
      * @protected
      */
     afterSetDisabled(value, oldValue) {
-        let triggerButton = this.triggerButton;
+        let {triggerButton} = this;
 
         if (triggerButton) {
             triggerButton.disabled = value;
@@ -132,7 +134,7 @@ class Split extends Button {
      * @protected
      */
     afterSetHideTriggerButton(value, oldValue) {
-        let triggerButton = this.triggerButton;
+        let {triggerButton} = this;
 
         if (triggerButton) {
             triggerButton.hidden = value;
@@ -146,7 +148,7 @@ class Split extends Button {
      * @protected
      */
     afterSetPressed(value, oldValue) {
-        let triggerButton = this.triggerButton;
+        let {triggerButton} = this;
 
         if (triggerButton) {
             triggerButton.pressed = value;
@@ -162,7 +164,7 @@ class Split extends Button {
      * @protected
      */
     afterSetTriggerButtonIconCls(value, oldValue) {
-        let triggerButton = this.triggerButton;
+        let {triggerButton} = this;
 
         if (triggerButton) {
             triggerButton.iconCls = value;
@@ -174,9 +176,8 @@ class Split extends Button {
      * @param {String|null} oldValue
      */
     afterSetUi(value, oldValue) {
-        let me            = this,
-            ntype         = me.ntype,
-            triggerButton = me.triggerButton;
+        let me                     = this,
+            {ntype, triggerButton} = me;
 
         if (triggerButton) {
             triggerButton.ui = value;

package/src/calendar/view/EditEventContainer.mjs

@@ -103,17 +103,18 @@ class EditEventContainer extends FormContainer {
      */
     afterSetRecord(value, oldValue) {
         if (value && oldValue) {
-            let me         = this,
-                timeFormat = me.intlFormat_time;
+            let me                  = this,
+                timeFormat          = me.intlFormat_time,
+                {calendarId, title} = value;
 
             me.getField('endTime')  .then(field => field.minValue = me.getEndTimeMinValue(value));
             me.getField('startTime').then(field => field.maxValue = me.getStartTimeMaxValue(value));
 
             me.reset({
-                calendarId: value.calendarId,
-                endTime   : timeFormat.format(value.endDate),
-                startTime : timeFormat.format(value.startDate),
-                title     : value.title
+                calendarId,
+                endTime  : timeFormat.format(value.endDate),
+                startTime: timeFormat.format(value.startDate),
+                title
             })
         } else if (value) {
             this.createItems()
@@ -125,7 +126,7 @@ class EditEventContainer extends FormContainer {
      */
     createItems() {
         let me         = this,
-            record     = me.record,
+            {record}   = me,
             timeFormat = me.intlFormat_time,
             timeFieldDefaults = {
                 module              : TimeField,
@@ -171,7 +172,7 @@ class EditEventContainer extends FormContainer {
                         return 'var(--event-yellow-border-color)';
                     }
 
-                    return `var(--event-${value}-color)`;
+                    return `var(--event-${value}-color)`
                 },
 
                 store: {
@@ -230,7 +231,7 @@ class EditEventContainer extends FormContainer {
 
         date.setMinutes(date.getMinutes() - this.minimumEventDuration);
 
-        return this.intlFormat_time.format(date);
+        return this.intlFormat_time.format(date)
     }
 
     /**
@@ -238,7 +239,7 @@ class EditEventContainer extends FormContainer {
      */
     onCalendarFieldChange(data) {
         if (!Neo.isEmpty(data.value)) {
-            this.record.calendarId = data.record[data.component.store.keyProperty];
+            this.record.calendarId = data.record[data.component.store.keyProperty]
         }
     }
 
@@ -250,7 +251,7 @@ class EditEventContainer extends FormContainer {
         let me = this;
 
         me.getModel().getStore('events').remove(me.record);
-        me.unmount();
+        me.unmount()
     }
 
     /**
@@ -293,7 +294,7 @@ class EditEventContainer extends FormContainer {
      */
     onTitleFieldChange(data) {
         if (!Neo.isEmpty(data.value)) {
-            this.record.title = data.value;
+            this.record.title = data.value
         }
     }
 }

package/src/calendar/view/MainContainer.mjs

@@ -175,7 +175,7 @@ class MainContainer extends Container {
         let me = this;
 
         me.createItemsContent();
-        !me.sideBarExpanded && me.afterSetSideBarExpanded(false, true);
+        !me.sideBarExpanded && me.afterSetSideBarExpanded(false, true)
     }
 
     /**
@@ -192,7 +192,7 @@ class MainContainer extends Container {
 
             me.items[0].items[1].items.forEach(item => {
                 if (item.toggleGroup === 'mainViews') {
-                    item.pressed = item.value === value;
+                    item.pressed = item.value === value
                 }
             });
         }
@@ -209,12 +209,12 @@ class MainContainer extends Container {
             let style = this.style || {};
 
             if (!value) {
-                delete style.fontSize;
+                delete style.fontSize
             } else {
-                style.fontSize = `${value}px`;
+                style.fontSize = `${value}px`
             }
 
-            this.style = style;
+            this.style = style
         }
     }
 
@@ -231,17 +231,17 @@ class MainContainer extends Container {
 
             if (value) {
                 if (settingsContainer) {
-                    settingsContainer.expand();
+                    settingsContainer.expand()
                 } else {
                     me.createSettingsContainer(true).then(() => {
                         // short delay to ensure the vnode already exists
                         setTimeout(() => {
-                            me.items[1].items[2].expand();
-                        }, 50);
-                    });
+                            me.items[1].items[2].expand()
+                        }, 50)
+                    })
                 }
             } else {
-                settingsContainer.collapse(me.settingsContainerWidth);
+                settingsContainer.collapse(me.settingsContainerWidth)
             }
         }
     }
@@ -267,8 +267,8 @@ class MainContainer extends Container {
                     setTimeout(() => {
                         style.marginLeft = '0px';
                         sideBar.style = style;
-                    }, 50);
-                });
+                    }, 50)
+                })
             } else {
                 style.marginLeft    = `-${me.sideBarWidth}px`;
                 sideBar._style      = style; // silent update
@@ -279,8 +279,8 @@ class MainContainer extends Container {
                         sideBar.vdom.removeDom = true;
                         sideBar.update();
 
-                        sideBar.mounted = false;
-                    }, 400);
+                        sideBar.mounted = false
+                    }, 400)
                 });
             }
         }
@@ -304,12 +304,12 @@ class MainContainer extends Container {
                     handler: me.toggleSettings.bind(me),
                     iconCls: 'fa fa-cog',
                     style  : {marginLeft: '10px'}
-                });
-            }, 10);
+                })
+            }, 10)
         } else if (!value && oldValue) {
             // we only need this logic in case we dynamically change the config from true to false
             me.items[1]         .removeLast();
-            me.items[0].items[1].removeLast();
+            me.items[0].items[1].removeLast()
         }
     }
 
@@ -329,10 +329,10 @@ class MainContainer extends Container {
                 owner  : me,
                 width  : 250,
                 ...me.editCalendarContainerConfig
-            });
+            })
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -351,10 +351,10 @@ class MainContainer extends Container {
                 owner  : me,
                 width  : 250,
                 ...me.editEventContainerConfig
-            });
+            })
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -364,7 +364,7 @@ class MainContainer extends Container {
      * @protected
      */
     beforeSetActiveView(value, oldValue) {
-        return this.beforeSetEnumValue(value, oldValue, 'activeView', 'validViews');
+        return this.beforeSetEnumValue(value, oldValue, 'activeView', 'validViews')
     }
 
     /**
@@ -379,11 +379,11 @@ class MainContainer extends Container {
         value.forEach(view => {
             if (!validViews.includes(view)) {
                 console.error(view, 'is not a valid entry for views. Stick to:', validViews);
-                return oldValue;
+                return oldValue
             }
         });
 
-        return value;
+        return value
     }
 
     /**
@@ -391,7 +391,7 @@ class MainContainer extends Container {
      * @protected
      */
     changeActiveView(view) {
-        this.activeView = view;
+        this.activeView = view
     }
 
     /**
@@ -422,7 +422,7 @@ class MainContainer extends Container {
             module: Toolbar,
             cls   : ['neo-calendar-header-toolbar', 'neo-toolbar'],
             items : ['->', ...me.createViewHeaderButtons()]
-        }];
+        }]
     }
 
     /**
@@ -484,7 +484,7 @@ class MainContainer extends Container {
                     removeInactiveCards: me.removeInactiveCards
                 }
             }]
-        }];
+        }]
     }
 
     /**
@@ -502,8 +502,8 @@ class MainContainer extends Container {
                 style              : {marginRight: !collapsed ? '0' : `-${me.settingsContainerWidth}px`},
                 width              : me.settingsContainerWidth,
                 ...me.settingsContainerConfig
-            });
-        });
+            })
+        })
     }
 
     /**
@@ -522,10 +522,10 @@ class MainContainer extends Container {
                 text       : Neo.capitalize(view),
                 toggleGroup: 'mainViews',
                 value      : view
-            });
+            })
         });
 
-        return buttons;
+        return buttons
     }
 
     /**
@@ -574,7 +574,7 @@ class MainContainer extends Container {
             cards.push(cmp);
         });
 
-        return cards;
+        return cards
     }
 
     /**
@@ -584,7 +584,7 @@ class MainContainer extends Container {
         this[`${data.item.flag}Component`] = data.item;
 
         // fire the event on this instance as well => setting views can subscribe to it more easily
-        this.fire('cardLoaded', {item: data.item});
+        this.fire('cardLoaded', {item: data.item})
     }
 
     /**
@@ -593,21 +593,21 @@ class MainContainer extends Container {
      * @param {String} data.value
      */
     onDateSelectorChange(data) {
-        data.oldValue !== undefined && this.getModel().setData('currentDate', new Date(`${data.value}T00:00:00.000Z`));
+        data.oldValue !== undefined && this.getModel().setData('currentDate', new Date(`${data.value}T00:00:00.000Z`))
     }
 
     /**
      * @param data
      */
     onNextIntervalButtonClick(data) {
-        this.switchInterval(1);
+        this.switchInterval(1)
     }
 
     /**
      * @param data
      */
     onPreviousIntervalButtonClick(data) {
-        this.switchInterval(-1);
+        this.switchInterval(-1)
     }
 
     /**
@@ -616,21 +616,21 @@ class MainContainer extends Container {
     onTodayButtonClick(data) {
         this.model.setData({
             currentDate: todayDate
-        });
+        })
     }
 
     /**
      * @protected
      */
     toggleSettings() {
-        this.settingsExpanded = !this.settingsExpanded;
+        this.settingsExpanded = !this.settingsExpanded
     }
 
     /**
      * @protected
      */
     toggleSidebar() {
-        this.sideBarExpanded = !this.sideBarExpanded;
+        this.sideBarExpanded = !this.sideBarExpanded
     }
 
     /**
@@ -649,7 +649,7 @@ class MainContainer extends Container {
 
         map[me.activeView]();
 
-        me.model.setData({currentDate});
+        me.model.setData({currentDate})
     }
 }
 

package/src/calendar/view/MainContainerModel.mjs

@@ -110,8 +110,8 @@ class MainContainerModel extends Component {
     construct(config) {
         super.construct(config);
 
-        let me        = this,
-            component = me.component;
+        let me          = this,
+            {component} = me;
 
         /**
          * @member {Object} stores
@@ -152,17 +152,17 @@ class MainContainerModel extends Component {
     onDataPropertyChange(key, value, oldValue) {
         super.onDataPropertyChange(key, value, oldValue);
 
-        let data = this.data;
+        let {data} = this;
 
         switch(key) {
             case 'locale': {
                 data.intlFormat_time = new Intl.DateTimeFormat(value, data.timeFormat);
-                break;
+                break
             }
 
             case 'timeFormat': {
                 data.intlFormat_time = new Intl.DateTimeFormat(data.locale, value);
-                break;
+                break
             }
         }
     }