neo.mjs 3.1.2 → 3.2.1

package/examples/viewport/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer  from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.viewport'
 });
-
-export {onStart as onStart};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "3.1.2",
+    "version": "3.2.1",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -34,25 +34,25 @@
     },
     "homepage": "https://neomjs.github.io/pages/",
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^5.15.4",
+        "@fortawesome/fontawesome-free": "^6.0.0",
         "@material/mwc-button": "^0.25.3",
         "@material/mwc-textfield": "^0.25.3",
         "autoprefixer": "^10.4.2",
         "chalk": "^5.0.0",
         "clean-webpack-plugin": "^4.0.0",
-        "commander": "^8.3.0",
-        "cssnano": "^5.0.15",
+        "commander": "^9.0.0",
+        "cssnano": "^5.0.17",
         "envinfo": "^7.8.1",
         "fs-extra": "^10.0.0",
         "highlightjs-line-numbers.js": "^2.8.0",
         "inquirer": "^8.1.5",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
-        "postcss": "^8.4.5",
-        "sass": "^1.49.0",
-        "webpack": "^5.67.0",
-        "webpack-cli": "^4.9.1",
-        "webpack-dev-server": "4.7.3",
+        "postcss": "^8.4.6",
+        "sass": "^1.49.7",
+        "webpack": "^5.68.0",
+        "webpack-cli": "^4.9.2",
+        "webpack-dev-server": "4.7.4",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/src/DefaultConfig.mjs

@@ -209,4 +209,4 @@ Object.assign(DefaultConfig, {
     workerBasePath: `${Neo.config.basePath || DefaultConfig.basePath}src/worker/`,
 });
 
-export {DefaultConfig as default};
+export default DefaultConfig;

package/src/Main.mjs

