neo.mjs 6.17.1 → 6.18.0

package/src/calendar/view/YearComponent.mjs

@@ -186,10 +186,10 @@ class YearComponent extends Component {
         ]);
 
         if (me.calendarStore.getCount() > 0 && me.eventStore.getCount() > 0) {
-            me.createMonths(true); // silent update
+            me.createMonths(true) // silent update
         }
 
-        me.updateHeaderYear();
+        me.updateHeaderYear()
     }
 
     /**
@@ -208,7 +208,7 @@ class YearComponent extends Component {
         };
 
         oldValue?.un(listeners);
-        value   ?.on(listeners);
+        value   ?.on(listeners)
     }
 
     /**
@@ -223,10 +223,10 @@ class YearComponent extends Component {
                 year    = value   .getFullYear();
 
             if (year !== oldYear) {
-                this.changeYear(year - oldYear);
+                this.changeYear(year - oldYear)
             } else {
                 // todo
-                console.log('## select a new day', value.getMonth(), value.getDate());
+                console.log('## select a new day', value.getMonth(), value.getDate())
             }
         }
     }
@@ -238,7 +238,7 @@ class YearComponent extends Component {
      * @protected
      */
     afterSetDayNameFormat(value, oldValue) {
-        this.updateDayNamesRows(value, oldValue);
+        this.updateDayNamesRows(value, oldValue)
     }
 
     /**
@@ -248,7 +248,7 @@ class YearComponent extends Component {
      * @protected
      */
     afterSetEventIndicatorHigh(value, oldValue) {
-        oldValue !== undefined && this.createMonths();
+        oldValue !== undefined && this.createMonths()
     }
 
     /**
@@ -258,7 +258,7 @@ class YearComponent extends Component {
      * @protected
      */
     afterSetEventIndicatorLow(value, oldValue) {
-        oldValue !== undefined && this.createMonths();
+        oldValue !== undefined && this.createMonths()
     }
 
     /**
@@ -268,7 +268,7 @@ class YearComponent extends Component {
      * @protected
      */
     afterSetEventIndicatorMedium(value, oldValue) {
-        oldValue !== undefined && this.createMonths();
+        oldValue !== undefined && this.createMonths()
     }
 
     /**
@@ -287,7 +287,7 @@ class YearComponent extends Component {
         };
 
         oldValue?.un(listeners);
-        value   ?.on(listeners);
+        value   ?.on(listeners)
     }
 
     /**
@@ -301,7 +301,7 @@ class YearComponent extends Component {
             let me = this;
 
             me.updateDayNamesRows(me.dayNameFormat, '', true);
-            me.updateMonthNameFormat(me.monthNameFormat, '');
+            me.updateMonthNameFormat(me.monthNameFormat, '')
         }
     }
 
@@ -312,7 +312,7 @@ class YearComponent extends Component {
      * @protected
      */
     afterSetMonthNameFormat(value, oldValue) {
-        this.updateMonthNameFormat(value, oldValue);
+        this.updateMonthNameFormat(value, oldValue)
     }
 
     /**
@@ -328,7 +328,7 @@ class YearComponent extends Component {
 
         if (value && me.needsEventUpdate) {
             me.createMonths();
-            me.needsEventUpdate = false;
+            me.needsEventUpdate = false
         }
     }
 
@@ -342,7 +342,7 @@ class YearComponent extends Component {
         let cls = this.cls;
 
         NeoArray[value ? 'add' : 'remove'](cls, 'neo-show-cell-borders');
-        this.cls = cls;
+        this.cls = cls
     }
 
     /**
@@ -353,9 +353,9 @@ class YearComponent extends Component {
      */
     afterSetShowWeekends(value, oldValue) {
         if (oldValue !== undefined) {
-            let me   = this,
-                vdom = me.vdom,
-                i    = 0,
+            let me     = this,
+                {vdom} = me,
+                i      = 0,
                 item, itemCn, j, k, len;
 
             for (; i < 12; i++) { // months
@@ -368,9 +368,9 @@ class YearComponent extends Component {
 
                         if (item.cls.includes('neo-weekend')) {
                             if (value) {
-                                delete item.removeDom;
+                                delete item.removeDom
                             } else {
-                                item.removeDom = true;
+                                item.removeDom = true
                             }
                         }
                     }
@@ -378,7 +378,7 @@ class YearComponent extends Component {
             }
 
             // triggers the vdom update
-            me.updateDayNamesRows(me.dayNameFormat, '');
+            me.updateDayNamesRows(me.dayNameFormat, '')
         }
     }
 
@@ -399,11 +399,11 @@ class YearComponent extends Component {
                 len    = itemCn.length;
 
                 for (j = 1; j < len; j++) {
-                    itemCn[j].cn[0].removeDom = !value;
+                    itemCn[j].cn[0].removeDom = !value
                 }
             }
 
-            me.update();
+            me.update()
         }
     }
 
