neo.mjs 6.41.0 → 6.43.0

package/src/Neo.mjs

@@ -421,16 +421,30 @@ Neo = globalThis.Neo = Object.assign({
     /**
      * Internally used at the end of each class / module definition
      * @memberOf module:Neo
-     * @param {Neo.core.Base} cls The Neo class to apply configs to
-     * @protected
+     * @template T
+     * @param {T} cls
+     * @returns {T}
      */
     setupClass(cls) {
         let baseCfg    = null,
             ntypeChain = [],
             {ntypeMap} = Neo,
             proto      = cls.prototype || cls,
+            ns         = Neo.ns(proto.constructor.config.className, false),
             protos     = [],
-            cfg, config, ctor, ns, ntype;
+            cfg, config, ctor, ntype;
+
+        /*
+         * If the namespace already exists, directly return it.
+         * This can happen when using different versions of neo.mjs
+         * => Especially singletons (IdGenerator) must stay unique.
+         *
+         * This can also happen when using different environments of neo.mjs in parallel.
+         * Example: code.LivePreview running inside a dist/production app.
+         */
+        if (ns) {
+            return ns
+        }
 
         while (proto.__proto__) {
             ctor = proto.constructor;
@@ -531,19 +545,8 @@ Neo = globalThis.Neo = Object.assign({
         });
 
         if (proto.singleton) {
-            ns = Neo.ns(proto.className);
-
-            // Only create new singleton instances, in case the namespace is not in use. Using multiple neo versions
-            // will cause issues otherwise (e.g. combining dist/production & development). Example: code.LivePreview.
-            if (!ns) {
-                cls = Neo.create(cls);
-                Neo.applyToGlobalNs(cls)
-            }
-            // If the singleton already exists, just return this version instead.
-            // This enables us to still use it with default import statements.
-            else {
-                return ns
-            }
+            cls = Neo.create(cls);
+            Neo.applyToGlobalNs(cls)
         }
 
         return cls

package/src/button/Base.mjs

@@ -551,6 +551,4 @@ class Base extends Component {
     }
 }
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/button/Menu.mjs

@@ -27,6 +27,4 @@ class Menu extends Split {
     }
 }
 
-Neo.setupClass(Menu);
-
-export default Menu;
+export default Neo.setupClass(Menu);

package/src/button/Split.mjs

@@ -221,6 +221,4 @@ class Split extends Button {
     }
 }
 
-Neo.setupClass(Split);
-
-export default Split;
+export default Neo.setupClass(Split);

package/src/calendar/model/Calendar.mjs

@@ -31,6 +31,4 @@ class Calendar extends Model {
     }
 }
 
-Neo.setupClass(Calendar);
-
-export default Calendar;
+export default Neo.setupClass(Calendar);

package/src/calendar/model/Color.mjs

@@ -25,6 +25,4 @@ class Color extends Model {
     }
 }
 
-Neo.setupClass(Color);
-
-export default Color;
+export default Neo.setupClass(Color);

package/src/calendar/model/Event.mjs

@@ -43,6 +43,4 @@ class Event extends Model {
     }
 }
 
-Neo.setupClass(Event);
-
-export default Event;
+export default Neo.setupClass(Event);

package/src/calendar/store/Calendars.mjs

@@ -30,6 +30,4 @@ class Calendars extends Store {
     }
 }
 
-Neo.setupClass(Calendars);
-
-export default Calendars;
+export default Neo.setupClass(Calendars);

package/src/calendar/store/Colors.mjs

@@ -34,6 +34,4 @@ class Colors extends Store {
     }
 }
 
-Neo.setupClass(Colors);
-
-export default Colors;
+export default Neo.setupClass(Colors);

package/src/calendar/store/Events.mjs

@@ -56,6 +56,4 @@ class Events extends Store {
     }
 }
 
-Neo.setupClass(Events);
-
-export default Events;
+export default Neo.setupClass(Events);

package/src/calendar/view/DayComponent.mjs

@@ -35,6 +35,4 @@ class DayComponent extends WeekComponent {
     }
 }
 
-Neo.setupClass(DayComponent);
-
-export default DayComponent;
+export default Neo.setupClass(DayComponent);

package/src/calendar/view/EditEventContainer.mjs

@@ -299,6 +299,4 @@ class EditEventContainer extends FormContainer {
     }
 }
 
-Neo.setupClass(EditEventContainer);
-
-export default EditEventContainer;
+export default Neo.setupClass(EditEventContainer);

