neo.mjs 6.17.1 → 6.18.0

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
             }
         }
     }

package/src/calendar/view/SettingsContainer.mjs

@@ -42,7 +42,7 @@ class SettingsContainer extends Container {
         let me = this;
 
         if (me.collapsed) {
-            me.vdom.removeDom = true;
+            me.vdom.removeDom = true
         }
     }
 
@@ -65,8 +65,8 @@ class SettingsContainer extends Container {
                 me.update();
 
                 me.mounted = false;
-            }, 400);
-        });
+            }, 400)
+        })
     }
 
     /**
@@ -133,7 +133,7 @@ class SettingsContainer extends Container {
             }
         }];
 
-        super.createItems();
+        super.createItems()
     }
 
     /**
@@ -153,15 +153,15 @@ class SettingsContainer extends Container {
                 style = me.style || {}
                 style.marginRight = '0px';
                 me.style = style;
-            }, 50);
-        });
+            }, 50)
+        })
     }
 
     /**
      * @returns {Neo.calendar.view.MainContainer}
      */
     getMainContainer() {
-        return this.up('calendar-maincontainer');
+        return this.up('calendar-maincontainer')
     }
 
     /**
@@ -178,15 +178,15 @@ class SettingsContainer extends Container {
                 if (Neo.typeOf(mainContainer[`${container.flag}Component`]) !== 'NeoInstance') {
                     listenerId = mainContainer.on('cardLoaded', () => {
                         mainContainer.un('cardLoaded', listenerId);
-                        setTimeout(() => {container.createContent();}, 30);
-                    });
+                        setTimeout(() => {container.createContent();}, 30)
+                    })
                 } else {
-                    setTimeout(() => {container.createContent();}, 30);
+                    setTimeout(() => {container.createContent();}, 30)
                 }
             }
 
             if (container.flag !== 'general') {
-                mainContainer.activeView = container.flag;
+                mainContainer.activeView = container.flag
             }
         }
     }