@@ -424,10 +424,10 @@ class YearComponent extends Component {
 
             for (; i < 12; i++) {
                 me.vdom.cn[0].cn[1].cn[i].cn[7].removeDom = DateUtil.getWeeksOfMonth(date, me.weekStartDay) === 5 && !value;
-                date.setMonth(date.getMonth() + 1);
+                date.setMonth(date.getMonth() + 1)
             }
 
-            me.update();
+            me.update()
         }
     }
 
@@ -438,7 +438,7 @@ class YearComponent extends Component {
      * @protected
      */
     afterSetWeekStartDay(value, oldValue) {
-        oldValue !== undefined && this.createMonths();
+        oldValue !== undefined && this.createMonths()
     }
 
     /**
@@ -448,7 +448,7 @@ class YearComponent extends Component {
      * @protected
      */
     beforeSetDayNameFormat(value, oldValue) {
-        return this.beforeSetEnumValue(value, oldValue, 'dayNameFormat', DateUtil.prototype.dayNameFormats);
+        return this.beforeSetEnumValue(value, oldValue, 'dayNameFormat', DateUtil.prototype.dayNameFormats)
     }
 
     /**
@@ -458,7 +458,7 @@ class YearComponent extends Component {
      * @protected
      */
     beforeSetMonthNameFormat(value, oldValue) {
-        return this.beforeSetEnumValue(value, oldValue, 'monthNameFormat', DateUtil.prototype.monthNameFormats);
+        return this.beforeSetEnumValue(value, oldValue, 'monthNameFormat', DateUtil.prototype.monthNameFormats)
     }
 
     /**
@@ -467,7 +467,7 @@ class YearComponent extends Component {
      * @protected
      */
     cacheUpdate(date=this.currentDate) {
-        this.cachedUpdate = date;
+        this.cachedUpdate = date
     }
 
     /**
@@ -519,10 +519,10 @@ class YearComponent extends Component {
 
                         setTimeout(() => {
                             vdom.cn[0] = vdom.cn[0].cn[0].cn[scrollFromTop ? 1 : 0];
-                            me.triggerVdomUpdate();
-                        }, 300);
-                    });
-                });
+                            me.triggerVdomUpdate()
+                        }, 300)
+                    })
+                })
             }
         }
     }
@@ -548,15 +548,15 @@ class YearComponent extends Component {
             day = date.getDay();
 
             if (!me.showWeekends && (day === 0 || day === 6)) {
-                node.removeDom = true;
+                node.removeDom = true
             }
 
             row.cn.push(node);
 
-            date.setDate(date.getDate() + 1);
+            date.setDate(date.getDate() + 1)
         }
 
-        return row;
+        return row
     }
 
     /**
@@ -566,12 +566,11 @@ class YearComponent extends Component {
      */
     createMonthContent(containerEl, currentDate) {
         let me             = this,
-            calendarStore  = me.calendarStore,
+            {calendarStore, eventStore} = me,
             currentDay     = currentDate.getDate(),
             currentMonth   = currentDate.getMonth(),
             currentYear    = currentDate.getFullYear(),
             date           = DateUtil.clone(currentDate),
-            eventStore     = me.eventStore,
             valueDate      = me.currentDate, // cloned
             valueMonth     = valueDate.getMonth(),
             valueYear      = valueDate.getFullYear(),
@@ -624,17 +623,17 @@ class YearComponent extends Component {
                     configCls.push('neo-weekend');
 
                     if (!me.showWeekends) {
-                        config.removeDom = true;
+                        config.removeDom = true
                     }
                 }
 
 
                 if (today.year === currentYear && today.month === currentMonth && today.day === day) {
-                    config.cn[0].cls.push('neo-today');
+                    config.cn[0].cls.push('neo-today')
                 }
 
                 if (valueYear === currentYear && valueMonth === currentMonth && day === currentDay) {
-                    configCls.push('neo-selected');
+                    configCls.push('neo-selected')
                 }
 
                 if (!config.removeDom) {
@@ -650,13 +649,13 @@ class YearComponent extends Component {
 
                 date.setDate(date.getDate() + 1);
 
-                day++;
+                day++
             }
 
-            containerEl.cn.push(row);
+            containerEl.cn.push(row)
         }
 
-        return containerEl;
+        return containerEl
     }
 
     /**
@@ -667,10 +666,10 @@ class YearComponent extends Component {
         let me = this;
 
         if (!me.mounted) {
-            me.needsEventUpdate = true;
+            me.needsEventUpdate = true
         } else {
             let currentDate    = me.currentDate, // cloned
-                vdom           = me.vdom,
+                {vdom}         = me,
                 monthContainer = containerEl || vdom.cn[0].cn[1],
                 i              = 0,
                 monthVdom;
@@ -689,10 +688,10 @@ class YearComponent extends Component {
 
                 monthVdom = me.createMonthContent(monthVdom, DateUtil.clone(currentDate));
 
-                monthContainer.cn.push(monthVdom);
+                monthContainer.cn.push(monthVdom)
             }
 
-            me[silent ? '_vdom' : 'vdom'] = vdom;
+            !silent && me.update()
         }
     }
 
@@ -706,56 +705,56 @@ class YearComponent extends Component {
         day = day.toString();
 
         if (day.length < 2) {
-            day = '0' + day;
+            day = '0' + day
         }
 
         month = month.toString();
 
         if (month.length < 2) {
-            month = '0' + month;
+            month = '0' + month
         }
 
-        return this.id + '__' + year + '-' + month + '-' + day;
+        return this.id + '__' + year + '-' + month + '-' + day
     }
 
     /**
      * @param {Object[]} data
      */
     onCalendarStoreLoad(data) {
-        this.eventStore.getCount() > 0 && this.createMonths();
+        this.eventStore.getCount() > 0 && this.createMonths()
     }
 
     /**
      * @param {Object} data
      */
     onCalendarStoreRecordChange(data) {
-        this.createMonths();
+        this.createMonths()
     }
 
     /**
      * @param {Object[]} data
      */
     onEventStoreLoad(data) {
-        this.calendarStore.getCount() > 0 && this.createMonths();
+        this.calendarStore.getCount() > 0 && this.createMonths()
     }
 
     /**
      * @param {Object[]} data
      */
     onEventStoreRecordChange(data) {
-        this.createMonths();
+        this.createMonths()
     }
 
     /**
      * @param {Object} data
      */
     onNavButtonClick(data) {
-        let me          = this,
-            currentDate = me.currentDate; // cloned
+        let me            = this,
+            {currentDate} = me; // cloned
 
         currentDate.setFullYear(currentDate.getFullYear() + (data.path[0].cls.includes('neo-next-button') ? 1 : -1));
 
-        me.currentDate = currentDate;
+        me.currentDate = currentDate
     }
 
     /**
@@ -763,12 +762,12 @@ class YearComponent extends Component {
      */
     onWheel(data) {
         if (Math.abs(data.deltaY) > Math.abs(data.deltaX)) {
-            let me          = this,
-                currentDate = me.currentDate; // cloned
+            let me            = this,
+                {currentDate} = me; // cloned
 
             currentDate.setFullYear(currentDate.getFullYear() + (data.deltaY > 0 ? 1 : -1));
 
-            me.currentDate = currentDate;
+            me.currentDate = currentDate
         }
     }
 
@@ -784,8 +783,8 @@ class YearComponent extends Component {
             me.isUpdating = true;
 
             me.promiseUpdate(me.vdom).then(() => {
-                me.isUpdating = false;
-            });
+                me.isUpdating = false
+            })
         }
     }
 