@@ -155,8 +155,8 @@ class Main extends core.Base {
      * @returns {Object}
      */
     getWindowData() {
-        const win    = window,
-              screen = win.screen;
+        let win    = window,
+            screen = win.screen;
 
         return {
             innerHeight: win.innerHeight,
@@ -228,7 +228,7 @@ class Main extends core.Base {
     }
 
     /**
-     * @param data
+     * @param {Object} data
      */
     onMountDom(data) {
         this.queueWrite(data);
@@ -241,7 +241,7 @@ class Main extends core.Base {
     }
 
     /**
-     * @param data
+     * @param {Object} data
      */
     onRender(data) {
         data.data.replyId = data.replyId;
@@ -249,14 +249,14 @@ class Main extends core.Base {
     }
 
     /**
-     * @param data
+     * @param {Object} data
      */
     onUpdateDom(data) {
         this.queueUpdate(data);
     }
 
     /**
-     * @param data
+     * @param {Object} data
      */
     onUpdateVdom(data) {
         data.data.replyId = data.replyId;

package/src/Neo.mjs

@@ -693,4 +693,4 @@ Neo.config = Neo.config || {};
 
 Neo.assignDefaults(Neo.config, DefaultConfig);
 
-export {Neo as default};
+export default Neo;

package/src/button/Base.mjs

@@ -337,4 +337,4 @@ class Base extends Component {
 
 Neo.applyClassConfig(Base);
 
-export {Base as default};
+export default Base;

package/src/button/Menu.mjs

@@ -29,4 +29,4 @@ class Menu extends Split {
 
 Neo.applyClassConfig(Menu);
 
-export {Menu as default};
+export default Menu;

package/src/button/Split.mjs

@@ -152,4 +152,4 @@ class Split extends Button {
 
 Neo.applyClassConfig(Split);
 
-export {Split as default};
+export default Split;

package/src/calendar/model/Calendar.mjs

@@ -33,4 +33,4 @@ class Calendar extends Model {
 
 Neo.applyClassConfig(Calendar);
 
-export {Calendar as default};
+export default Calendar;

package/src/calendar/model/Color.mjs

@@ -4,7 +4,7 @@ import Model from '../../data/Model.mjs';
  * @class Neo.calendar.model.Color
  * @extends Neo.data.Model
  */
-class Calendar extends Model {
+class Color extends Model {
     static getConfig() {return {
         /**
          * @member {String} className='Neo.calendar.model.Color'
@@ -25,6 +25,6 @@ class Calendar extends Model {
     }}
 }
 
-Neo.applyClassConfig(Calendar);
+Neo.applyClassConfig(Color);
 
-export {Calendar as default};
+export default Color;

package/src/calendar/model/Event.mjs

@@ -45,4 +45,4 @@ class Event extends Model {
 
 Neo.applyClassConfig(Event);
 
-export {Event as default};
+export default Event;

package/src/calendar/store/Calendars.mjs

@@ -32,4 +32,4 @@ class Calendars extends Store {
 
 Neo.applyClassConfig(Calendars);
 
-export {Calendars as default};
+export default Calendars;

package/src/calendar/store/Colors.mjs

@@ -36,4 +36,4 @@ class Colors extends Store {
 
 Neo.applyClassConfig(Colors);
 
-export {Colors as default};
+export default Colors;

package/src/calendar/store/Events.mjs

@@ -58,4 +58,4 @@ class Events extends Store {
 
 Neo.applyClassConfig(Events);
 
-export {Events as default};
+export default Events;

package/src/calendar/view/DayComponent.mjs

@@ -37,4 +37,4 @@ class DayComponent extends WeekComponent {
 
 Neo.applyClassConfig(DayComponent);
 
-export {DayComponent as default};
+export default DayComponent;

package/src/calendar/view/EditEventContainer.mjs

@@ -303,4 +303,4 @@ class EditEventContainer extends FormContainer {
 
 Neo.applyClassConfig(EditEventContainer);
 
-export {EditEventContainer as default};
+export default EditEventContainer;

package/src/calendar/view/MainContainer.mjs

@@ -660,4 +660,4 @@ class MainContainer extends Container {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/src/calendar/view/MainContainerModel.mjs

@@ -170,4 +170,4 @@ class MainContainerModel extends Component {
 
 Neo.applyClassConfig(MainContainerModel);
 
-export {MainContainerModel as default};
+export default MainContainerModel;

package/src/calendar/view/SettingsContainer.mjs

@@ -196,4 +196,4 @@ class SettingsContainer extends Container {
 
 Neo.applyClassConfig(SettingsContainer);
 
-export {SettingsContainer as default};
+export default SettingsContainer;

package/src/calendar/view/YearComponent.mjs

@@ -872,4 +872,4 @@ class YearComponent extends Component {
 
 Neo.applyClassConfig(YearComponent);
 
-export {YearComponent as default};
+export default YearComponent;

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

@@ -91,4 +91,4 @@ class ColorsList extends List {
 
 Neo.applyClassConfig(ColorsList);
 
-export {ColorsList as default};
+export default ColorsList;

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

@@ -67,4 +67,4 @@ class Container extends BaseContainer {
 
 Neo.applyClassConfig(Container);
 
-export {Container as default};
+export default Container;

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

@@ -196,4 +196,4 @@ class EditContainer extends FormContainer {
 
 Neo.applyClassConfig(EditContainer);
 
-export {EditContainer as default};
+export default EditContainer;

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

@@ -150,4 +150,4 @@ class List extends ComponentList {
 
 Neo.applyClassConfig(List);
 
-export {List as default};
+export default List;

package/src/calendar/view/month/Component.mjs

@@ -831,4 +831,4 @@ class Component extends BaseComponent {
 
 Neo.applyClassConfig(Component);
 
-export {Component as default};
+export default Component;

package/src/calendar/view/settings/GeneralContainer.mjs

@@ -288,4 +288,4 @@ class GeneralContainer extends Container {
 
 Neo.applyClassConfig(GeneralContainer);
 
-export {GeneralContainer as default};
+export default GeneralContainer;

package/src/calendar/view/settings/MonthContainer.mjs

@@ -131,4 +131,4 @@ class MonthContainer extends Container {
 
 Neo.applyClassConfig(MonthContainer);
 
-export {MonthContainer as default};
+export default MonthContainer;

package/src/calendar/view/settings/WeekContainer.mjs

@@ -131,4 +131,4 @@ class WeekContainer extends Container {
 
 Neo.applyClassConfig(WeekContainer);
 
-export {WeekContainer as default};
+export default WeekContainer;

package/src/calendar/view/settings/YearContainer.mjs

@@ -146,4 +146,4 @@ class YearContainer extends Container {
 
 Neo.applyClassConfig(YearContainer);
 
-export {YearContainer as default};
+export default YearContainer;

package/src/calendar/view/week/Component.mjs

@@ -1015,4 +1015,4 @@ class Component extends BaseComponent {
 
 Neo.applyClassConfig(Component);
 
-export {Component as default};
+export default Component;

package/src/calendar/view/week/EventDragZone.mjs

@@ -538,4 +538,4 @@ class EventDragZone extends DragZone {
 
 Neo.applyClassConfig(EventDragZone);
 
-export {EventDragZone as default};
+export default EventDragZone;

package/src/calendar/view/week/TimeAxisComponent.mjs

@@ -219,4 +219,4 @@ class TimeAxisComponent extends Component {
 
 Neo.applyClassConfig(TimeAxisComponent);
 
-export {TimeAxisComponent as default};
+export default TimeAxisComponent;

package/src/calendar/view/week/plugin/DragDrop.mjs

@@ -3,6 +3,8 @@ import DateUtil      from '../../../../util/Date.mjs';
 import EventDragZone from '../EventDragZone.mjs';
 import VDomUtil      from '../../../../util/VDom.mjs';
 
+const newRecordSymbol = Symbol.for('newRecordSymbol');
+
 /**
  * @class Neo.calendar.view.week.plugin.DragDrop
  * @extends Neo.plugin.Base
@@ -85,7 +87,7 @@ class DragDrop extends Base {
             owner.eventDragZone = eventDragZone = Neo.create({
                 module           : EventDragZone,
                 appName          : me.appName,
-                owner            : owner,
+                owner,
                 scrollContainerId: owner.getScrollContainer().id,
                 ...config,
 
@@ -103,6 +105,18 @@ class DragDrop extends Base {
         return eventDragZone;
     }
 
+    /**
+     * Returns the active field value of the active or first calendar record
+     * @returns {Boolean}
+     */
+    isActiveCalendar() {
+        let owner         = this.owner,
+            calendarStore = owner.calendarStore,
+            calendarId    = owner.data.activeCalendarId || calendarStore.getAt(0)[calendarStore.keyProperty];
+
+        return calendarStore.get(calendarId).active;
+    }
+
     /**
      * @param {Object} path
      * @returns {Boolean}
@@ -123,15 +137,14 @@ class DragDrop extends Base {
      * @param {Object} data
      */
     onColumnDragEnd(data) {
-        let me           = this,
-            owner        = me.owner,
-            recordSymbol = Symbol.for('addedRecord'),
-            record       = me[recordSymbol];
+        let me     = this,
+            owner  = me.owner,
+            record = me[newRecordSymbol];
 
         if (record && me.isTopLevelColumn(data.path)) {
             me.isDragging = false;
 
-            delete me[recordSymbol];
+            delete me[newRecordSymbol];
 
             Neo.applyDeltas(me.appName, {
                 id   : owner.getEventId(record.id),
@@ -147,8 +160,10 @@ class DragDrop extends Base {
      * @param {Object} data
      */
     onColumnDragMove(data) {
-        if (this.isTopLevelColumn(data.path)) {
-            this.owner.eventDragZone?.dragMove(data);
+        let me = this;
+
+        if (me.isActiveCalendar() && me.isTopLevelColumn(data.path)) {
+            me.owner.eventDragZone?.dragMove(data);
         }
     }
 
@@ -158,7 +173,7 @@ class DragDrop extends Base {
     onColumnDragStart(data) {
         let me = this;
 
-        if (me.isTopLevelColumn(data.targetPath)) {
+        if (me.isActiveCalendar() && me.isTopLevelColumn(data.targetPath)) {
             let owner           = me.owner,
                 axisStartTime   = owner.timeAxis.getTime(owner.startTime),
                 calendarStore   = owner.calendarStore,
@@ -191,7 +206,7 @@ class DragDrop extends Base {
             })[0];
 
             // we need to cache a reference to make the record accessible for onColumnDragEnd()
-            me[Symbol.for('addedRecord')] = record;
+            me[newRecordSymbol] = record;
 
             // wait until the new event got mounted
             setTimeout(() => {
@@ -295,4 +310,4 @@ class DragDrop extends Base {
 
 Neo.applyClassConfig(DragDrop);
 
-export {DragDrop as default};
+export default DragDrop;

package/src/calendar/view/week/plugin/EventResizable.mjs

@@ -55,4 +55,4 @@ class EventResizable extends Resizable {
 
 Neo.applyClassConfig(EventResizable);
 
-export {EventResizable as default};
+export default EventResizable;

package/src/component/Base.mjs

@@ -425,9 +425,7 @@ class Base extends CoreBase {
      * @protected
      */
     afterSetAppName(value, oldValue) {
-        if (value) {
-            Neo.currentWorker.insertThemeFiles(value, this.__proto__);
-        }
+        value && Neo.currentWorker.insertThemeFiles(value, this.__proto__);
     }
 
     /**
@@ -702,9 +700,7 @@ class Base extends CoreBase {
      * @protected
      */
     beforeSetController(value, oldValue) {
-        if (oldValue) {
-            oldValue.destroy();
-        }
+        oldValue?.destroy();
 
         if (value) {
             return ClassSystemUtil.beforeSetInstance(value, null, {
@@ -737,9 +733,7 @@ class Base extends CoreBase {
      * @protected
      */
     beforeSetKeys(value, oldValue) {
-        if (oldValue) {
-            oldValue.destroy();
-        }
+        oldValue?.destroy();
 
         if (value) {
             value = ClassSystemUtil.beforeSetInstance(value, KeyNavigation, {
@@ -907,8 +901,6 @@ class Base extends CoreBase {
         // remote method access
         Neo.main.DomAccess.focus({
             id: id || me.id
-        }).then(data => {
-            // console.log('focus received: ' + id);
         }).catch(err => {
             console.log('Error attempting to receive focus for component', err, me);
         });
@@ -966,10 +958,7 @@ class Base extends CoreBase {
      * @returns {Promise<*>}
      */
     getDomRect(id=this.id, appName=this.appName) {
-        return Neo.main.DomAccess.getBoundingClientRect({
-            appName,
-            id
-        });
+        return Neo.main.DomAccess.getBoundingClientRect({ appName, id });
     }
 
     /**
@@ -1079,9 +1068,7 @@ class Base extends CoreBase {
      *
      */
     init() {
-        if (this.autoRender) {
-            this.render();
-        }
+        this.autoRender && this.render();
     }
 
     /**
@@ -1179,12 +1166,7 @@ class Base extends CoreBase {
      */
     onConstructed() {
         super.onConstructed();
-
-        let me = this;
-
-        if (me.keys) {
-            me.keys.register(me);
-        }
+        this.keys?.register(this);
     }
 
     /**
@@ -1378,7 +1360,7 @@ class Base extends CoreBase {
 
             Neo.vdom.Helper.create({
                 appName    : me.appName,
-                autoMount  : autoMount,
+                autoMount,
                 parentId   : autoMount ? me.parentId    : undefined,
                 parentIndex: autoMount ? me.parentIndex : undefined,
                 ...me.vdom
@@ -1710,4 +1692,4 @@ class Base extends CoreBase {
 
 Neo.applyClassConfig(Base);
 
-export {Base as default};
+export default Base;

package/src/component/BoxLabel.mjs

@@ -26,4 +26,4 @@ class BoxLabel extends Label {
 
 Neo.applyClassConfig(BoxLabel);
 
-export {BoxLabel as default};
+export default BoxLabel;

package/src/component/Canvas.mjs

@@ -73,4 +73,4 @@ class Canvas extends Component {
 
 Neo.applyClassConfig(Canvas);
 
-export {Canvas as default};
+export default Canvas;

package/src/component/Chip.mjs

@@ -159,4 +159,4 @@ class Chip extends Component {
 
 Neo.applyClassConfig(Chip);
 
-export {Chip as default};
+export default Chip;

package/src/component/Circle.mjs

@@ -786,4 +786,4 @@ class Circle extends Component {
 
 Neo.applyClassConfig(Circle);
 
-export {Circle as default};
+export default Circle;

package/src/component/Clock.mjs

@@ -119,4 +119,4 @@ class Clock extends Component {
 
 Neo.applyClassConfig(Clock);
 
-export {Clock as default};
+export default Clock;

package/src/component/DateSelector.mjs

@@ -966,4 +966,4 @@ class DateSelector extends Component {
 
 Neo.applyClassConfig(DateSelector);
 
-export {DateSelector as default};
+export default DateSelector;

package/src/component/Gallery.mjs

@@ -789,4 +789,4 @@ class Gallery extends Component {
 
 Neo.applyClassConfig(Gallery);
 
-export {Gallery as default};
+export default Gallery;

package/src/component/Helix.mjs

@@ -1055,4 +1055,4 @@ Object.defineProperties(Helix.prototype, {
 
 Neo.applyClassConfig(Helix);
 
-export {Helix as default};
+export default Helix;

package/src/component/Label.mjs

@@ -47,4 +47,4 @@ class Label extends Component {
 
 Neo.applyClassConfig(Label);
 
-export {Label as default};
+export default Label;

package/src/component/Legend.mjs

@@ -83,4 +83,4 @@ class Legend extends Component {
 
 Neo.applyClassConfig(Legend);
 
-export {Legend as default};
+export default Legend;

package/src/component/Splitter.mjs

@@ -237,4 +237,4 @@ class Splitter extends Component {
 
 Neo.applyClassConfig(Splitter);
 
-export {Splitter as default};
+export default Splitter;

package/src/component/mwc/Button.mjs

@@ -161,4 +161,4 @@ class Button extends Component {
 
 Neo.applyClassConfig(Button);
 
-export {Button as default};
+export default Button;

package/src/component/mwc/TextField.mjs

@@ -234,4 +234,4 @@ class TextField extends Component {
 
 Neo.applyClassConfig(TextField);
 
-export {TextField as default};
+export default TextField;

package/src/component/wrapper/AmChart.mjs

@@ -160,4 +160,4 @@ class AmChart extends Component {
 
 Neo.applyClassConfig(AmChart);
 
-export {AmChart as default};
+export default AmChart;

package/src/component/wrapper/MapboxGL.mjs

@@ -405,4 +405,4 @@ class MapboxGL extends Component {
 
 Neo.applyClassConfig(MapboxGL);
 
-export {MapboxGL as default};
+export default MapboxGL;

package/src/container/Base.mjs

@@ -557,4 +557,4 @@ class Base extends Component {
 
 Neo.applyClassConfig(Base);
 
-export {Base as default};
+export default Base;

package/src/container/Panel.mjs

@@ -185,4 +185,4 @@ class Panel extends Container {
 
 Neo.applyClassConfig(Panel);
 
-export {Panel as default};
+export default Panel;

package/src/container/Toolbar.mjs

@@ -191,4 +191,4 @@ class Toolbar extends Container {
 
 Neo.applyClassConfig(Toolbar);
 
-export {Toolbar as default};
+export default Toolbar;

package/src/container/Viewport.mjs

@@ -42,4 +42,4 @@ class Viewport extends Container {
 
 Neo.applyClassConfig(Viewport);
 
-export {Viewport as default};
+export default Viewport;