package/src/calendar/view/MainContainer.mjs

@@ -654,6 +654,4 @@ class MainContainer extends Container {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/src/calendar/view/MainContainerModel.mjs

@@ -168,6 +168,4 @@ class MainContainerModel extends Component {
     }
 }
 
-Neo.setupClass(MainContainerModel);
-
-export default MainContainerModel;
+export default Neo.setupClass(MainContainerModel);

package/src/calendar/view/SettingsContainer.mjs

@@ -192,6 +192,4 @@ class SettingsContainer extends Container {
     }
 }
 
-Neo.setupClass(SettingsContainer);
-
-export default SettingsContainer;
+export default Neo.setupClass(SettingsContainer);

package/src/calendar/view/YearComponent.mjs

@@ -863,6 +863,4 @@ class YearComponent extends Component {
     }
 }
 
-Neo.setupClass(YearComponent);
-
-export default YearComponent;
+export default Neo.setupClass(YearComponent);

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

@@ -107,6 +107,4 @@ class ColorsList extends List {
     }
 }
 
-Neo.setupClass(ColorsList);
-
-export default ColorsList;
+export default Neo.setupClass(ColorsList);

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

@@ -65,6 +65,4 @@ class Container extends BaseContainer {
     }
 }
 
-Neo.setupClass(Container);
-
-export default Container;
+export default Neo.setupClass(Container);

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

@@ -192,6 +192,4 @@ class EditContainer extends FormContainer {
     }
 }
 
-Neo.setupClass(EditContainer);
-
-export default EditContainer;
+export default Neo.setupClass(EditContainer);

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

@@ -147,6 +147,4 @@ class List extends ComponentList {
     }
 }
 
-Neo.setupClass(List);
-
-export default List;
+export default Neo.setupClass(List);

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

@@ -810,6 +810,4 @@ class Component extends BaseComponent {
     }
 }
 
-Neo.setupClass(Component);
-
-export default Component;
+export default Neo.setupClass(Component);

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

@@ -286,6 +286,4 @@ class GeneralContainer extends Container {
     }
 }
 
-Neo.setupClass(GeneralContainer);
-
-export default GeneralContainer;
+export default Neo.setupClass(GeneralContainer);

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

@@ -129,6 +129,4 @@ class MonthContainer extends Container {
     }
 }
 
-Neo.setupClass(MonthContainer);
-
-export default MonthContainer;
+export default Neo.setupClass(MonthContainer);

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

@@ -129,6 +129,4 @@ class WeekContainer extends Container {
     }
 }
 
-Neo.setupClass(WeekContainer);
-
-export default WeekContainer;
+export default Neo.setupClass(WeekContainer);

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

@@ -144,6 +144,4 @@ class YearContainer extends Container {
     }
 }
 
-Neo.setupClass(YearContainer);
-
-export default YearContainer;
+export default Neo.setupClass(YearContainer);

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

@@ -998,6 +998,4 @@ class Component extends BaseComponent {
     }
 }
 
-Neo.setupClass(Component);
-
-export default Component;
+export default Neo.setupClass(Component);

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

@@ -529,6 +529,4 @@ class EventDragZone extends DragZone {
     }
 }
 
-Neo.setupClass(EventDragZone);
-
-export default EventDragZone;
+export default Neo.setupClass(EventDragZone);

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

@@ -212,6 +212,4 @@ class TimeAxisComponent extends Component {
     }
 }
 
-Neo.setupClass(TimeAxisComponent);
-
-export default TimeAxisComponent;
+export default Neo.setupClass(TimeAxisComponent);

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

@@ -313,6 +313,4 @@ class DragDrop extends Base {
     }
 }
 
-Neo.setupClass(DragDrop);
-
-export default DragDrop;
+export default Neo.setupClass(DragDrop);

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

@@ -58,6 +58,4 @@ class EventResizable extends Resizable {
     }
 }
 
-Neo.setupClass(EventResizable);
-
-export default EventResizable;
+export default Neo.setupClass(EventResizable);

package/src/code/LivePreview.mjs