@@ -801,9 +800,9 @@ class YearComponent extends Component {
         me.intlFormat_day = new Intl.DateTimeFormat(me.locale, {weekday: value});
 
         if (oldValue !== undefined) {
-            let date = me.currentDate, // cloned
-                vdom = me.vdom,
-                i    = 1,
+            let date   = me.currentDate, // cloned
+                {vdom} = me,
+                i      = 1,
                 day, j, node;
 
             date.setDate(me.currentDate.getDate() - me.currentDate.getDay() + me.weekStartDay);
@@ -816,16 +815,16 @@ class YearComponent extends Component {
                     node.html = me.intlFormat_day.format(date);
 
                     if (!me.showWeekends && (day === 0 || day === 6)) {
-                        node.removeDom = true;
+                        node.removeDom = true
                     } else {
-                        delete node.removeDom;
+                        delete node.removeDom
                     }
                 }
 
-                date.setDate(date.getDate() + 1);
+                date.setDate(date.getDate() + 1)
             }
 
-            me[silent ? '_vdom' : 'vdom'] = vdom;
+            !silent && me.update()
         }
     }
 
@@ -833,7 +832,7 @@ class YearComponent extends Component {
      *
      */
     updateHeaderYear() {
-        this.vdom.cn[0].cn[0].cn[0].html = this.currentDate.getFullYear();
+        this.vdom.cn[0].cn[0].cn[0].html = this.currentDate.getFullYear()
     }
 
     /**
@@ -849,18 +848,17 @@ class YearComponent extends Component {
         me.intlFormat_month = new Intl.DateTimeFormat(me.locale, {month: value});
 
         if (oldValue !== undefined) {
-            let vdom        = me.vdom,
-                i           = 0,
-                currentDate = me.currentDate;
+            let {currentDate, vdom} = me,
+                i                   = 0;
 
             for (; i < 12; i++) {
                 currentDate.setMonth(i);
                 currentDate.setDate(1);
 
-                vdom.cn[0].cn[1].cn[i].cn[0].html = me.intlFormat_month.format(currentDate);
+                vdom.cn[0].cn[1].cn[i].cn[0].html = me.intlFormat_month.format(currentDate)
             }
 
-            me[silent ? '_vdom' : 'vdom'] = vdom;
+            !silent && me.update()
         }
     }
 }

package/src/calendar/view/calendars/ColorsList.mjs

@@ -87,8 +87,8 @@ class ColorsList extends List {
     onConstructed() {
         super.onConstructed();
 
-        let me    = this,
-            value = me.value;
+        let me      = this,
+            {value} = me;
 
         value && me.afterSetValue(value, null);
     }

package/src/calendar/view/calendars/EditContainer.mjs

@@ -110,8 +110,8 @@ class EditContainer extends FormContainer {
      *
      */
     createItems() {
-        let me     = this,
-            record = me.record;
+        let me       = this,
+            {record} = me;
 
         if (record) {
             me.colorsList = Neo.create({

package/src/calendar/view/calendars/List.mjs

@@ -60,7 +60,7 @@ class List extends ComponentList {
         };
 
         if (checkBox) {
-            checkBox.setSilent(config);
+            checkBox.setSilent(config)
         } else {
             items[index] = checkBox = Neo.create({
                 appName  : me.appName,
@@ -68,12 +68,12 @@ class List extends ComponentList {
                 parentId : me.id,
                 ...me.itemDefaults,
                 ...config
-            });
+            })
         }
 
         me.items = items;
 
-        return [checkBox.vdom, {tag: 'i', cls: ['neo-edit-icon', 'fas fa-edit'], id: me.getEditIconId(index)}];
+        return [checkBox.vdom, {tag: 'i', cls: ['neo-edit-icon', 'fas fa-edit'], id: me.getEditIconId(index)}]
     }
 
     /**
@@ -81,14 +81,14 @@ class List extends ComponentList {
      * @returns {String}
      */
     getEditIconId(index) {
-        return `${this.id}__${index}__edit-icon`;
+        return `${this.id}__${index}__edit-icon`
     }
 
     /**
      * @param {Object} data
      */
     onCheckboxChange(data) {
-        this.store.get(data.component.fieldValue).active = data.value;
+        this.store.get(data.component.fieldValue).active = data.value
     }
 
     /**
@@ -98,7 +98,7 @@ class List extends ComponentList {
         // The click even arrives before the CheckBox onInputValueChange() gets triggered.
         // We need a short delay to ensure the vdom of the list item contains the new checked state
         setTimeout(() => {
-            super.onClick(data);
+            super.onClick(data)
         }, 20);
 
         if (data.path[0].cls.includes('neo-edit-icon')) {
@@ -106,9 +106,8 @@ class List extends ComponentList {
                 listItemRect          = data.path[1].rect,
                 mainContainer         = me.owner,
                 editCalendarContainer = mainContainer.editCalendarContainer,
-                mounted               = editCalendarContainer.mounted,
-                record                = me.store.get(me.getItemRecordId(data.path[1].id)),
-                style                 = editCalendarContainer.style;
+                {mounted, style}      = editCalendarContainer,
+                record                = me.store.get(me.getItemRecordId(data.path[1].id));
 
             Object.assign(style, {
                 left: `${listItemRect.right + 13}px`,
@@ -122,9 +121,9 @@ class List extends ComponentList {
             });
 
             if (!mounted) {
-                editCalendarContainer.render(true);
+                editCalendarContainer.render(true)
             } else {
-                editCalendarContainer.afterSetMounted(true, false);
+                editCalendarContainer.afterSetMounted(true, false)
             }
         }
     }
@@ -137,14 +136,14 @@ class List extends ComponentList {
             recordId = me.getItemRecordId(itemId),
             checkBox = me.items[me.store.indexOf(recordId)];
 
-        checkBox.checked = !checkBox.checked;
+        checkBox.checked = !checkBox.checked
     }
 
     /**
      * @param {String[]} items
      */
     onSelect(items) {
-        this.getModel().setData('activeCalendarId', this.getItemRecordId(items[0]));
+        this.getModel().setData('activeCalendarId', this.getItemRecordId(items[0]))
     }
 }