@@ -236,7 +236,18 @@ class LivePreview extends Container {
 
             if (importMatch) {
                 let moduleName = importMatch[1],
-                    path       = importMatch[2];
+                    path       = importMatch[2],
+                    index;
+
+                if (Neo.config.environment !== 'development') {
+                    index = path.lastIndexOf('../');
+
+                    if (index === 0) {
+                        path = '../../../../src/' + path.slice(index+3);
+                    } else {
+                        path = path.slice(0, index) + '../../../' + path.slice(index+3);
+                    }
+                }
 
                 moduleNameAndPath.push({moduleName, path})
             } else if (line.match(exportRegex)) {
@@ -413,6 +424,4 @@ class LivePreview extends Container {
     }
 }
 
-Neo.setupClass(LivePreview);
-
-export default LivePreview;
+export default Neo.setupClass(LivePreview);

package/src/collection/Base.mjs

@@ -1262,6 +1262,4 @@ class Base extends CoreBase {
  * @returns {Object}
  */
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/collection/Filter.mjs

@@ -256,6 +256,4 @@ class Filter extends Base {
     }
 }
 
-Neo.setupClass(Filter);
-
-export default Filter;
+export default Neo.setupClass(Filter);

package/src/collection/Sorter.mjs

@@ -147,6 +147,4 @@ class Sorter extends Base {
     }
 }
 
-Neo.setupClass(Sorter);
-
-export default Sorter;
+export default Neo.setupClass(Sorter);

package/src/component/Base.mjs

@@ -20,6 +20,7 @@ const
     twoWayBindingSymbol = Symbol.for('twoWayBinding');
 
 /**
+ * Base class for all Components which have a DOM representation
  * @class Neo.component.Base
  * @extends Neo.core.Base
  */
@@ -2596,6 +2597,4 @@ class Base extends CoreBase {
  * @param {Object[]} data.oldPath dom element ids upwards
  */
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/component/BoxLabel.mjs

@@ -24,6 +24,4 @@ class BoxLabel extends Label {
     }
 }
 
-Neo.setupClass(BoxLabel);
-
-export default BoxLabel;
+export default Neo.setupClass(BoxLabel);

package/src/component/Canvas.mjs

@@ -75,6 +75,4 @@ class Canvas extends Component {
     }
 }
 
-Neo.setupClass(Canvas);
-
-export default Canvas;
+export default Neo.setupClass(Canvas);

package/src/component/Carousel.mjs

@@ -316,6 +316,4 @@ class Carousel extends Component {
     }
 }
 
-Neo.setupClass(Carousel);
-
-export default Carousel;
+export default Neo.setupClass(Carousel);

package/src/component/Chip.mjs

@@ -146,6 +146,4 @@ class Chip extends Component {
     }
 }
 
-Neo.setupClass(Chip);
-
-export default Chip;
+export default Neo.setupClass(Chip);

package/src/component/Circle.mjs

@@ -858,6 +858,4 @@ class Circle extends Component {
     }
 }
 
-Neo.setupClass(Circle);
-
-export default Circle;
+export default Neo.setupClass(Circle);

package/src/component/Clock.mjs

@@ -117,6 +117,4 @@ class Clock extends Component {
     }
 }
 
-Neo.setupClass(Clock);
-
-export default Clock;
+export default Neo.setupClass(Clock);

package/src/component/DateSelector.mjs

@@ -996,6 +996,4 @@ class DateSelector extends Component {
     }
 }
 
-Neo.setupClass(DateSelector);
-
-export default DateSelector;
+export default Neo.setupClass(DateSelector);

package/src/component/Gallery.mjs

@@ -747,6 +747,4 @@ class Gallery extends Component {
     }
 }
 
-Neo.setupClass(Gallery);
-
-export default Gallery;
+export default Neo.setupClass(Gallery);

package/src/component/Helix.mjs

@@ -1052,6 +1052,4 @@ Object.defineProperties(Helix.prototype, {
     afterSetTranslateZ   : cfg
 });
 
-Neo.setupClass(Helix);
-
-export default Helix;
+export default Neo.setupClass(Helix);

package/src/component/Iframe.mjs

@@ -37,6 +37,4 @@ class Iframe extends Base {
     }
 }
 
-Neo.setupClass(Iframe);
-
-export default Iframe;
+export default Neo.setupClass(Iframe);

package/src/component/Label.mjs

@@ -44,6 +44,4 @@ class Label extends Component {
     }
 }
 
-Neo.setupClass(Label);
-
-export default Label;
+export default Neo.setupClass(Label);

package/src/component/Legend.mjs

@@ -78,6 +78,4 @@ class Legend extends Component {
     }
 }
 
-Neo.setupClass(Legend);
-
-export default Legend;
+export default Neo.setupClass(Legend);

package/src/component/Process.mjs

@@ -181,6 +181,4 @@ class Process extends Base {
     }
 }
 
-Neo.setupClass(Process);
-
-export default Process;
+export default Neo.setupClass(Process);

package/src/component/Progress.mjs

@@ -108,6 +108,4 @@ class Progress extends Base {
     }
 }
 
-Neo.setupClass(Progress);
-
-export default Progress;
+export default Neo.setupClass(Progress);

package/src/component/Splitter.mjs

@@ -233,6 +233,4 @@ class Splitter extends Component {
     }
 }
 
-Neo.setupClass(Splitter);
-
-export default Splitter;
+export default Neo.setupClass(Splitter);

package/src/component/StatusBadge.mjs

@@ -442,6 +442,4 @@ class StatusBadge extends Base {
 
 }
 
-Neo.setupClass(StatusBadge);
-
-export default StatusBadge;
+export default Neo.setupClass(StatusBadge);

package/src/component/Timer.mjs

@@ -317,6 +317,4 @@ class Timer extends Component {
     }
 }
 
-Neo.setupClass(Timer);
-
-export default Timer;
+export default Neo.setupClass(Timer);

package/src/component/Toast.mjs

@@ -279,6 +279,4 @@ class Toast extends Base {
     }
 }
 
-Neo.setupClass(Toast);
-
-export default Toast;
+export default Neo.setupClass(Toast);

package/src/component/Video.mjs

@@ -1,5 +1,7 @@
 import BaseComponent from '../component/Base.mjs';
-import VDomUtil from '../util/VDom.mjs';
+import VDomUtil      from '../util/VDom.mjs';
+
+let isOperaMini = null;
 
 /**
  * @class Neo.component.Video
@@ -39,7 +41,7 @@ class Video extends BaseComponent {
         autoplay: false,
         /**
          * In case the browser does not support the video source the component should show an error.
-         * @member {Boolean} errorMsg='The browser does not support the video'
+         * @member {String} errorMsg='The browser does not support the video'
          */
         errorMsg: 'Your browser does not support the video tag.',
         /**
@@ -109,32 +111,35 @@ class Video extends BaseComponent {
     }
 
     /**
-     * afterSetUrl
      * Add a source element into the video element containing the url
-     *
      * @param {String} value
      * @param {String|null} oldValue
      */
-    afterSetUrl(value, oldValue) {
+    async afterSetUrl(value, oldValue) {
         if (!value) return;
 
-        let {vdom}      = this,
-            media       = VDomUtil.getFlags(vdom, 'media')[0],
-            ua          = navigator.userAgent || navigator.vendor || window.opera,
-            isOperaMini = /Opera Mini/i.test(ua);
+        let me     = this,
+            {vdom} = me,
+            media  = VDomUtil.getFlags(vdom, 'media')[0],
+            userAgent;
+
+        if (isOperaMini === null) {
+            userAgent   = await Neo.Main.getByPath({path: 'navigator.userAgent'});
+            isOperaMini = userAgent.includes('Opera Mini');
+        }
 
         media.cn = [{
-            tag: 'source',
-            src: value,
-            type: this.type
+            tag : 'source',
+            src : value,
+            type: me.type
         }];
 
         // Opera Mini might not support the video-source => check the user agent string
         if (isOperaMini) {
             media.cn.push({
-                tag: 'span',
-                html: this.errorMsg,
-            });
+                tag : 'span',
+                html: me.errorMsg
+            })
         }
 
         this.update()
@@ -144,7 +149,7 @@ class Video extends BaseComponent {
      * autoplay - run the event listeners
      * Only called in constructor and sets playing => calls update already
      *
-     * Rationale: update() sends the vdom & vnode on a workers roundtrip to get the deltas. 
+     * Rationale: update() sends the vdom & vnode on a workers roundtrip to get the deltas.
      * While this is happening,  the component locks itself for future updates until the new vnode got back (async).
      * After the delay the framework  would trigger a 2nd roundtrip to get the deltas for the visible node.
      *
@@ -179,6 +184,4 @@ class Video extends BaseComponent {
     }
 }
 
-Neo.setupClass(Video);
-
-export default Video;
+export default Neo.setupClass(Video);

package/src/component/mwc/Button.mjs

@@ -156,6 +156,4 @@ class Button extends Component {
     }
 }
 
-Neo.setupClass(Button);
-
-export default Button;
+export default Neo.setupClass(Button);